*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a1a;color:#c8c8e0;font-family:Courier New,monospace;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}#intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;justify-content:center;align-items:center;background:#0a0a1a;transition:opacity .8s ease}#intro-overlay.fade-out{opacity:0;pointer-events:none}#intro-overlay.hidden{display:none}#intro-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#intro-content{position:relative;z-index:1;text-align:center}#intro-title{font-size:clamp(36px,8vw,72px);letter-spacing:16px;background:linear-gradient(135deg,gold,#ff6b35,#4a90d9,#7b68ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:introGlow 3s ease-in-out infinite alternate}@keyframes introGlow{0%{filter:brightness(1)}to{filter:brightness(1.3)}}#intro-sub{font-size:clamp(10px,1.8vw,14px);letter-spacing:6px;color:#555;margin-top:12px}#intro-tagline{font-size:clamp(9px,1.5vw,12px);letter-spacing:3px;color:#333;margin-top:8px}#intro-start{margin-top:36px;padding:12px 48px;border:1px solid #ffd700;border-radius:4px;background:transparent;color:gold;font-family:inherit;font-size:clamp(13px,2vw,16px);letter-spacing:6px;cursor:pointer;transition:all .3s;animation:startPulse 2s ease-in-out infinite}#intro-start:hover{background:#ffd70014;box-shadow:0 0 30px #ffd70026}@keyframes startPulse{0%,to{box-shadow:0 0 4px #ffd7001a}50%{box-shadow:0 0 20px #ffd70033}}#win-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:250;justify-content:center;align-items:center}#win-modal.visible{display:flex}#win-box{background:#0d0d22;border:1px solid #ffd700;border-radius:6px;padding:28px 32px;max-width:380px;width:90vw;text-align:center;box-shadow:0 0 60px #ffd70014;animation:winIn .4s ease}@keyframes winIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}#win-icon{font-size:36px;margin-bottom:8px}#win-title{color:gold;font-size:14px;letter-spacing:4px;margin-bottom:6px}#win-sub{color:#666;font-size:10px;margin-bottom:14px;letter-spacing:1px}#win-stats{margin-bottom:18px}#win-mirrors{color:#555;font-size:10px;letter-spacing:1px}#win-par{color:#555;font-size:10px;letter-spacing:1px;margin-left:12px}#win-stars{margin-bottom:10px}#win-stars .star{font-size:28px;margin:0 3px}#win-stars .star.filled{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}#win-stars .star.empty{color:#333}#win-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}#win-actions button{padding:8px 20px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:2px;transition:all .3s}.win-primary{background:transparent;border:1px solid #ffd700;color:gold}.win-primary:hover{background:#ffd70014;box-shadow:0 0 20px #ffd7001a}.win-secondary{background:transparent;border:1px solid #444;color:#777}.win-secondary:hover{border-color:#666;color:#aaa}#api-key-settings-btn{position:fixed;top:10px;right:10px;width:32px;height:32px;border:1px solid #333;border-radius:50%;background:#111;cursor:pointer;font-size:14px;transition:all .3s;z-index:10;line-height:1}#api-key-settings-btn:hover{border-color:#666}#app{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;max-width:580px;width:100%}header{text-align:center;width:100%}h1{font-size:24px;letter-spacing:8px;background:linear-gradient(135deg,gold,#ff6b35,#4a90d9,#7b68ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.sub{font-size:9px;letter-spacing:4px;color:#444}#level-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;flex-wrap:wrap}#level-select{background:#113;color:#c8c8e0;border:1px solid #2a2a5a;border-radius:3px;padding:3px 8px;font-family:inherit;font-size:11px;cursor:pointer}#level-select option{background:#0a0a1a}#level-select option:disabled{color:#444}#level-name{font-size:11px;letter-spacing:2px;color:#888}#level-subtitle{font-size:10px;color:#555;width:100%;text-align:center}#game-area{position:relative;width:100%}#game-container{border:1px solid #1a1a3a;border-radius:4px;background:#0d0d22;box-shadow:0 0 40px #4a90d90d;width:100%}canvas{display:block;width:100%;height:auto;aspect-ratio:1;cursor:pointer}#editor-container{display:none;position:absolute;bottom:0;left:0;right:0;z-index:20}#editor-panel{background:#0d0d22;border:1px solid #3a3a6a;border-radius:4px;padding:10px}.ed-title{font-size:10px;letter-spacing:2px;color:#fa0;margin-bottom:6px}.ed-tools{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.ed-tools button{padding:3px 8px;border:1px solid #2a2a5a;border-radius:3px;background:#113;color:#888;cursor:pointer;font-family:inherit;font-size:9px;letter-spacing:1px;transition:all .2s}.ed-tools button:hover{border-color:#4a4a8a}.ed-tools .ed-active{border-color:gold;color:gold}.ed-actions{display:flex;gap:6px}.ed-actions button{padding:4px 12px;border:1px solid #3a3a5a;border-radius:3px;background:transparent;color:#888;cursor:pointer;font-family:inherit;font-size:9px;letter-spacing:1px}.ed-actions button:hover{border-color:#666}#controls{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;flex-wrap:wrap}#toggle-btn{padding:6px 16px;border:1px solid #2a2a5a;border-radius:4px;background:#113;color:#c8c8e0;cursor:pointer;font-family:inherit;font-size:11px;letter-spacing:2px;transition:all .3s}#toggle-btn:hover{background:#1a1a44;border-color:#4a4a8a}#toggle-btn.day{border-color:gold;color:gold;box-shadow:0 0 10px #ffd7001a}#toggle-btn.night{border-color:#4a90d9;color:#4a90d9;box-shadow:0 0 10px #4a90d91a}#toggle-btn.pulse{animation:pulse .8s ease-in-out infinite alternate}@keyframes pulse{0%{box-shadow:0 0 4px currentColor}to{box-shadow:0 0 16px currentColor}}#mode-label{font-size:10px;letter-spacing:3px;color:#666}#mode-label .day-active{color:gold}#mode-label .night-active{color:#4a90d9}#mode-label .dim{color:#333}#reset-btn,#editor-btn{padding:6px 12px;border:1px solid #2a2a5a;border-radius:4px;background:#113;color:#777;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:1px;transition:all .3s}#reset-btn:hover,#editor-btn:hover{background:#1a1a44;border-color:#4a4a8a;color:#aaa}#status{font-size:10px;color:#555;letter-spacing:1px;text-align:center;min-height:15px;line-height:1.4}#status.success{color:#0f8}#bottom-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 4px}#mirror-count{font-size:10px;color:#555;letter-spacing:1px}#help-btn{width:26px;height:26px;border:1px solid #333;border-radius:50%;background:#111;color:#555;font-family:inherit;font-size:12px;cursor:pointer;transition:all .3s}#help-btn:hover{border-color:#666;color:#999}#settings-btn{width:26px;height:26px;border:1px solid #333;border-radius:50%;background:#111;color:#555;font-family:inherit;font-size:14px;cursor:pointer;transition:all .3s;line-height:1}#settings-btn:hover{border-color:#666;color:#999}#help-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:300;justify-content:center;align-items:center}#help-modal.visible{display:flex}#help-box{background:#111;border:1px solid #333;padding:24px 28px;border-radius:4px;max-width:420px;width:90vw}#help-box h3{color:gold;font-size:11px;letter-spacing:3px;margin-bottom:12px}#help-box p{color:#888;font-size:10px;line-height:1.7;margin-bottom:8px}#help-box .key{display:inline-block;border:1px solid #444;padding:1px 6px;border-radius:3px;font-size:9px;color:#aaa;margin:0 2px}#help-box .hl{color:#ddd}#help-box .close-btn{margin-top:12px;padding:6px 20px;border:1px solid #555;border-radius:3px;background:transparent;color:#aaa;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:2px}#help-box .close-btn:hover{background:#1a1a1a;border-color:#888}#settings-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:300;justify-content:center;align-items:center}#settings-modal.visible{display:flex}#settings-box{background:#111;border:1px solid #333;padding:24px 28px;border-radius:4px;max-width:400px;width:90vw;text-align:center}#settings-box h3{color:gold;font-size:11px;letter-spacing:3px;margin-bottom:14px}.setting-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:14px}.setting-label{color:#888;font-size:10px;letter-spacing:1px}.toggle{position:relative;display:inline-block;width:36px;height:20px}.toggle input{display:none}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#333;border-radius:20px;transition:.3s}.slider:before{content:"";position:absolute;left:3px;bottom:3px;width:14px;height:14px;background:#666;border-radius:50%;transition:.3s}.toggle input:checked+.slider{background:#1a3a1a}.toggle input:checked+.slider:before{background:#00ff41;transform:translate(16px)}#settings-shortcuts{color:#555;font-size:9px;line-height:1.8;margin-bottom:14px}#settings-shortcuts .hl{color:#888}#settings-shortcuts .key{display:inline-block;border:1px solid #333;padding:1px 5px;border-radius:3px;font-size:8px;color:#888;margin:0 1px}#settings-box .close-btn{padding:6px 20px;border:1px solid #555;border-radius:3px;background:transparent;color:#aaa;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:2px}#settings-box .close-btn:hover{background:#1a1a1a;border-color:#888}#terminal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:100;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease}#terminal-overlay.visible{display:flex;opacity:1}#terminal{width:580px;max-width:92vw;height:450px;max-height:82vh;background:#0a0a0a;border:1px solid #1a3a1a;border-radius:4px;display:flex;flex-direction:column;box-shadow:0 0 60px #00ff410d}#terminal-header{padding:7px 12px;border-bottom:1px solid #1a1a1a;font-size:9px;letter-spacing:2px;color:#444;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}#terminal-header .dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:3px;background:#00ff41}#terminal-output{flex:1;overflow-y:auto;padding:12px;font-size:12px;line-height:1.6;color:#00ff41}#terminal-output::-webkit-scrollbar{width:3px}#terminal-output::-webkit-scrollbar-track{background:#0a0a0a}#terminal-output::-webkit-scrollbar-thumb{background:#1a3a1a}#terminal-output .ut{color:#00ff41}#terminal-output .at{color:#00cc41}#terminal-output .st{color:#fa0}#terminal-output .dim{color:#0a3a0a}#terminal-input-row{display:flex;padding:7px 12px;border-top:1px solid #1a1a1a;align-items:center;flex-shrink:0}#terminal-input-row .prompt{color:#00aa41;margin-right:7px;font-size:12px;flex-shrink:0}#terminal-input{flex:1;background:transparent;border:none;outline:none;color:#00ff41;font-family:inherit;font-size:12px;caret-color:#00ff41}#terminal-input::placeholder{color:#0a3a0a}#terminal-input:disabled{color:#0a3a0a}#api-key-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:200;justify-content:center;align-items:center}#api-key-modal.visible{display:flex}#api-key-box{background:#111;border:1px solid #333;padding:24px;border-radius:4px;max-width:400px;width:90vw;text-align:center}#api-key-box h3{color:#fa0;font-size:11px;letter-spacing:2px;margin-bottom:8px}#api-key-box p{color:#666;font-size:10px;margin-bottom:12px;line-height:1.6}#api-key-box input{width:100%;padding:8px;background:#0a0a0a;border:1px solid #333;border-radius:3px;color:#00ff41;font-family:inherit;font-size:11px;outline:none;margin-bottom:10px}#api-key-box input:focus{border-color:#00ff41}#api-key-box button{padding:7px 20px;border:1px solid #00ff41;border-radius:3px;background:transparent;color:#00ff41;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:2px}#api-key-box button:hover{background:#030}#api-key-box .skip-btn{border-color:#444;color:#555;margin-left:6px}@media(max-width:600px){#app{padding:6px;gap:4px}h1{font-size:18px;letter-spacing:4px}.sub{font-size:7px;letter-spacing:2px}#controls{gap:4px}#toggle-btn{font-size:9px;padding:4px 10px}#reset-btn,#editor-btn{font-size:8px;padding:4px 8px}#level-name{font-size:9px}#level-subtitle,#status,#mirror-count{font-size:8px}#mode-label{font-size:8px;letter-spacing:2px}#help-btn{width:22px;height:22px;font-size:10px}#settings-btn{width:22px;height:22px;font-size:12px}#api-key-settings-btn{top:6px;right:6px;width:28px;height:28px;font-size:12px}}@media(max-width:400px){#bottom-bar{flex-wrap:wrap;gap:4px;justify-content:center}#status{width:100%;text-align:center}}#demo-hl{animation:demoPulse .8s ease-in-out infinite alternate}@keyframes demoPulse{0%{opacity:.6}to{opacity:1}}#demo-tip{text-shadow:0 0 8px rgba(0,255,136,.3)}#master-unlock-modal,#grandmaster-loading-modal,#grandmaster-reveal-modal,#great-grandmaster-reveal-modal,#genius-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:400;justify-content:center;align-items:center}#master-unlock-modal.visible,#grandmaster-loading-modal.visible,#grandmaster-reveal-modal.visible,#great-grandmaster-reveal-modal.visible,#genius-modal.visible{display:flex}#master-unlock-box,#grandmaster-loading-box,#grandmaster-reveal-box,#great-grandmaster-reveal-box,#genius-box{background:#0d0d22;border:1px solid #ffd700;border-radius:6px;padding:32px;max-width:420px;width:90vw;text-align:center;box-shadow:0 0 80px #ffd7001a;animation:winIn .5s ease}#master-unlock-box h2,#grandmaster-loading-box h2,#grandmaster-reveal-box h2,#great-grandmaster-reveal-box h2,#genius-box h2{color:gold;font-size:18px;letter-spacing:6px;margin-bottom:14px}#master-unlock-box p,#grandmaster-loading-box p,#grandmaster-reveal-box p,#great-grandmaster-reveal-box p,#genius-box p{color:#888;font-size:11px;line-height:1.6;margin-bottom:6px}#master-unlock-box .dim,#grandmaster-loading-box .dim,#grandmaster-reveal-box .dim,#great-grandmaster-reveal-box .dim,#genius-box .dim{color:#555}#master-unlock-box .highlight{color:#0f8;font-size:13px;letter-spacing:3px;margin:12px 0 4px}#master-unlock-box .small,#genius-box .small{color:#444;font-size:9px;letter-spacing:1px}.master-badge{font-size:36px;color:gold;margin:10px 0;text-shadow:0 0 20px rgba(255,215,0,.4)}.gm-badge{font-size:32px;color:#4a90d9;margin:10px 0;text-shadow:0 0 20px rgba(74,144,217,.4)}.genius-badge{font-size:40px;margin:10px 0}#master-unlock-box button,#grandmaster-reveal-box button,#great-grandmaster-reveal-box button,#genius-box button{margin-top:16px;padding:10px 36px;border:1px solid #ffd700;border-radius:4px;background:transparent;color:gold;font-family:inherit;font-size:12px;letter-spacing:4px;cursor:pointer;transition:all .3s}#master-unlock-box button:hover,#grandmaster-reveal-box button:hover,#great-grandmaster-reveal-box button:hover,#genius-box button:hover{background:#ffd70014;box-shadow:0 0 30px #ffd70026}#grandmaster-reveal-box button,#great-grandmaster-reveal-box button{border-color:#4a90d9;color:#4a90d9}#grandmaster-reveal-box button:hover,#great-grandmaster-reveal-box button:hover{background:#4a90d914;box-shadow:0 0 30px #4a90d926}.gm-loading-bar{width:100%;height:6px;background:#1a1a3a;border-radius:3px;margin:16px 0 10px;overflow:hidden}.gm-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#4a90d9,#7b68ee);border-radius:3px;transition:width 1s linear}