*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--retro-bg: #0c0820;--retro-panel: #1a1438;--retro-border: #3a2a5c;--retro-accent: #ff8844;--retro-amber: #ffcc44;--retro-warm: #ff6633;--retro-cyan: #00ccff;--retro-green: #44ff88;--retro-text: #e8e0f0;--retro-dim: rgba(255, 255, 255, .4);--retro-shadow: #0a0610;--font-pixel: "Press Start 2P", monospace;--font-retro: "VT323", monospace}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:var(--font-retro);color:var(--retro-text);-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#game-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#game-canvas canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#ui-overlay>*{pointer-events:none}#fade-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:1;z-index:100;transition:opacity .3s ease}#fade-overlay.transparent{opacity:0}.cinematic-bar{position:absolute;left:0;width:100%;height:0;background:#000;z-index:50;transition:height .6s steps(8)}#cinematic-bar-top{top:0}#cinematic-bar-bottom{bottom:0}.cinematic-bar.active{height:12%}#title-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;z-index:60;transition:opacity .8s steps(4)}#title-card.visible{opacity:1}#title-card-title{font-family:var(--font-pixel);font-size:clamp(1.2rem,4vw,2.5rem);font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#fff;text-shadow:3px 3px 0 var(--retro-shadow),0 0 20px var(--retro-accent)}#title-card-subtitle{font-family:var(--font-retro);font-size:clamp(.9rem,2.5vw,1.4rem);letter-spacing:.2em;text-transform:uppercase;color:var(--retro-accent);margin-bottom:1rem}#objective-panel{position:absolute;top:2rem;left:50%;transform:translate(-50%);background:var(--retro-panel);border:3px solid var(--retro-accent);box-shadow:4px 4px 0 var(--retro-shadow);padding:.6rem 1.2rem;text-align:center;opacity:0;z-index:40;transition:opacity .4s steps(4);max-width:min(90%,500px)}#objective-panel.visible{opacity:1}#objective-header{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.3rem}#objective-icon{color:var(--retro-accent);font-size:.8rem;animation:pixelBlink 1s steps(2) infinite}@keyframes pixelBlink{0%,to{opacity:1}50%{opacity:0}}#objective-label{font-family:var(--font-pixel);font-size:.5rem;letter-spacing:.15em;color:var(--retro-accent)}#objective-text{font-family:var(--font-retro);font-size:clamp(1rem,2.5vw,1.3rem);color:#fff;line-height:1.4}#objective-hint{font-family:var(--font-retro);font-size:.9rem;color:var(--retro-dim);margin-top:.2rem}#minimap-container{position:absolute;top:1rem;right:1rem;width:140px;height:140px;overflow:hidden;border:3px solid var(--retro-accent);box-shadow:4px 4px 0 var(--retro-shadow);background:var(--retro-panel);opacity:0;z-index:35;transition:opacity .4s steps(4)}#minimap-container.visible{opacity:1}#minimap-canvas{width:100%;height:100%;image-rendering:pixelated}#minimap-label{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-family:var(--font-pixel);font-size:.35rem;letter-spacing:.15em;color:var(--retro-accent)}#dialogue-box{position:absolute;bottom:15%;left:50%;transform:translate(-50%);width:min(90%,700px);background:var(--retro-panel);border:3px solid var(--retro-accent);border-left:5px solid var(--retro-accent);box-shadow:4px 4px 0 var(--retro-shadow);padding:1.2rem 1.5rem;opacity:0;z-index:40;transition:opacity .3s steps(4);pointer-events:auto}#dialogue-box.visible{opacity:1;pointer-events:auto}#dialogue-box.hidden{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}#dialogue-speaker{font-family:var(--font-pixel);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:var(--retro-accent);margin-bottom:.5rem}#dialogue-text{font-family:var(--font-retro);font-size:clamp(1.1rem,3vw,1.5rem);line-height:1.5;color:var(--retro-text);min-height:2.5em}#dialogue-continue{position:absolute;bottom:.6rem;right:1rem;font-size:.8rem;color:var(--retro-accent);animation:dialogueBounce .6s steps(3) infinite}@keyframes dialogueBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}#subtitle-bar{position:absolute;bottom:8%;left:50%;transform:translate(-50%);text-align:center;opacity:0;z-index:35;transition:opacity .4s steps(4)}#subtitle-bar.visible{opacity:1}#subtitle-text{font-family:var(--font-retro);font-size:clamp(1rem,2.5vw,1.3rem);color:#fff;background:#000000d9;padding:.4rem 1.5rem;border:2px solid var(--retro-accent);box-shadow:3px 3px 0 var(--retro-shadow)}#interaction-prompt{position:absolute;bottom:25%;left:50%;transform:translate(-50%);opacity:0;z-index:30;transition:opacity .3s steps(3)}#interaction-prompt.visible{opacity:1}#interaction-prompt-inner{display:flex;align-items:center;gap:.6rem;background:var(--retro-panel);padding:.5rem 1rem;border:3px solid var(--retro-accent);box-shadow:3px 3px 0 var(--retro-shadow);animation:promptFloat 1s steps(4) infinite}@keyframes promptFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}#interaction-key{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:2px solid var(--retro-accent);font-family:var(--font-pixel);font-size:.6rem;color:var(--retro-accent);background:#ff884426}#interaction-label{font-family:var(--font-retro);font-size:1.1rem;color:var(--retro-text);letter-spacing:.05em}#scene-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--retro-bg);display:flex;align-items:center;justify-content:center;z-index:150;pointer-events:auto}#scene-loading-content{text-align:center}#scene-loading-title{font-family:var(--font-pixel);font-size:clamp(.9rem,3vw,1.5rem);letter-spacing:.15em;color:var(--retro-accent);margin-bottom:.5rem;text-shadow:3px 3px 0 var(--retro-shadow)}#scene-loading-subtitle{font-family:var(--font-retro);font-size:1.1rem;color:var(--retro-dim);letter-spacing:.1em;margin-bottom:1.5rem}#scene-loading-tip{font-family:var(--font-retro);font-size:.9rem;color:#ff884480;letter-spacing:.05em;margin-bottom:2rem}.spinner-ring{width:12px;height:12px;margin:0 auto;background:var(--retro-accent);animation:pixelSpinner .8s steps(4) infinite}@keyframes pixelSpinner{0%{box-shadow:16px 0 0 var(--retro-accent),0 16px #ff88444d,-16px 0 #ff88444d,0 -16px #ff88444d}25%{box-shadow:16px 0 #ff88444d,0 16px 0 var(--retro-accent),-16px 0 #ff88444d,0 -16px #ff88444d}50%{box-shadow:16px 0 #ff88444d,0 16px #ff88444d,-16px 0 0 var(--retro-accent),0 -16px #ff88444d}75%{box-shadow:16px 0 #ff88444d,0 16px #ff88444d,-16px 0 #ff88444d,0 -16px 0 var(--retro-accent)}}#touch-controls{display:none;position:absolute;bottom:0;left:0;width:100%;height:40%;z-index:25;pointer-events:auto}@media(hover:none)and (pointer:coarse){#touch-controls{display:flex;justify-content:space-between;align-items:flex-end;padding:0 1.5rem 2rem}#interaction-key,.hint-desktop{display:none}#minimap-container{width:100px;height:100px}}@media(hover:hover)and (pointer:fine){.hint-mobile{display:none}}#touch-joystick{position:relative;width:120px;height:120px}#touch-joystick-base{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:#ff884414;border:3px solid rgba(255,136,68,.3)}#touch-joystick-thumb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#ff884440;border:3px solid rgba(255,136,68,.5)}#touch-buttons{display:flex;flex-direction:column;gap:.75rem}.touch-btn{width:56px;height:56px;background:#ff88441a;border:3px solid rgba(255,136,68,.3);color:#ff8844b3;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.touch-btn:active{background:#ff88444d;border-color:var(--retro-accent)}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--retro-bg);display:flex;align-items:center;justify-content:center;z-index:200;transition:opacity .8s steps(8)}#loading-screen.fade-out{opacity:0;pointer-events:none}#loading-content{text-align:center}#loading-title{font-family:var(--font-pixel);font-size:clamp(1.5rem,6vw,3rem);letter-spacing:.3em;color:#fff;text-shadow:4px 4px 0 var(--retro-shadow),0 0 30px var(--retro-accent);margin-bottom:2rem;animation:loadingBlink 2s steps(2) infinite}@keyframes loadingBlink{0%,80%{opacity:1}90%,to{opacity:.5}}#loading-subtitle{font-family:var(--font-retro);font-size:1.2rem;letter-spacing:.15em;color:var(--retro-dim);margin-bottom:2rem}#loading-bar-container{width:min(80%,300px);height:8px;background:var(--retro-panel);border:2px solid var(--retro-border);margin:0 auto}#loading-bar{width:0%;height:100%;background:var(--retro-accent);transition:width .2s steps(10)}#start-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--retro-bg);display:flex;align-items:center;justify-content:center;z-index:190;pointer-events:auto}#start-content{text-align:center}#start-logo{font-family:var(--font-pixel);font-size:clamp(2rem,8vw,4.5rem);letter-spacing:.4em;color:#fff;text-shadow:4px 4px 0 var(--retro-shadow),0 0 40px var(--retro-accent);margin-bottom:1rem}#start-tagline{font-family:var(--font-retro);font-size:clamp(1rem,3vw,1.6rem);color:var(--retro-dim);letter-spacing:.1em;margin-bottom:.5rem}#start-year{font-family:var(--font-pixel);font-size:.55rem;letter-spacing:.25em;color:var(--retro-accent);margin-bottom:3rem}#start-button,#continue-button{font-family:var(--font-pixel);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#fff;background:transparent;border:3px solid var(--retro-accent);box-shadow:4px 4px 0 var(--retro-shadow);padding:.9rem 2rem;cursor:pointer;transition:background .15s steps(2),transform .1s steps(2);pointer-events:auto;display:inline-block;margin:.5rem}#start-button:hover,#continue-button:hover{background:#f843}#start-button:active,#continue-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--retro-shadow)}#start-controls-hint{margin-top:3rem;font-family:var(--font-retro);font-size:.9rem;color:var(--retro-dim);letter-spacing:.05em}#end-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:180;pointer-events:auto;opacity:0;transition:opacity 1.5s steps(8)}#end-screen.visible{opacity:1}::-webkit-scrollbar{display:none}@media(max-width:768px){#dialogue-box{bottom:22%;padding:.8rem 1rem}.cinematic-bar.active{height:8%}#interaction-prompt{bottom:38%}#objective-panel{top:1rem;padding:.5rem .8rem}}.fade-in{animation:fadeIn .6s steps(6) forwards}.fade-out{animation:fadeOut .6s steps(6) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#objective-pointer{position:absolute;bottom:38%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.2rem;opacity:0;z-index:33;transition:opacity .3s steps(3)}#objective-pointer.visible{opacity:.92}#objective-pointer-arrow{font-size:1.6rem;line-height:1;color:var(--retro-amber);text-shadow:2px 2px 0 var(--retro-shadow);transition:transform .12s linear;animation:pointerBlink 1.2s steps(2) infinite}@keyframes pointerBlink{0%,to{opacity:.7}50%{opacity:1}}#objective-pointer-dist{font-family:var(--font-pixel);font-size:.4rem;letter-spacing:.1em;color:var(--retro-amber);background:var(--retro-panel);border:2px solid var(--retro-border);padding:.1rem .4rem}#instructions-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%) scale(.96);width:min(92%,560px);background:var(--retro-panel);border:3px solid var(--retro-accent);border-top:5px solid var(--retro-accent);box-shadow:6px 6px 0 var(--retro-shadow);padding:1.5rem 1.8rem;text-align:center;opacity:0;pointer-events:none;z-index:70;transition:opacity .35s steps(4),transform .35s steps(4)}#instructions-banner.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}#instructions-title{font-family:var(--font-pixel);font-size:clamp(.6rem,2vw,.85rem);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:.8rem;text-shadow:2px 2px 0 var(--retro-shadow)}#instructions-body{font-family:var(--font-retro);font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6;color:var(--retro-text);margin-bottom:1rem}#instructions-body .key{display:inline-block;min-width:1.5em;padding:.1em .35em;margin:0 .1em;border:2px solid var(--retro-accent);font-family:var(--font-pixel);font-size:.55rem;color:var(--retro-amber);background:#ff884426}#instructions-dismiss{font-family:var(--font-pixel);font-size:.4rem;letter-spacing:.1em;color:var(--retro-dim);text-transform:uppercase}#instructions-dismiss b{color:var(--retro-amber)}#interaction-prompt-inner{box-shadow:3px 3px 0 var(--retro-shadow)}#interaction-label{font-weight:400;letter-spacing:.05em}