:root{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#f3ecd5;background:#10251c;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}#app{position:relative}#stage,#stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}#hud{position:absolute;inset:0;pointer-events:none}#hud[hidden]{display:none}.hud-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:900;letter-spacing:.11em;color:#e7e4be;text-shadow:0 2px 4px #0b201b}.brand strong{color:#f2a65e}.brand span{font-size:.8em;color:#bdd4ae}#pause{pointer-events:auto;border:2px solid #d5d7aa;background:#183b31dd;color:#f4edcf;border-radius:8px;width:44px;height:44px;font-size:23px;line-height:1}.status-row{position:absolute;top:61px;left:max(12px,env(safe-area-inset-left));display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 25px)}.meter,.ammo{display:flex;align-items:center;gap:5px;padding:5px 7px;background:#10291fdf;border:1px solid #55745a;border-radius:5px;font-size:11px;font-weight:800;box-shadow:0 2px 4px #07191066}.meter>span{min-width:43px}.meter b{min-width:23px;text-align:right}.track{width:52px;height:8px;background:#1a211b;border:1px solid #6d795d}.track>div{height:100%;background:#b9d69b}.meter:nth-child(2) .track>div{background:#edc978}.meter:nth-child(3) .track>div{background:#e78a59}.ammo b{color:#f4ca7b;font-size:15px}#objectives{position:absolute;top:111px;left:max(12px,env(safe-area-inset-left));background:#10291fe8;border:1px solid #728862;border-left:4px solid #e2ad62;border-radius:4px;padding:9px 12px;min-width:191px;font-size:11px;line-height:1.75;box-shadow:0 3px 9px #07191070}#objectives strong{display:block;color:#f3c37d;letter-spacing:.14em;margin-bottom:4px}#objectives .done{color:#a8db9c}#message{position:absolute;top:107px;left:50%;transform:translate(-50%);min-width:200px;max-width:min(430px,45vw);text-align:center;color:#fff1c5;font-size:12px;font-weight:900;text-shadow:0 2px 4px #12261b,0 0 6px #12261b;line-height:1.35}#minimap{position:absolute;right:max(12px,env(safe-area-inset-right));top:112px;width:112px;height:112px;background:#284933df;border:2px solid #b1b483;box-shadow:0 3px 10px #0616119c;overflow:hidden;border-radius:5px}#minimap:before{content:"";position:absolute;inset:1px;border:1px solid #57765e}#mini-river{position:absolute;width:170px;height:25px;left:-25px;top:43px;background:#4486a0;transform:rotate(-19deg);border-radius:50%}#minimap i{position:absolute;transform:translate(-50%,-50%);border-radius:50%;z-index:1}#mini-pad{width:9px;height:9px;background:#ead9a1}#mini-radar{width:10px;height:10px;background:#f37d60}#mini-rescue{width:10px;height:10px;background:#f5d58a;border:2px solid #382d23}#mini-player{width:11px;height:11px;background:#cce5c5;box-shadow:0 0 0 3px #133826,0 0 8px 5px #b9deb4}#touch-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:end;justify-content:space-between;padding:0 max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none}#flight-hint{align-self:end;pointer-events:none;margin-bottom:7px;padding:7px 9px;border-left:3px solid #edba76;background:#183a2ddc;color:#f5dbab;font-size:10px;font-weight:900;line-height:1.25;letter-spacing:.09em;text-shadow:0 1px 3px #0d251b}.action-buttons{display:flex;align-items:end;gap:12px;pointer-events:auto}.action-buttons button{touch-action:none;border-radius:50%;color:#fff5d7;border:3px solid #f0ddb4;font-weight:900;letter-spacing:.06em;box-shadow:0 4px 9px #091c17a8}.action-buttons #fire{height:clamp(88px,17vw,116px);width:clamp(88px,17vw,116px);background:#bf6847dc}.action-buttons #rocket{height:clamp(70px,13vw,88px);width:clamp(70px,13vw,88px);background:#7d6848e8;font-size:11px}.action-buttons button:active,.action-buttons .pressed{filter:brightness(1.35);transform:scale(.95)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0c211bdc,#1d392ecf);padding:20px;overflow:auto}.overlay.hidden{display:none}.panel{width:min(590px,100%);padding:clamp(20px,4vw,36px);border:2px solid #bbbc8b;background:linear-gradient(145deg,#213c31,#132b23);box-shadow:0 14px 35px #07140dbb,inset 0 0 0 5px #2d4937}.panel.small{max-width:440px}.eyebrow{font-size:11px;color:#e8bb78;letter-spacing:.2em;font-weight:900}.panel h1{font-size:clamp(32px,6vw,60px);line-height:.95;letter-spacing:-.07em;margin:14px 0 20px;color:#f1e8c9}.panel h1 em{font-style:normal;color:#efaa66}.panel p{font-size:14px;line-height:1.6;color:#e1e4c9;max-width:51ch}.brief-grid,.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px;margin:24px 0;font-size:11px;color:#cbdabf}.brief-grid b,.stats b{display:block;color:#efbb7b;margin-bottom:4px;letter-spacing:.08em}.stats span{border-bottom:1px solid #638267;padding-bottom:8px}.primary,.secondary{display:block;width:100%;min-height:47px;border-radius:3px;letter-spacing:.09em;font-weight:900}.primary{border:2px solid #f4d296;background:#eeb36e;color:#233328}.secondary{margin-top:10px;border:1px solid #97b08c;background:#284536;color:#eee5c8}.primary:hover,.secondary:hover{filter:brightness(1.1)}.fine{margin-top:15px;color:#9eb7a0;font-size:10px}@media(hover:hover)and (pointer:fine){#touch-controls{opacity:.33;transition:opacity .2s}#touch-controls:hover{opacity:1}}@media(max-width:650px)and (orientation:portrait){.brand span{display:none}.status-row{top:58px;max-width:calc(100% - 110px)}.meter{font-size:10px}.track{width:39px}.heat{display:none}#objectives{top:150px;max-width:185px;font-size:10px;padding:6px 8px}#minimap{top:64px;width:82px;height:82px}#message{top:280px;max-width:90vw;width:90vw}.panel{margin:auto}.brief-grid{gap:8px;font-size:10px}}@media(max-height:510px){.hud-top{top:5px}.status-row{top:52px}#objectives{top:91px;padding:5px 9px}#minimap{top:88px;width:96px;height:96px}#message{top:96px;max-width:min(320px,42vw)}.panel{padding:20px}.panel h1{margin:8px 0 12px}.panel p{margin:8px 0}.brief-grid,.stats{margin:12px 0}#touch-controls{padding-bottom:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#mini-guard-a,#mini-guard-b{width:7px;height:7px;background:#ff9a6a;border:1px solid #39251e}#hud{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.overlay{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;user-select:text;-webkit-user-select:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#objectives{width:218px;min-width:0;line-height:1.3;pointer-events:none}.objective-head{display:flex;align-items:center;gap:5px;min-height:44px}#objectives strong{display:inline;margin:0;white-space:nowrap;font-size:10px}#objective-progress{color:#ead89e;font-size:10px;white-space:nowrap}#objective-toggle{pointer-events:auto;touch-action:manipulation;flex:0 0 auto;min-width:44px;min-height:44px;margin-left:auto;padding:0 5px;border:1px solid #abbc89;border-radius:3px;background:#2a4b37;color:#f4e2b0;font-size:10px;font-weight:900}#objective-current{font-size:11px;color:#f2e9c7;font-weight:800;white-space:nowrap}#objective-list{margin:5px 0 0;padding:5px 0 0;list-style:none;border-top:1px solid #728862;display:grid;gap:4px}#objective-list[hidden]{display:none}#objective-list li{white-space:nowrap;font-size:10px}#objective-list li:before{content:"◇";display:inline-block;width:16px;color:#f3c37d}#objective-list li.done:before{content:"✓";color:#a8db9c}#objective-list li.done{color:#a8db9c}@media(max-width:700px),(max-height:510px){#objectives{width:218px;padding:5px 8px}#objective-current{overflow:hidden;text-overflow:ellipsis}#objectives.expanded{top:auto;bottom:clamp(118px,24vh,150px);width:min(296px,calc(100vw - 24px))}#objectives.expanded #objective-current{display:none}#objective-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5px;row-gap:2px}#objective-list li{overflow:hidden;text-overflow:ellipsis;font-size:9px}}@media(max-width:650px)and (orientation:portrait){.status-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 110px);max-width:none;gap:5px}.meter,.ammo{min-width:0;justify-content:space-between;white-space:nowrap;padding:4px 5px;min-height:24px}.meter>span{min-width:0}.meter b{min-width:0}.meter .track{display:none}#objectives{top:120px;width:min(210px,calc(100vw - 110px));max-width:none;font-size:10px;padding:4px 6px}#objectives.expanded{width:calc(100vw - 24px)}}@media(max-height:510px){#objectives{top:91px}}