:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#132a32;letter-spacing:0;--accent:#e8ff72}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #9dffe0;outline-offset:4px}button:hover{filter:brightness(1.1)}.hidden{display:none!important}.game-shell{height:100vh;height:100dvh;position:relative;overflow:hidden}.stage-wrap{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;z-index:3;inset:0 0 auto;padding:22px 30px;display:flex;align-items:center;gap:24px;background:linear-gradient(#142b34e8,transparent)}.brand-lockup{font-weight:900;font-style:italic;display:flex;gap:6px;align-items:center;font-size:22px}.brand-mark{color:var(--accent)}.stat-strip{display:flex;gap:36px;margin:auto}.stat{min-width:65px}.stat span{display:block;font-size:10px;text-transform:uppercase;color:#dbe7eb;margin-bottom:4px}.stat strong{font-size:27px;font-variant-numeric:tabular-nums}.stat:last-child strong{color:#ffdc71}.top-actions{display:flex;gap:8px}.icon-button,.pause-button{border:1px solid #ffffff40;border-radius:6px;background:#182d38d9;height:44px;min-width:44px;padding:0 13px}.control-pad{position:absolute;left:25px;right:25px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:10px;pointer-events:none}.vertical-controls{position:absolute;right:0;display:flex;gap:10px}.control-button{pointer-events:auto;width:56px;height:56px;min-width:0;border:1px solid #ffffff6b;border-radius:8px;background:#162d39df;font-size:27px;box-shadow:0 4px 0 #10212aa6}.control-button:active{background:var(--accent);color:#182d38;transform:translateY(3px)}.run-status{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:18px;background:#142c37e8;border:1px solid #ffffff30;border-radius:6px;padding:13px 18px;font-size:11px;font-weight:bold;white-space:nowrap}.mission{position:absolute;top:106px;left:30px;width:145px;font-size:10px;font-weight:bold;text-shadow:0 1px 5px #000}.mission>div{margin-top:7px;height:3px;background:#ffffff45}.mission i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.toast{position:absolute;top:24%;left:50%;transform:translate(-50%,-10px);background:#162d39eb;color:var(--accent);padding:12px 20px;border-radius:5px;font-weight:bold;font-size:13px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.dialog{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90%,390px);padding:32px;display:flex;align-items:stretch;flex-direction:column;gap:15px;background:#122934f5;border:1px solid #8bacb35e;border-radius:8px;text-align:center;box-shadow:0 0 0 100vmax #09212a7a}.dialog h2{font-size:39px;margin:4px 0}.dialog p{line-height:1.7;color:#d5e2e7}.primary-button{display:flex;justify-content:space-between;align-items:center;gap:34px;border:0;background:var(--accent);color:#112832;padding:19px 25px;min-height:58px;font-weight:900;font-size:15px;border-radius:4px;box-shadow:0 4px 0 #94aa41}.primary-button span{font-size:24px}.secondary-button{border:1px solid #718d9a;background:none;padding:14px;border-radius:4px}.text-button{background:none;border:0;color:#bbcdd5;padding:7px;font-size:12px}.hero-badge{font-size:10px;font-weight:bold;color:var(--accent)}.landing-art{position:absolute;inset:-2%;background:url('key-art.png') 65% 50%/cover no-repeat;animation:arrival 18s ease-in-out infinite alternate}.landing-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081d30c9,#112e4329 60%,transparent),linear-gradient(0deg,#0b2536f5,transparent 25%)}#startScreen{position:absolute;inset:0;z-index:6;overflow:hidden}.landing-nav{position:absolute;left:5%;right:5%;top:30px;display:flex;align-items:center;justify-content:space-between}.landing-logo{font-size:25px;font-weight:900;font-style:italic;color:var(--accent)}.landing-logo span{font-size:15px;color:white}.edition{font-size:10px;border-bottom:1px solid #a0c0cc;padding-bottom:8px}.landing-copy{position:absolute;left:8%;top:20%;animation:enter .7s ease-out both}.landing-copy .hero-badge{display:flex;align-items:center;gap:8px}.hero-badge i{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #e8ff7280}.landing-copy h1{font-size:105px;line-height:.85;margin:24px 0;font-weight:900;font-style:italic;text-shadow:0 6px 35px #17344238}.landing-copy h1 span{color:var(--accent)}.landing-copy p{font-size:18px;line-height:1.5;color:#e4edf2;margin:0 0 25px}.landing-copy .primary-button{min-width:226px}.scene-choice{display:flex;margin-top:20px;gap:0}.scene-choice button{font-size:11px;border:1px solid #ffffff45;background:#102c3da3;padding:9px 13px}.scene-choice button:first-child{border-radius:4px 0 0 4px}.scene-choice button:last-child{border-radius:0 4px 4px 0}.scene-choice button[aria-pressed=true]{background:#f0f6ef;color:#203d49}.landing-bottom{position:absolute;bottom:0;left:5%;right:5%;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:23px 0 25px;border-top:1px solid #a9bdc15c}.landing-bottom small{display:block;font-size:9px;color:#a9c0cb;margin-bottom:8px}.landing-bottom strong{font-size:16px;font-weight:normal}body[data-mode=ready] .hud,body[data-mode=ready] .control-pad,body[data-mode=ready] .run-status,body[data-mode=ready] .mission{visibility:hidden}@keyframes arrival{from{transform:scale(1)}to{transform:scale(1.055) translateX(-.4%)}}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.hud{padding:14px;gap:10px;flex-wrap:wrap}.brand-lockup{font-size:18px}.top-actions{margin-left:auto}.stat-strip{order:3;width:100%;justify-content:space-between;padding:6px 6px 0;margin:0}.stat strong{font-size:23px}.icon-button,.pause-button{height:38px;min-width:38px}.mission{top:123px;left:20px;width:118px;font-size:9px}.control-pad{left:14px;right:14px;gap:8px}.vertical-controls{gap:8px}.control-button{width:48px;height:49px}.run-status{bottom:87px;font-size:10px;padding:9px 12px;gap:14px}.landing-nav{top:22px;left:6%;right:6%}.edition{font-size:8px}.landing-logo{font-size:23px}.landing-logo span{font-size:11px}.landing-art{background-position:63% center}.landing-art:after{background:linear-gradient(90deg,#081d30b8,transparent),linear-gradient(0deg,#0b2536f5,transparent 40%)}.landing-copy{left:7%;top:19%}.landing-copy h1{font-size:66px;margin:21px 0}.landing-copy p{font-size:15px;line-height:1.5;margin-bottom:22px}.landing-copy .hero-badge{font-size:8px;max-width:180px;line-height:1.6}.landing-copy .primary-button{min-width:190px;padding:15px 20px;min-height:52px}.landing-bottom{gap:12px;left:7%;right:7%;padding:20px 0}.landing-bottom strong{font-size:11px;line-height:1.5;display:block}.landing-bottom small{font-size:8px;line-height:1.5}.scene-choice{margin-top:18px}}@media(max-height:590px){.landing-copy{top:18%;left:7%}.landing-copy h1{font-size:56px;margin:12px 0}.landing-copy p{font-size:13px;margin-bottom:12px}.landing-copy .hero-badge{font-size:8px}.landing-copy .primary-button{min-height:42px;padding:9px 18px}.scene-choice{position:absolute;left:240px;bottom:0;white-space:nowrap}.landing-bottom{padding:12px 0}.landing-bottom strong{font-size:12px}.landing-nav{top:15px}.mission{top:90px}.hud{flex-wrap:nowrap;padding:10px 16px}.stat-strip{order:0;width:auto;gap:15px}.stat strong{font-size:19px}.run-status{bottom:25px}.dialog{gap:10px;padding:20px}.dialog h2{font-size:28px}.control-button{height:44px;width:46px}}@media(prefers-reduced-motion:reduce){.landing-art,.landing-copy{animation:none}*{transition:none!important}}