:root{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#f2f5e9;background:#132929;font-synthesis:none;--lime:#d1ee7a;--muted:#c3cfbd;--line:rgba(228,243,217,.18)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}#app{position:relative;min-height:650px;height:100dvh;overflow:hidden}#world{position:absolute;width:100%;height:100%;touch-action:none;display:block;inset:0}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,32,33,.88),rgba(17,37,34,.1) 65%,rgba(9,24,28,.25)),linear-gradient(0deg,rgba(8,25,28,.7),transparent 40%)}body.battle .vignette{background:linear-gradient(0deg,rgba(8,23,25,.85),transparent 25%,transparent 75%,rgba(8,23,25,.6))}.topbar{position:absolute;z-index:12;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:25px 4vw}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:800;letter-spacing:3px;font-size:23px}.brand-icon{display:grid;place-items:center;border:1px solid #cfe77b;width:38px;height:38px;color:var(--lime);font-size:26px;transform:rotate(-10deg)}.brand-small{display:block;font-size:8px;letter-spacing:2px;margin-top:2px;color:#d0d7c3}.top-right{display:flex;align-items:center;gap:22px}.build{font-size:11px;letter-spacing:2px;color:var(--muted)}.icon-btn{border:1px solid var(--line);background:#17323288;padding:10px 13px;font-size:11px}.screen{position:absolute;inset:100px 5vw 75px;display:flex;justify-content:space-between;gap:50px;align-items:center}.hero-copy{align-self:center;padding-bottom:50px;max-width:600px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--lime);display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:var(--lime);display:inline-block;border-radius:50%;box-shadow:0 0 16px var(--lime)}h1{font-weight:800;font-size:clamp(46px,5.4vw,80px);line-height:1.2;letter-spacing:2px;margin:26px 0}h1 span{color:var(--lime)}.hero-copy p{font-size:15px;line-height:2;color:#c3d0c5}.hero-tags{display:flex;gap:8px;margin-top:30px}.hero-tags span{font-size:10px;padding:7px 11px;border:1px solid var(--line);color:#d2dbcf}.mission-panel{width:350px;flex-shrink:0;padding:22px;background:rgba(15,35,37,.88);border:1px solid #d1e7c12b;backdrop-filter:blur(15px);box-shadow:0 24px 70px #07161544}.panel-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#c8d5c6;margin-bottom:15px}#missions{display:flex;gap:6px}.mission-tab{flex:1;height:43px;background:#ffffff08;border:1px solid var(--line);font-family:monospace;position:relative}.mission-tab.selected{background:var(--lime);color:#192e28;border-color:var(--lime)}.mission-tab.completed:after{content:'•';position:absolute;bottom:0;right:5px;color:#91ad65}.brief{padding:24px 0 20px;min-height:185px}.brief>span{font:10px monospace;letter-spacing:2px;color:var(--lime)}.brief h2{font-size:24px;margin:12px 0}.brief p{font-size:12px;line-height:1.8;color:#bdcbbc;min-height:43px;margin:0}.brief-meta{display:flex;gap:20px;margin-top:15px;font-size:10px;color:#94aa9b}.primary{background:var(--lime);color:#163028;width:100%;padding:16px 20px;display:flex;justify-content:space-between;font-weight:700;font-size:15px}.primary:hover{background:#e0ff90}.secondary{width:100%;padding:15px 0 7px;background:transparent;display:flex;justify-content:space-between;font-size:12px;color:#c9d4c6}.menu-note{font-size:9px;letter-spacing:1px;color:#91a498;margin:15px 0 0}.menu-footer{position:fixed;bottom:25px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:10px;color:#c0cbb9;letter-spacing:2px}#hud{position:absolute;inset:0;pointer-events:none}.mission-hud{position:absolute;top:110px;left:4vw;max-width:310px}.mission-hud h2{font-size:22px;margin:10px 0}.mission-hud p{font-size:12px;color:#e1e5d8;margin:0;line-height:1.6;text-shadow:0 1px 4px #000}.health{display:flex;gap:9px;align-items:center;margin-top:17px;font-size:10px}.health>div{height:4px;width:135px;background:#ffffff30}.health i{height:100%;display:block;background:var(--lime);transition:width .3s}.health b{font:11px monospace}.battle-count{position:absolute;top:115px;right:4vw;display:flex;align-items:flex-end;flex-direction:column;gap:10px}.battle-count strong{font:30px monospace}.battle-count span{font:12px monospace;letter-spacing:2px;color:var(--muted)}#crosshair{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%)}#crosshair i,#crosshair b{position:absolute;background:#ebf8db;box-shadow:0 0 3px #000}#crosshair i{left:13px;top:0;width:1px;height:28px}#crosshair b{top:13px;left:0;height:1px;width:28px}#crosshair:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:var(--lime);left:12px;top:12px}#scope{position:absolute;inset:0;opacity:0;transition:opacity .15s;overflow:hidden}.scope-ring{position:absolute;left:50%;top:50%;width:min(72vh,80vw);height:min(72vh,80vw);border:3px solid #112326;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 200vmax #061215b8,inset 0 0 30px #0008}.scope-h,.scope-v{position:absolute;background:#182823b3}.scope-h{height:1px;left:0;right:0;top:50%}.scope-v{width:1px;top:0;bottom:0;left:50%}.scope-ticks{position:absolute;top:51%;left:50%;transform:translateX(-50%);font-size:22px;color:#152522}.scope-text{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);font:9px monospace;letter-spacing:2px;color:#c7e4b2}body.aiming #scope{opacity:1}body.aiming #crosshair{width:8px;height:8px}body.aiming #crosshair i,body.aiming #crosshair b{display:none}body.aiming #crosshair:after{left:2px;top:2px}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:54px monospace;color:var(--lime);opacity:0}#targetLabel{position:absolute;top:calc(50% + 36px);left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;color:#dcedbd;text-shadow:0 2px 3px #000;white-space:nowrap}#feedback{position:absolute;top:34%;left:50%;transform:translateX(-50%);text-align:center;color:var(--lime);font-size:26px;font-weight:bold;opacity:0;text-shadow:0 2px 10px #000;white-space:nowrap}.battle-bottom{position:absolute;bottom:48px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:flex-end}.ammo>span{font-size:10px;letter-spacing:2px;color:#d0dac5}.ammo strong{font:48px monospace}.ammo small{font:17px monospace;color:#b7c6ae}.battle-buttons{display:flex;gap:10px;pointer-events:auto}.battle-buttons button{padding:14px 16px;background:#12282ae8;border:1px solid var(--line);font-size:12px}.battle-buttons small{margin-left:8px;font:10px monospace;color:var(--lime)}#hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:11px;color:#d0ddbd;text-align:center;white-space:nowrap}#cancelAim{pointer-events:auto;position:absolute;right:4vw;bottom:115px;padding:13px;background:#263731;border:1px solid var(--line)}#damageFlash{position:absolute;inset:0;box-shadow:inset 0 0 120px #e9513277;opacity:0;transition:opacity .2s}.modal{position:absolute;inset:0;z-index:20;background:#071d22ba;backdrop-filter:blur(9px);display:grid;place-items:center;padding:24px}.modal-card{background:#183333;border:1px solid #abc49644;width:100%;max-width:460px;padding:32px;max-height:90vh;overflow:auto}.modal-card h2{font-size:32px;margin:12px 0 10px}.modal-card p{font-size:13px;line-height:1.8;color:#c0cfba}.result-stars{font-size:30px;letter-spacing:9px;color:var(--lime);margin:20px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:18px 0;text-align:center}.stats strong{display:block;font:24px monospace;margin-bottom:8px}.stats span{font-size:10px;color:var(--muted)}.modal-card .secondary{padding:15px 0;justify-content:center}.upgrade-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);gap:10px}.upgrade-row strong{display:block;font-size:13px;margin-bottom:5px}.upgrade-row small{font-size:10px;color:#b5c7b4}.upgrade-row button{padding:10px 14px;background:var(--lime);color:#18322b;white-space:nowrap;font-size:12px}.armory-title{display:flex;justify-content:space-between;align-items:center}.armory-title span{color:var(--lime);font:15px monospace}#toast{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);background:#142f2fef;border:1px solid #c5df8244;color:var(--lime);padding:12px 22px;z-index:30;font-size:12px;opacity:0;pointer-events:none;white-space:nowrap}#loadError{position:absolute;inset:30%;background:#213832;padding:30px;z-index:100;line-height:2}body.battle .build{display:none}
@media(max-width:700px){#app{min-height:550px}.topbar{padding:18px 6vw}.brand{font-size:19px}.brand-icon{width:31px;height:31px}.build{display:none}.screen{inset:85px 6vw 40px;display:block;overflow:auto}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:39px;line-height:1.12;margin:16px 0 12px}h1 br{display:none}.hero-copy p{font-size:12px;margin:0;line-height:1.7}.hero-copy p br{display:none}.hero-tags{display:none}.mission-panel{width:100%;margin-top:22px;padding:18px;background:#122b2ded}.brief{padding:18px 0 16px;min-height:155px}.brief h2{font-size:22px;margin:8px 0}.brief-meta{margin-top:10px}.menu-note{margin-top:10px}.menu-footer{display:none}.mission-hud{top:88px;left:6vw;max-width:240px}.mission-hud h2{font-size:20px}.mission-hud .eyebrow{font-size:9px}.mission-hud p{max-width:220px;font-size:10px}.battle-count{top:92px;right:6vw}.battle-count strong{font-size:23px}.battle-count span{font-size:10px}.health>div{width:90px}.battle-bottom{bottom:50px;left:6vw;right:6vw}.battle-buttons{gap:6px}.battle-buttons button{padding:13px 12px}.battle-buttons small{display:none}.scope-ring{width:91vw;height:91vw}.modal-card{padding:25px}.modal-card h2{font-size:26px}#feedback{font-size:21px}#hint{font-size:10px}#cancelAim{right:6vw}}@media(max-height:740px) and (max-width:700px){.hero-copy p{display:none}h1{font-size:30px;margin:12px 0}.mission-panel{margin-top:13px;padding:14px}.brief{min-height:130px;padding:12px 0}.brief h2{font-size:20px}.brief p{min-height:30px;font-size:11px}.panel-heading{margin-bottom:10px}.mission-tab{height:36px}.primary{padding:13px 18px}.menu-note{font-size:8px}}

@media(max-width:700px){h1 br{display:block}h1{font-size:35px}}
@media(max-height:740px) and (max-width:700px){h1{font-size:28px}}

/* Fit the actual viewport, including browser chrome and device safe areas. */
html,body{height:100%;overscroll-behavior:none}
#app{height:100vh;height:100dvh;min-height:0}
.topbar{padding-top:max(18px,env(safe-area-inset-top))}
.modal{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}
.modal-card{max-height:100%;overscroll-behavior:contain}
.screen{overscroll-behavior:contain}
@media(max-width:700px){
 .topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
 .screen{inset:calc(78px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));padding-bottom:8px}
 .mission-panel{margin-top:14px}
 .icon-btn,.mission-tab,.secondary,.battle-buttons button,#cancelAim{min-height:44px}
 .mission-hud{top:calc(78px + env(safe-area-inset-top));left:16px;max-width:calc(100% - 110px)}
 .mission-hud h2{font-size:18px}.mission-hud p{max-width:100%}
 .battle-count{top:calc(82px + env(safe-area-inset-top));right:16px}
 .battle-bottom{bottom:calc(46px + env(safe-area-inset-bottom));left:16px;right:16px}
 #hint{bottom:calc(14px + env(safe-area-inset-bottom));width:calc(100% - 24px);white-space:normal;line-height:1.5}
 #cancelAim{bottom:calc(126px + env(safe-area-inset-bottom));right:16px}
 .scope-ring{width:min(91vw,72dvh);height:min(91vw,72dvh)}
 #loadError{inset:20% 16px;font-size:14px}
 .modal{padding-left:16px;padding-right:16px}
 .modal-card{padding:20px}
}
@media(max-height:500px) and (orientation:landscape){
 .topbar{padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))}.brand{font-size:16px}.brand-icon{width:28px;height:28px}.build{display:none}
 .screen{inset:60px max(16px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;align-items:flex-start;overflow:auto;gap:20px}
 .hero-copy{width:36%;flex-shrink:0;padding:0;align-self:flex-start}.hero-copy h1{font-size:28px;margin:12px 0}.hero-copy p,.hero-tags,.menu-footer{display:none}
 .mission-panel{width:auto;flex:1;min-width:0;margin:0;padding:12px}.brief{min-height:0;padding:10px 0}.brief h2{font-size:18px;margin:5px 0}.brief p{min-height:0}.brief-meta{margin-top:5px}.panel-heading{margin-bottom:8px}.mission-tab{height:36px;min-height:36px}.menu-note{display:none}
 .mission-hud{top:62px;left:max(16px,env(safe-area-inset-left));max-width:220px}.mission-hud h2{font-size:16px;margin:4px 0}.mission-hud p{display:none}.health{margin-top:6px}
 .battle-count{top:62px;right:max(16px,env(safe-area-inset-right));gap:3px}.battle-count strong{font-size:22px}
 .battle-bottom{bottom:calc(27px + env(safe-area-inset-bottom))}.ammo strong{font-size:30px}.ammo>span{font-size:9px}#hint{bottom:calc(6px + env(safe-area-inset-bottom));font-size:9px}#cancelAim{bottom:calc(94px + env(safe-area-inset-bottom))}
 .scope-ring{width:72dvh;height:72dvh}
}