/* Frontier tokens: warm paper menus, moss metal controls, original block scenery. */
button{min-width:44px}
#heroTank{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}
.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.model-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 7px;min-width:0}
.model-card canvas,.skin-card canvas{width:100%;max-width:165px;height:auto;display:block;pointer-events:none}
.model-card small{font-weight:400;color:var(--muted)}
#garageModal .hangar-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;padding:12px 20px}
#garagePreview{display:block;width:100%;height:auto;max-height:210px;object-fit:contain}
#garageModal .hangar-info{max-width:100%;min-width:0}
#garageModal .cosmetic-note{font-size:13px}
#garageModal .garage-actions{position:sticky;bottom:-30px;padding:14px 0 4px;background:var(--paper);z-index:2;border-top:1px solid var(--line)}
#garageModal .garage-actions>*{flex:1}
body:not(.playing) #wardrobeBtn{display:none}
@media(max-width:760px),(pointer:coarse) and (max-height:600px){.playing .top-actions #soundBtn{display:none}#garageModal .hangar-showcase{padding:8px;gap:8px}#garageModal .garage-actions{bottom:-22px}.model-card{padding:8px 4px}.model-card strong{font-size:14px}.model-card small{font-size:13px}#garageModal .skin-card{padding:8px}.skin-card canvas{max-width:145px}}
.health-meter.danger i{background:#ed9670}
html,body{width:100%;height:100%;overflow:hidden}
#app{overflow:hidden;max-width:100%}
#gameCanvas{max-width:100%;max-height:100%}
@media(max-width:760px),(pointer:coarse) and (max-height:600px){body:not(.playing) .top-actions #accountBtn{display:block}body:not(.playing) .top .mission-tag{display:none}}
:root{--ink:#273e35;--muted:#66796b;--paper:#f4f1df;--line:#d5d9bf;--green:#597e43;--bright:#dbebaa;--gold:#dbba70;--tank:#89aa5e;--safe:env(safe-area-inset-bottom,0px);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:15px}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#a7c4ab}button,input,select{font:inherit}button,summary,.file-button{min-height:44px;cursor:pointer}button{border:1px solid var(--line);background:#e8e9d3;color:var(--ink);padding:10px 15px;border-radius:5px;box-shadow:0 3px 0 #b9c1a9;font-weight:650;transition:background .12s,transform .12s}button:hover{background:#dce7bf}button:active{transform:translateY(2px);box-shadow:0 1px 0 #b9c1a9}button:disabled{opacity:.52;cursor:default;box-shadow:none}button:focus-visible,summary:focus-visible,.file-button:focus-within{outline:3px solid #cb8e36;outline-offset:3px}button.selected,button.active{background:#d9e8b9;border-color:#66884b;box-shadow:inset 0 0 0 1px #66884b,0 3px 0 #9bb67a}.hidden,[hidden]{display:none!important}h1,h2,h3,p{margin:0}p{line-height:1.65;color:var(--muted)}h2{font-size:28px;letter-spacing:-.6px}h3{font-size:18px}small{font-size:13px;line-height:1.5}b,strong{font-weight:750}a{color:inherit}#app{height:100dvh;width:100%;position:relative}#gameCanvas{position:absolute;inset:0;touch-action:none}#gameVignette{display:none}
.top{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:16px;pointer-events:none;z-index:5}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;padding:8px 12px;color:#eef4d7;background:#2c453be8;border:1px solid #617c5c;border-radius:5px;pointer-events:auto}.logo-mark{font-size:25px;color:var(--bright)}.mission-tag{max-width:460px;padding:8px 12px;border-radius:4px;background:#f0f1d9eb;font-size:13px;font-weight:700}.top-actions{display:flex;gap:7px;margin-left:auto;pointer-events:auto}.top-actions button{width:44px;padding:7px;font-size:21px;background:#f3f2df}.top-actions #accountBtn{width:auto;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.left-hud{position:absolute;left:16px;top:80px;width:238px;padding:14px;background:#263f34eb;color:#eef2d6;border:1px solid #627c5a;border-radius:5px;pointer-events:none;z-index:2}.hud-title{font-size:17px;font-weight:800}.wave-pill{font-size:13px;color:#c9d5b6;margin-top:4px}.wave-contract{margin:10px 0;font-size:13px;line-height:1.5}.objective{display:none}.health-line,.shield-line,.stat-pair{display:flex;justify-content:space-between;font-size:13px;gap:8px}.health-meter,.shield-meter,.obj-track,.reload-track,.dash-track{height:7px;margin:6px 0 9px;background:#142d28;border-radius:1px;overflow:hidden}.health-meter i,.shield-meter i,.obj-track i,.reload-track i,.dash-track i{display:block;height:100%;background:#c1d891;transition:width .12s}.shield-meter{height:3px}.shield-meter i{background:#9bcfcf}.stat-pair{padding-top:6px}.timer-pill{margin-top:9px;color:#f4d88f;font-size:17px;font-variant-numeric:tabular-nums}.right-hud{position:absolute;right:16px;top:80px;width:108px;height:108px;padding:4px;background:#263f34de;border:1px solid #71856a;border-radius:4px;pointer-events:none}#radar{width:100%;height:100%}.combo-badge{position:absolute;right:20px;top:205px;padding:8px;color:#ffedbd;background:#344c3b}.center-bulletin{position:absolute;top:22%;left:50%;transform:translate(-50%,-8px);max-width:420px;width:max-content;text-align:center;pointer-events:none;opacity:0;background:#f3efdbee;padding:12px 18px;border-left:4px solid var(--green);z-index:3}.center-bulletin b{display:block;font-size:18px}.center-bulletin span{display:block;max-width:360px;margin-top:5px;font-size:13px;line-height:1.5}.center-bulletin.show{animation:bulletin 3.5s both}@keyframes bulletin{0%,100%{opacity:0}8%,78%{opacity:1;transform:translate(-50%,0)}}
.bottom-wrap{position:absolute;bottom:max(16px,var(--safe));left:16px;display:flex;align-items:end;gap:10px}.weapon-block,.dash-widget{background:#293f33e8;padding:10px 12px;border:1px solid #6a7e61;color:#edf0d7;border-radius:4px;font-size:13px}.weapon-block{min-width:150px}.weapon-block #reloadText{float:right;margin-left:10px}.reload-track,.dash-track{margin-bottom:0}.weapons{display:flex;gap:5px}.weapon-tile{min-width:67px;display:grid;grid-template-columns:16px 1fr;gap:2px;padding:8px;background:#edf0d7}.weapon-tile small{grid-column:1/-1;font-size:13px;font-weight:400}.weapon-tile b{font-size:13px;color:#697e5a}.weapon-tile strong{font-size:14px}.weapon-tile.locked{opacity:.65}.dash-widget{width:118px}.crosshair{position:fixed;pointer-events:none;display:none;width:20px;height:20px;border:2px solid #f6e3a1;transform:translate(-50%,-50%);z-index:1}.playing:not(.touch-ui) .crosshair{display:block}.touch-ui .crosshair{display:none!important}
.overlay{position:absolute;inset:0;z-index:10;background:#233c3594;display:flex;align-items:center;justify-content:center;padding:76px 24px 24px;overflow-y:auto;overscroll-behavior:contain}.modal{width:min(820px,100%);max-height:100%;overflow-y:auto;background:var(--paper);padding:30px;border:2px solid #dce0c6;border-radius:8px;box-shadow:0 8px 0 #263c3366,0 24px 65px #142b3440;display:flex;flex-direction:column;gap:18px;scrollbar-width:thin;scrollbar-color:#acb994 transparent}.intro{position:relative;width:510px;padding:30px;gap:16px}.modal-eyebrow{font-size:13px;font-weight:750;letter-spacing:2px;color:#658051}.intro h1{font-size:48px;letter-spacing:-2px;line-height:1}.intro h1 span{color:#668845}.hero-copy{font-size:16px}.hero-scene{height:138px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(155deg,#b8cc9d 0 43%,#79985a 43% 70%,#a7af7a 70%);border-radius:4px;box-shadow:inset 0 -12px #627d4c}.css-tank{--tank:#89aa5e;width:115px;height:67px;position:relative;background:var(--tank);border:9px solid #425846;border-left-width:14px;border-right-width:14px;transform:skewY(-16deg) rotate(-5deg);box-shadow:0 12px #39493d,12px 17px #33463755}.css-tank i{position:absolute;left:26px;top:4px;width:42px;height:35px;background:#bad08f;border:4px solid #768e57;box-shadow:0 7px #637e50}.css-tank b{position:absolute;width:69px;height:12px;left:48px;top:13px;background:#e5e5bb;border:3px solid #83946e}.hero-scene .css-tank{position:absolute;left:42%;top:43px}.hero-tree{position:absolute;width:45px;height:47px;left:12%;top:28px;background:#66864d;box-shadow:12px 7px #466b3f,0 34px 0 -14px #8d7149;transform:skewY(-10deg)}.hero-crate{position:absolute;right:12%;bottom:22px;width:35px;height:31px;background:#baa06b;border:5px solid #8b794e;box-shadow:7px 5px #665c40;transform:skewY(-10deg)}.profile-line,.region-select-line,.save-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.profile-line b{font-size:19px;font-variant-numeric:tabular-nums}.region-select-line{border-top:1px solid var(--line);padding-top:12px}.region-select-line button{box-shadow:none;min-height:44px;padding:8px 10px}.cta{background:#587c43;border-color:#496a37;color:#fff6dc;box-shadow:0 4px #38552c;font-size:17px;min-height:50px}.cta:hover{background:#698c50}.cta:disabled{background:#9fa58d}.intro>.cta{width:100%}.meta-row,.launch-row,.garage-actions{display:flex;gap:10px;flex-wrap:wrap}.meta-row>*{flex:1}.launch-row>*{flex:1}.save-line{justify-content:flex-start;gap:8px;flex-wrap:wrap}.save-line #saveStatus{margin-right:auto}.save-line button{font-size:13px;padding:7px 10px;box-shadow:none}.controls-note{font-size:13px}.mode-grid,.difficulty-select{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.mode-tile{display:flex;flex-direction:column;gap:4px;text-align:left}.mode-tile strong{font-size:14px}.mode-tile small{font-weight:400;color:var(--muted)}details{border:1px solid var(--line);padding:0 12px;border-radius:4px}summary{display:flex;align-items:center;font-size:14px;font-weight:650;list-style:none}summary:after{content:'＋';margin-left:auto;font-size:20px}details[open] summary:after{content:'−'}details p{font-size:13px;margin:8px 0}.arcade-checkpoint{display:flex;gap:8px;align-items:center}select{min-height:44px;max-width:100%}
.zone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.zone-card{display:flex;flex-direction:column;align-items:start;gap:8px;text-align:left;min-height:155px;border-top:9px solid #73965a}.zone-card:nth-child(2){border-top-color:#bc9b60}.zone-card:nth-child(3){border-top-color:#a4c9d0}.zone-card:nth-child(4){border-top-color:#79968e}.zone-card:nth-child(5){border-top-color:#8d8174}.zone-number{font-size:13px}.zone-card strong{font-size:20px}.zone-card em{font-size:13px;font-style:normal}.meta-footer{display:flex;gap:18px;justify-content:space-between;align-items:center;font-size:13px}.tech-grid,.medal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tech-card,.medal-card{display:flex;flex-direction:column;align-items:start;gap:8px;text-align:left;padding:15px}.tech-card>span:not(.tech-symbol),.tech-card em,.medal-card em{font-size:13px;font-style:normal}.tech-symbol{font-size:28px;color:var(--green)}.medal-card>span{font-size:29px;color:#a88c4e}.medal-card.ready{background:#e6eab8}.route-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.route-option{display:flex;align-items:start;gap:12px;text-align:left;padding:20px}.route-glyph{font-size:32px;color:var(--green)}.route-copy{display:flex;flex-direction:column;gap:9px}.route-copy b{font-size:20px}.route-copy small{font-weight:400}.route-copy em{font-size:13px;font-style:normal;color:#6f824e}.route-go{font-size:22px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.upgrade-card{text-align:left;display:flex;flex-direction:column;gap:12px;padding:20px;min-height:215px}.symbol{font-size:36px;color:var(--green)}.upgrade-card p{font-size:14px}.end-stats{display:flex;gap:35px}.end-stats b{display:block;font-size:30px}.end-grade{font-size:35px;color:#8c7b48;font-weight:900}.hangar-showcase{display:flex;gap:32px;align-items:center;padding:20px;background:#e1e6cb;min-height:140px}.hangar-info{display:flex;flex-direction:column;gap:10px}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.skin-card{display:flex;flex-direction:column;gap:8px;align-items:center}.skin-swatch{display:block;width:60px;height:30px;background:var(--tank);border:6px solid #455b4d;box-shadow:0 5px #39473a}.help-table{display:grid;grid-template-columns:60px 1fr;gap:15px;font-size:14px;line-height:1.5}.help-table span{color:var(--muted)}.file-button{display:flex;align-items:center;justify-content:center;background:#e2e7ca;border:1px solid var(--line);padding:10px;position:relative}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.save-choice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px;margin:10px 0;border:1px solid var(--line);font-size:14px}.save-choice small{display:block;color:var(--muted)}.rank-row{display:grid;grid-template-columns:35px 1fr auto;gap:12px;padding:13px;border-bottom:1px solid var(--line)}.toast{position:fixed;left:50%;bottom:calc(30px + var(--safe));transform:translate(-50%,10px);opacity:0;z-index:40;background:#253d33;color:#f3f1d8;padding:12px 20px;border:1px solid #b1c78e;border-radius:4px;max-width:min(90vw,540px);font-size:14px;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.objective-arrow{position:absolute;z-index:3;padding:6px 10px;background:#263f35e8;color:#ffe5a0;font-size:14px;pointer-events:none;border:1px solid #a6ba8a}.coach{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);background:#f0f1d9ee;padding:10px 14px;font-size:14px;pointer-events:none;max-width:70vw}.orientation-hint{display:none}#mobileControls{display:none}
body:not(.playing) .left-hud,body:not(.playing) .right-hud,body:not(.playing) .bottom-wrap,body:not(.playing) #mobileControls,body:not(.playing) .center-bulletin,body:not(.playing) #objectiveArrow,body:not(.playing) #coach{display:none}
@media(min-width:1200px){.intro{width:800px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.intro>.modal-eyebrow,.intro>h1,.intro>.hero-copy,.intro>.hero-scene{grid-column:1}.intro>.hero-scene{height:185px;grid-row:4/8}.intro>.profile-line{grid-column:2;grid-row:1/3;align-self:end}.intro>#continueBtn{grid-column:2;grid-row:3}.intro>#startBtn{grid-column:2;grid-row:4;align-self:start}.intro>.region-select-line{grid-column:2;grid-row:5}.intro>details{grid-column:2;grid-row:6/9}.intro>.meta-row,.intro>.save-line,.intro>.controls-note{grid-column:1/-1}.intro h1{font-size:56px}.intro>.hero-scene .css-tank{top:65px}.hero-tree{top:50px}.hero-crate{bottom:42px}}
@media(max-width:760px),(pointer:coarse) and (max-height:600px){.top{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));gap:8px}.logo{display:none}.mission-tag{font-size:13px;max-width:44vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:7px 9px}.top-actions{gap:5px}.top-actions #accountBtn{display:none}.top-actions button{width:44px;height:44px}.left-hud{left:max(10px,env(safe-area-inset-left));top:64px;width:200px;padding:10px}.hud-title,.wave-contract{font-size:13px}.wave-pill{font-size:13px;margin-top:2px}.wave-contract{margin:5px 0}.shield-line,.shield-meter,.stat-pair>span:first-child{display:none}.health-line{font-size:13px}.health-meter{height:5px;margin:4px 0}.stat-pair{padding-top:2px}.right-hud{right:max(10px,env(safe-area-inset-right));top:64px;width:77px;height:77px}.bottom-wrap{left:50%;transform:translateX(-50%);bottom:calc(12px + var(--safe));gap:0}.weapon-block,.dash-widget{display:none}.weapon-tile{min-width:52px;min-height:44px;display:block;padding:8px}.weapon-tile b,.weapon-tile small{display:none}.weapon-tile strong{font-size:13px}.weapons{gap:5px}.overlay{padding:65px 12px 12px}.modal{padding:22px;gap:16px;max-height:100%}.intro{width:510px}.intro h1{font-size:42px}.hero-scene{height:105px}.hero-scene .css-tank{top:25px}.hero-crate{bottom:15px}.mode-grid{grid-template-columns:repeat(2,1fr)}.zone-grid,.tech-grid,.medal-grid,.skin-grid{grid-template-columns:repeat(2,1fr)}.upgrade-grid{grid-template-columns:1fr}.upgrade-card{min-height:unset;padding:15px;display:grid;grid-template-columns:45px 1fr;gap:6px 12px}.upgrade-card .symbol{grid-row:1/4}.upgrade-card p,.upgrade-card small{grid-column:2}.route-options{grid-template-columns:1fr}.route-option{padding:15px}.route-copy b{font-size:18px}.center-bulletin{top:55px;max-width:60vw;padding:8px 12px}.center-bulletin span{display:none}.center-bulletin b{font-size:14px}.combo-badge{top:148px;font-size:13px}.meta-footer{flex-wrap:wrap}.meta-row{gap:8px}.meta-row button{font-size:13px;padding:10px 8px}.hangar-showcase{gap:24px;padding:16px}.hangar-info{max-width:52%}.coach{bottom:92px;font-size:13px;padding:8px 12px}.touch-ui #mobileControls{display:block;pointer-events:none;position:absolute;inset:0;z-index:4}.touch-stick{pointer-events:auto;position:absolute;bottom:calc(20px + var(--safe));width:124px;height:124px;border:2px solid #dce8be94;background:#223d3342;border-radius:50%;touch-action:none;display:grid;place-items:center}.touch-stick>span{position:absolute;top:-24px;font-size:13px;color:#f4f2d5;text-shadow:0 1px 3px #223b2e}.stick-knob{width:53px;height:53px;border:2px solid #dce6babb;border-radius:50%;background:#f0e9b877;pointer-events:none}.touch-stick#moveStick{left:max(24px,env(safe-area-inset-left))}.touch-stick#aimStick{right:max(24px,env(safe-area-inset-right))}.touch-dash,.touch-fire{position:absolute;pointer-events:auto;touch-action:none;width:58px;height:49px;padding:6px;font-size:14px;background:#dce8b9e8}.touch-dash{right:36px;bottom:calc(167px + var(--safe))}.touch-fire{display:none}.touch-tip{position:absolute;bottom:calc(65px + var(--safe));left:50%;transform:translateX(-50%);max-width:30vw;text-align:center;color:#f1efd4;font-size:13px;line-height:1.4}.objective-arrow{font-size:13px}.save-choice{gap:8px;flex-wrap:wrap}.help-table{grid-template-columns:44px 1fr;font-size:13px}}
@media(pointer:coarse) and (orientation:landscape){.overlay{padding-top:62px}.intro{width:740px;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.intro>.modal-eyebrow,.intro>h1,.intro>.hero-copy,.intro>.hero-scene{grid-column:1}.intro>.hero-scene{height:100px;grid-row:4/7}.intro>.profile-line{grid-column:2;grid-row:1/3}.intro>#continueBtn{grid-column:2;grid-row:3}.intro>#startBtn{grid-column:2;grid-row:4}.intro>.region-select-line{grid-column:2;grid-row:5}.intro>details{grid-column:2;grid-row:6/9}.intro>.meta-row,.intro>.save-line,.intro>.controls-note{grid-column:1/-1}.left-hud{width:195px}.hud-title,.wave-pill{display:none}.right-hud{width:68px;height:68px}.route-options{grid-template-columns:1fr 1fr}.upgrade-grid{grid-template-columns:repeat(3,1fr)}.upgrade-card{display:flex}.upgrade-card .symbol{font-size:27px}.upgrade-card h3{font-size:16px}.upgrade-card p{font-size:13px}.center-bulletin{left:50%;top:12px;max-width:40vw}.touch-stick{width:114px;height:114px;bottom:calc(16px + var(--safe))}.touch-dash{right:159px;bottom:calc(30px + var(--safe))}.touch-tip{bottom:66px}.coach{bottom:92px}.modal h2{font-size:25px}}
@media(pointer:coarse) and (orientation:portrait){.playing .orientation-hint{display:block;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);background:#2a4336dd;color:#f3f0d7;padding:10px 15px;border-radius:4px;font-size:13px;pointer-events:none;animation:portraitHint 7s both}@keyframes portraitHint{0%,70%{opacity:1}100%{opacity:0}}.touch-stick{width:108px;height:108px}.touch-stick#moveStick{left:18px}.touch-stick#aimStick{right:18px}.touch-dash{right:25px;bottom:calc(150px + var(--safe))}.touch-tip{display:none}.mission-tag{max-width:48vw}.left-hud{max-width:61vw}.coach{bottom:170px}.weapons .weapon-tile{min-width:46px;padding:8px 5px}.top-actions button{width:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.center-bulletin.show{animation:none;opacity:1}.orientation-hint{display:none!important}}