:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{color:#f8fafc;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#4d91b4;width:100%;min-width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{width:100vw;height:100dvh;min-height:100svh;padding:max(18px,var(--safe-top)) max(18px,var(--safe-right)) max(18px,var(--safe-bottom)) max(18px,var(--safe-left));background:radial-gradient(circle at 27% 13%,#effafff5 0,#b9e0f0e6 31%,#69a9c7eb 69%,#37657ffa 100%);justify-content:center;align-items:center;gap:clamp(24px,4vw,56px);display:flex;overflow:hidden}.phone-frame{aspect-ratio:1179/1348;contain:layout paint size;background:#8bc9e5;border:1px solid #ffffff7a;border-radius:clamp(22px,3vw,44px);flex:0 auto;width:min(1179px,100vw - 456px,87.4629dvh);min-width:280px;max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 28px 78px #183f536b,0 3px 12px #082a3d2e}.game-wrap{border-radius:inherit;touch-action:none;isolation:isolate;background:#8bc9e5;width:100%;height:100%;position:relative;overflow:hidden}.game-wrap canvas{object-fit:fill;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;image-rendering:auto;width:100%;height:100%;display:block;position:absolute;inset:0}.game-wrap canvas:active{cursor:grabbing}.hud{z-index:3;top:max(clamp(8px,2.2%,24px),var(--safe-top));right:max(clamp(8px,2.2%,24px),var(--safe-right));left:max(clamp(8px,2.2%,24px),var(--safe-left));pointer-events:none;text-shadow:0 2px 5px #00000073;position:absolute}.mission-label{white-space:nowrap;text-overflow:ellipsis;color:#fff;letter-spacing:.12em;max-width:72%;margin:0 0 clamp(4px,.7vw,7px) 2px;font-size:clamp(8px,1.15vw,14px);font-weight:900;overflow:hidden}.progress{background:#1d30388c;border:1px solid #ffffff80;border-radius:999px;height:clamp(7px,1vw,10px);overflow:hidden;box-shadow:0 3px 10px #1c465c40}.progress span{border-radius:inherit;background:linear-gradient(90deg,#ffd341,#ff8f32);height:100%;transition:width .2s linear;display:block;box-shadow:0 0 9px #ffbc30cc}.stat-row{flex-wrap:nowrap;gap:clamp(4px,.8vw,8px);margin-top:clamp(6px,1vw,10px);padding-right:clamp(52px,9vw,90px);display:flex}.stat-row div,.score{-webkit-backdrop-filter:blur(7px);background:linear-gradient(#1d3745db,#0e1f2ade);border:1px solid #ffffff40;border-radius:clamp(8px,1vw,11px);justify-content:center;align-items:center;gap:clamp(2px,.45vw,5px);min-width:0;padding:clamp(5px,.8vw,8px) clamp(6px,1vw,10px);font-size:clamp(9px,1.1vw,13px);font-weight:900;line-height:1;display:flex;box-shadow:0 4px 14px #1234462e}.stat-row svg{flex:none;width:clamp(12px,1.3vw,16px);height:clamp(12px,1.3vw,16px)}.score{min-width:clamp(50px,8vw,80px);position:absolute;top:clamp(16px,2.2vw,23px);right:0}.overlay{z-index:5;padding:max(5%,var(--safe-top)) max(6%,var(--safe-right)) max(5%,var(--safe-bottom)) max(6%,var(--safe-left));text-align:center;-webkit-backdrop-filter:blur(1.5px);overscroll-behavior:contain;background:linear-gradient(#1c4f680a,#0c222fa8);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.eyebrow{color:#b8efff;letter-spacing:.22em;text-shadow:0 2px 8px #00263d73;font-size:clamp(9px,1.2vw,13px);font-weight:900}.hero-panel{padding-bottom:max(7%,calc(var(--safe-bottom) + 14px));background:linear-gradient(#15425900,#05192624 58%,#03121ccc);justify-content:flex-end}.hero-panel h1{letter-spacing:-.045em;text-shadow:0 7px 20px #001e2f8c;margin:clamp(9px,1.5vw,15px) 0;font-size:clamp(40px,7vw,78px);line-height:.82}.hero-panel p{color:#eaf8fc;text-shadow:0 2px 6px #00000059;width:min(430px,90%);margin:0 auto clamp(14px,2vw,22px);font-size:clamp(12px,1.5vw,19px);line-height:1.42}.overlay button{color:#fff;letter-spacing:.03em;cursor:pointer;touch-action:manipulation;background:linear-gradient(#38c7ff,#0a83d8);border:1px solid #ffffff94;border-radius:clamp(12px,1.5vw,16px);min-width:min(260px,82%);min-height:48px;padding:clamp(12px,1.4vw,16px) clamp(19px,2.2vw,25px);font-size:clamp(13px,1.35vw,17px);font-weight:900;transition:transform .12s,filter .12s,opacity .12s;box-shadow:0 10px 28px #0074b859,inset 0 1px #ffffff73}.overlay button:active{filter:brightness(.96);transform:scale(.975)}.overlay button:focus-visible{outline-offset:3px;outline:3px solid #fff}.overlay button:disabled{cursor:wait;opacity:.65}.hero-panel>span{color:#d4edf7;margin-top:clamp(10px,1.5vw,16px);font-size:clamp(10px,1vw,13px)}.choice-panel{background:linear-gradient(#1338498a,#041926eb);justify-content:center}.choice-panel h2{margin:clamp(8px,1vw,12px) 0 clamp(14px,2vw,24px);font-size:clamp(24px,3vw,34px)}.choice-grid{grid-template-columns:1fr;gap:clamp(8px,1.2vw,12px);width:min(430px,100%);display:grid}.choice-card{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex;background:linear-gradient(135deg,#0c425ef7,#112634f7)!important;border:1px solid #9be1ff75!important;min-width:0!important;min-height:64px!important;box-shadow:0 10px 26px #0000002e!important}.choice-card strong{font-size:clamp(13px,1.45vw,17px)}.choice-card span{color:#d7edf5;margin-top:3px;font-size:clamp(11px,1.1vw,13px)}.result-panel{background:linear-gradient(#123d5075,#041b28f0)}.result-panel>svg{color:#ffd34e;filter:drop-shadow(0 4px 10px #0000004d);width:clamp(46px,6vw,62px);height:clamp(46px,6vw,62px)}.result-panel h2{margin:8px 0 clamp(14px,2vw,20px);font-size:clamp(25px,3.2vw,36px)}.result-stats{gap:7px;width:min(420px,88%);margin-bottom:clamp(15px,2vw,22px);display:grid}.result-stats span{background:#123241bd;border:1px solid #ffffff29;border-radius:10px;justify-content:space-between;padding:clamp(9px,1.1vw,12px);font-size:clamp(12px,1.25vw,15px);display:flex}.result-panel button{justify-content:center;align-items:center;gap:8px;display:flex}.desktop-copy{text-shadow:0 3px 18px #10374c47;flex:none;width:min(390px,30vw);max-width:390px}.desktop-copy h2{margin:14px 0 20px;font-size:clamp(38px,4vw,54px);line-height:.98}.desktop-copy p{color:#e0f0f6;font-size:clamp(15px,1.4vw,18px);line-height:1.6}@media (width<=1099px){.app-shell{background:#4d91b4;gap:0;padding:0}.desktop-copy{display:none}.phone-frame{width:min(100vw,87.4629dvh);min-width:0;max-width:100vw;max-height:100dvh;box-shadow:none;border:0;border-radius:0}.game-wrap{border-radius:0}}@media (width<=480px){.hud{top:max(8px,var(--safe-top));right:max(8px,var(--safe-right));left:max(8px,var(--safe-left))}.mission-label{max-width:65%;font-size:8px}.stat-row{gap:4px;padding-right:53px}.stat-row div{padding:5px 6px;font-size:9px}.score{min-width:48px;padding:5px 6px;font-size:9px;top:17px}.hero-panel{padding-right:max(18px,var(--safe-right));padding-left:max(18px,var(--safe-left))}.hero-panel h1{font-size:clamp(38px,13vw,56px)}.hero-panel p{width:94%;font-size:12px}.overlay button{min-width:min(250px,88%)}.choice-panel{padding-right:max(14px,var(--safe-right));padding-left:max(14px,var(--safe-left))}}@media (width<=340px){.stat-row div{padding:4px;font-size:8px}.stat-row svg{display:none}.mission-label{letter-spacing:.08em}.hero-panel p{font-size:11px}.choice-card{min-height:57px!important}}@media (orientation:landscape) and (height<=650px){.phone-frame{width:87.4629dvh;max-width:100vw;height:100dvh}.hero-panel{padding-top:max(12px,var(--safe-top));padding-bottom:max(14px,var(--safe-bottom));justify-content:flex-end}.hero-panel h1{margin:7px 0;font-size:clamp(34px,9vh,54px)}.hero-panel p{margin-bottom:9px;font-size:11px;line-height:1.25}.hero-panel>span{display:none}.overlay button{min-height:42px;padding:9px 16px}.choice-panel h2{margin:5px 0 9px;font-size:22px}.choice-grid{grid-template-columns:repeat(3,1fr);gap:7px;width:94%}.choice-card{min-height:76px!important;padding:8px!important}.choice-card strong{font-size:11px}.choice-card span{font-size:9px}.result-panel h2{margin:4px 0 8px}.result-stats{grid-template-columns:repeat(2,1fr);margin-bottom:9px}}@media (pointer:coarse){.overlay button{min-height:50px}.choice-card{min-height:68px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}