@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Press+Start+2P&display=swap";*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body{margin:0;padding:0;width:100vw;height:100vh;background-color:#0c0d14;color:#e4e6eb;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;display:flex;justify-content:center;align-items:center}#game-wrapper{position:relative;aspect-ratio:16 / 9;width:min(100vw,177.78vh);max-width:1280px;max-height:720px;box-shadow:0 0 40px #000000d9;background-color:#000;overflow:hidden}#game-viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}canvas{width:100%!important;height:100%!important;display:block;image-rendering:pixelated;image-rendering:crisp-edges;-moz-image-rendering:pixelated;-webkit-image-rendering:pixelated}#game-hud-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:3.5%;font-size:16px}.hud-top,.hud-bottom-controls,.hud-interact-prompt,.hud-toast{pointer-events:auto}body.pre-start #game-hud-container{display:none}#start-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background-color:#0809108c;opacity:1;transition:opacity .35s ease}#start-screen.fade-out{opacity:0;pointer-events:none}.start-panel{background-color:#161925;border:5px solid #00ffcc;box-shadow:8px 8px #000;padding:7% 6%;max-width:80%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;image-rendering:pixelated}.start-title{font-family:"Press Start 2P",monospace;font-size:22px;color:#ff0;letter-spacing:1px;text-shadow:3px 3px 0 #000;margin:0}.start-subtitle{font-family:"Press Start 2P",monospace;font-size:10px;color:#e4e6eb;line-height:1.6;margin:0}.start-btn{font-family:"Press Start 2P",monospace;font-size:13px;color:#000;background-color:#0fc;border:4px solid #000;box-shadow:5px 5px #000;padding:16px 22px;margin-top:8px;cursor:pointer;text-transform:uppercase;transition:transform .05s,box-shadow .05s}.start-btn:hover{background-color:#4dffdb}.start-btn:active{transform:translate(3px,3px);box-shadow:2px 2px #000}@media(max-width:768px){.start-title{font-size:15px}.start-subtitle{font-size:8px}.start-btn{font-size:11px;padding:14px 18px}}.hud-top{display:flex;justify-content:flex-end;width:100%}.hud-top-right{display:flex;align-items:center;gap:12px}.hud-location-card,.hud-time-card{background-color:#161925;border:4px solid #23273a;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:11px;color:#0fc;text-transform:uppercase;letter-spacing:.5px;box-shadow:4px 4px #000}.hud-location-card{display:flex;align-items:center;gap:8px;color:#ff0}.location-icon{font-size:14px}.hud-sound-btn{background-color:#161925;border:4px solid #23273a;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#e4e6eb;box-shadow:4px 4px #000;transition:transform .05s,box-shadow .05s}.hud-sound-btn:hover{background-color:#1e2233;color:#0fc}.hud-sound-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.svg-pixel-icon{width:24px;height:24px}.hud-center-bottom{display:flex;justify-content:center;width:100%;margin-bottom:2%}.hud-interact-prompt{background-color:#0c0d14d1;border:2px solid #00ffcc;border-radius:6px;padding:5px 10px;cursor:pointer;display:none;align-items:center;gap:6px}.hud-interact-prompt .prompt-text{font-family:"Press Start 2P",monospace;font-size:9px;color:#e4e6eb;letter-spacing:.5px}.hud-interact-prompt .key-box{background-color:#0fc;color:#000;padding:3px 7px;border-radius:4px;font-family:"Press Start 2P",monospace;font-size:9px;font-weight:700}.hud-bottom-controls{display:flex;justify-content:space-between;width:100%;align-items:flex-end}.control-group{display:flex;flex-direction:column;align-items:center;gap:8px}.control-btn{background-color:#161925;border:5px solid #2d324f;color:#fff;font-size:28px;width:90px;height:90px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:6px 6px #000;transition:transform .05s,box-shadow .05s}.control-btn:hover{background-color:#1c2030}.control-btn:active,.control-btn.active{transform:translate(4px,4px);box-shadow:2px 2px #000;background-color:#0fc;color:#000;border-color:#0ca}.control-hint{font-family:"Press Start 2P",monospace;font-size:8px;color:#6d7593}.hud-toast-container{position:absolute;top:15%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:100;pointer-events:none}.hud-toast{background-color:#0fc;color:#000;border:4px solid #000000;padding:10px 20px;font-family:"Press Start 2P",monospace;font-size:10px;font-weight:700;box-shadow:4px 4px #000;opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}.hud-toast.fade-out{opacity:0;transform:scale(.9) translateY(-10px)}@media(max-width:768px){.hud-location-card,.hud-time-card{font-size:9px;padding:6px 12px}.control-btn{width:70px;height:70px;font-size:22px;border-width:4px}.hud-interact-prompt .prompt-text{font-size:8px}}#dialogue-bubble-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150;display:none;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8%}.dialogue-bubble{position:relative;background-color:#fff8e7;border:4px solid #1a1a2e;box-shadow:6px 6px #000;padding:14px 18px 10px;max-width:70%;min-width:200px;cursor:pointer;pointer-events:auto;image-rendering:pixelated}.dialogue-bubble-enter{animation:bubble-pop .2s ease-out}@keyframes bubble-pop{0%{transform:scale(.7) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.dialogue-bubble-tail{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid #1a1a2e}.dialogue-bubble-tail:after{content:"";position:absolute;top:-14px;left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff8e7}.dialogue-bubble-label{font-family:"Press Start 2P",monospace;font-size:10px;color:#e94560;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-shadow:1px 1px 0 #000}.dialogue-bubble-text{font-family:Inter,sans-serif;font-size:14px;line-height:1.6;color:#1a1a2e;text-align:center;word-wrap:break-word}.dialogue-bubble-hint{font-family:"Press Start 2P",monospace;font-size:8px;color:#6b7280;text-align:right;margin-top:10px;letter-spacing:.5px;animation:hint-blink 1.5s ease-in-out infinite}@keyframes hint-blink{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:768px){#dialogue-bubble-container{padding-top:12%}.dialogue-bubble{max-width:85%;min-width:160px;padding:10px 14px 8px;border-width:3px;box-shadow:4px 4px #000}.dialogue-bubble-label{font-size:8px;margin-bottom:6px}.dialogue-bubble-text{font-size:12px;line-height:1.5}.dialogue-bubble-hint{font-size:7px;margin-top:8px}}