/* Hallmark · reference-led game UI · pre-emit critique: P4 H4 E4 S4 R4 V4; prototype fidelity gaps recorded in S0_S3_DELIVERY.md */
:root{--paper:#d0ded8;--paper-light:#e7ece5;--paper-dim:#a3b7b0;--ink:#192522;--ink-soft:#4a5c56;--deep:#142724;--deep-panel:#182f2bf2;--teal:#44ccb6;--teal-muted:#1c766a;--gold:#e4bd57;--white:#f4f5e9;--hairline:#657c7245;--veil:#04181450;--focus:#138b83;--danger:#b34332;--font-ui:'Microsoft YaHei','Noto Sans SC',sans-serif;--font-number:'Arial Narrow','Microsoft YaHei',sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px}
html,body{overflow-x:clip}body{min-width:320px;background:var(--deep);font-family:var(--font-ui)}[hidden]{display:none!important}button{white-space:nowrap}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3{font-style:normal;min-width:0;overflow-wrap:anywhere}button:disabled{cursor:not-allowed}#app{min-height:100svh}.screen-root{color:var(--ink);background:radial-gradient(ellipse at 15% 70%,var(--paper-dim),transparent 70%),linear-gradient(120deg,var(--paper),var(--paper-light));min-height:100svh;padding:0 var(--space-12) var(--space-8)}.screen-root button{color:var(--ink);border-color:var(--hairline);transition:background .15s,color .15s}.screen-root button:hover:not(:disabled){background:var(--paper-dim);border-color:var(--ink-soft)}.screen-root button.primary,.screen-root .lobby-main{color:var(--white);background:var(--deep);border-color:var(--deep)}.screen-root button.primary:hover{background:var(--teal-muted)}.screen-root button.chosen{border-color:var(--teal-muted);box-shadow:inset 0 -3px var(--teal-muted);background:var(--paper-light)}.screen-root .screen-nav{height:108px;display:flex;align-items:center;gap:var(--space-6);border-bottom:1px solid var(--hairline);margin-bottom:var(--space-8)}.screen-nav>button{font-size:40px;border:0;width:56px;padding:0}.screen-nav h1{font-size:28px;letter-spacing:3px;margin:3px 0}.screen-nav small{font:11px var(--font-number);letter-spacing:3px;color:var(--ink-soft)}.prototype-label{font-size:11px;margin-left:auto;padding:6px 10px;background:var(--paper-light);border:1px solid var(--hairline)}.screen-kicker{font:12px var(--font-number);letter-spacing:3px;color:var(--teal-muted)}.screen-label{font-size:14px;letter-spacing:2px;border-bottom:1px solid var(--hairline);padding:12px 0;margin:26px 0 14px}.screen-description{color:var(--ink-soft);font-size:13px}.screen-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--hairline);margin-top:28px;padding-top:20px}.screen-bottom>span{font-size:12px;color:var(--ink-soft)}.screen-bottom .primary{padding:14px 32px}.mode-scope{font-size:12px;line-height:1.8;color:var(--ink-soft);border-left:2px solid var(--teal-muted);padding-left:12px;margin:24px 0}.empty-state{padding:40px;text-align:center;color:var(--ink-soft)}
.lobby{position:relative;min-height:calc(100svh - 32px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);grid-template-rows:78px 1fr 36px;gap:20px 60px;max-width:1640px;margin:auto}.lobby-top,.lobby-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline);font-size:11px;letter-spacing:2px}.lobby-top button{border:0}.lobby-footer{border-bottom:0;border-top:1px solid var(--hairline);color:var(--ink-soft);font-size:10px;letter-spacing:1px}.lobby-title{grid-column:1;grid-row:2;align-self:center;z-index:1;padding-bottom:48px}.lobby-title>p:first-child{font:16px var(--font-number);letter-spacing:6px}.lobby-title h1{font-size:clamp(48px,6.4vw,104px);letter-spacing:12px;font-weight:900;line-height:1.2;margin:22px 0}.lobby-title h1 span{display:block;font-size:.48em;letter-spacing:22px;font-weight:500;margin-top:18px}.lobby-edition{margin-top:30px;border-top:1px solid var(--ink-soft);padding-top:14px;display:inline-block;letter-spacing:3px;font-size:13px}.lobby-note{color:var(--ink-soft);font-size:13px;letter-spacing:1px}.lobby-art{position:absolute;left:8%;top:12%;width:47%;height:70%;opacity:.13;pointer-events:none;overflow:hidden}.protocol-sigil{font-size:min(44vw,630px);font-weight:300;position:absolute;left:0;top:-12%;color:var(--teal-muted)}.art-line{position:absolute;inset:5%;border:1px solid var(--teal-muted);transform:rotate(30deg)}.lobby-menu{grid-column:2;grid-row:2;align-self:center;display:flex;flex-direction:column;gap:10px;padding:20px 0 34px;z-index:1}.lobby-menu button{display:grid;grid-template-columns:minmax(0,1fr) 24px;text-align:left;padding:20px 24px;background:var(--paper-light);border:0;border-left:4px solid var(--paper-dim);min-height:85px}.lobby-menu button span{font-size:21px;letter-spacing:3px}.lobby-menu button small{font-size:11px;color:var(--ink-soft);grid-column:1;margin-top:6px}.lobby-menu button b{grid-column:2;grid-row:1/3;align-self:center;font-size:22px}.lobby-menu .lobby-main{min-height:123px;margin-bottom:12px;border-color:var(--teal)}.lobby-menu .lobby-main span{font-size:29px}.lobby-menu .lobby-main small{color:var(--paper-dim);letter-spacing:2px}
.setup-layout,.brief-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:6vw;max-width:1440px;margin:40px auto}.setup-intro h2,.brief-overview h2,.room-view h2{font-size:42px;font-weight:700;letter-spacing:3px;margin:16px 0 25px}.setup-intro>p:not(.screen-kicker){line-height:1.9;color:var(--ink-soft);font-size:14px}.difficulty-options{display:grid;gap:12px}.difficulty-option{display:flex;gap:24px;align-items:center;text-align:left;min-height:102px;padding:16px 24px}.difficulty-number{font:46px var(--font-number);opacity:.5}.difficulty-option h3{font-size:21px;letter-spacing:3px;margin:0 0 5px}.difficulty-option p{font-size:12px;margin:0;color:var(--ink-soft)}.difficulty-option b{margin-left:auto;font-size:22px}.map-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.map-options button{padding:12px 5px;font-size:13px}.map-options small{display:block;font-size:10px;margin-bottom:4px}.brief-lines{border-top:1px solid var(--hairline);margin-top:32px}.brief-lines>div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--hairline);font-size:13px}.brief-lines strong{font-weight:500}.strategy-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.strategy-option{text-align:left;white-space:normal;padding:28px 20px;background:var(--paper-light);min-height:300px;display:flex;flex-direction:column}.strategy-option small{font-size:10px;letter-spacing:2px;color:var(--ink-soft)}.strategy-option h3{font-size:23px;margin:35px 0 20px;letter-spacing:3px}.strategy-option p{font-size:13px;color:var(--ink-soft);line-height:1.9;flex:1}.strategy-option>div{font-size:12px;border-top:1px solid var(--hairline);padding-top:20px}.strategy-option strong{font:32px var(--font-number);margin-left:8px}.strategy-option>div span{display:block;margin-top:14px;font-size:12px;color:var(--teal-muted)}
.screen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.screen-toolbar>span{font-size:15px}.screen-toolbar input{background:var(--paper-light);border:1px solid var(--hairline);padding:12px 16px;color:var(--ink);min-width:280px}.profession-filter{display:flex;gap:5px;flex-wrap:wrap}.profession-filter button{padding:8px 12px;font-size:12px}.catalog-count{padding:24px 0 14px;font-size:14px}.catalog-count span{font-size:11px;color:var(--ink-soft);margin-left:15px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:12px}.catalog-card{background:var(--paper-light);text-align:left;padding:0 0 12px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.catalog-card img,.catalog-card .portrait-fallback{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.75)}.portrait-fallback{display:grid;place-items:center;background:var(--paper-dim);color:var(--ink-soft);font-size:44px;font-weight:300}.catalog-rarity{font-size:9px;color:var(--teal-muted);padding:8px 10px 3px;letter-spacing:1px}.catalog-card strong{padding:2px 10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;max-width:100%}.catalog-card>span:not(.portrait-fallback){font-size:10px;padding:4px 10px;color:var(--ink-soft)}.catalog-card small{font-size:9px;padding:3px 10px;color:var(--danger)}.tier-section{display:grid;grid-template-columns:65px minmax(0,1fr);gap:25px;border-bottom:1px solid var(--hairline);padding:20px 0}.tier-section h2{font:42px var(--font-number);color:var(--teal-muted);margin:8px 0}.tier-section h2 small{display:block;font:10px var(--font-ui);margin-top:8px}.loadout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px}.loadout-card{display:flex;padding:0;background:var(--paper-light);text-align:left;min-width:0}.loadout-card img{width:60px;height:68px;object-fit:cover}.loadout-card div{padding:12px 8px;min-width:0}.loadout-card strong{display:block;font-size:13px}.loadout-card div span{display:block;font-size:10px;margin-top:6px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis}.archive-detail{display:grid;grid-template-columns:250px minmax(0,1fr);gap:60px;max-width:1220px;margin:auto}.archive-detail aside>img,.archive-detail aside>.portrait-fallback{width:190px;aspect-ratio:1}.archive-detail aside>h2{font-size:28px;letter-spacing:2px}.archive-detail aside>p{font-size:13px;color:var(--ink-soft)}.archive-detail aside a{color:var(--teal-muted);font-size:12px}.archive-id{overflow-wrap:anywhere;font-family:var(--font-number)}.data-badge{font-size:11px;border:1px solid var(--teal-muted);padding:5px;color:var(--teal-muted)}.archive-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.archive-stats div{padding:12px;background:var(--paper-light)}.archive-stats small{display:block;color:var(--ink-soft);font-size:11px}.archive-stats strong{font:30px var(--font-number)}.archive-skill{padding:18px 0;border-bottom:1px solid var(--hairline)}.archive-skill h3{font-size:18px;margin:0 0 10px}.archive-skill p,.archive-skill span{font-size:12px;line-height:1.8;color:var(--ink-soft)}.blackboard{display:flex;gap:6px;flex-wrap:wrap}.blackboard span{background:var(--paper-light);padding:3px 8px;font-family:var(--font-number)}.room-view{max-width:1100px;text-align:center;margin:60px auto}.room-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:38px 0}.room-slot{border:1px solid var(--hairline);min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper-light)}.room-slot.occupied{border-color:var(--teal-muted)}.room-slot>span{font-size:50px;color:var(--teal-muted)}.room-slot strong{font-size:14px;letter-spacing:2px;margin:16px 0}.room-slot small{font-size:10px;color:var(--ink-soft)}.room-view .mode-scope{border:0}
/* Battlefield uses the observed top alliance strip, dominant field and bottom supply shelf. */
#app[data-view=battle] .shell{max-width:none;min-height:100svh;padding:6px 18px 10px;background:radial-gradient(ellipse at 45% 25%,var(--teal-muted),transparent 72%);display:flex;flex-direction:column}#app[data-view=battle] .topbar{height:38px;gap:12px;border:0}#app[data-view=battle] .emblem,#app[data-view=battle] .wordmark,#app[data-view=battle] .top-divider,#app[data-view=battle] .project-tag{display:none}.home-button{font-size:28px;padding:0 14px;height:34px}#app[data-view=battle] .titlebar{padding:6px 0 12px;min-height:55px}#app[data-view=battle] .titlebar h1{font-size:21px;letter-spacing:4px}#app[data-view=battle] .subtitle{font-size:10px;margin:5px 0 0}#app[data-view=battle] .stats{gap:24px}#app[data-view=battle] .stat{min-width:70px}#app[data-view=battle] .stat strong{font-size:27px}#app[data-view=battle] .stat strong small{font-size:13px}#app[data-view=battle] .stat label{font-size:10px}#app[data-view=battle] .workspace{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:14px;flex:1;position:relative;min-height:400px}#app[data-view=battle] .field-panel{grid-column:1;display:flex;flex-direction:column;min-width:0;padding-top:75px}#app[data-view=battle] .field-wrap{flex:1;min-height:240px}#app[data-view=battle] #battlefield{height:100%;width:100%;aspect-ratio:auto;min-height:260px}#app[data-view=battle] .field-header{height:30px;font-size:12px}#app[data-view=battle] .alliances-panel{position:absolute;top:0;left:0;right:220px;background:none;padding:0;height:73px;border:0;z-index:2}#app[data-view=battle] .alliances-panel>.side-title,#app[data-view=battle] .strategy-note{display:none}#app[data-view=battle] .alliance-list{display:flex;gap:8px;overflow-x:auto;max-height:none;height:76px;padding:0}#app[data-view=battle] .alliance{display:flex;flex-direction:column;align-items:center;position:relative;min-width:75px;flex:0 0 75px;padding:3px;border:0;background:none;gap:2px}#app[data-view=battle] .alliance .alliance-symbol{font-size:22px;border:1px solid var(--ink-soft);background:var(--deep-panel);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--paper-dim)}#app[data-view=battle] .alliance.active .alliance-symbol{color:var(--deep);background:var(--teal);border-color:var(--teal)}#app[data-view=battle] .alliance strong{font-size:10px;font-weight:400}#app[data-view=battle] .alliance p,#app[data-view=battle] .alliance-bars,#app[data-view=battle] .alliance .count{display:none}#app[data-view=battle] .intel-panel{grid-column:2;grid-row:1;max-height:530px;overflow:auto;padding-top:9px}#app[data-view=battle] .intel{background:var(--deep-panel);border-color:var(--teal-muted)}#app[data-view=battle] .intel h3{font-size:21px}#app[data-view=battle] .event-log{display:none}#app[data-view=battle] .field-footer{padding:6px 0;min-height:32px}#app[data-view=battle] .bench-head{font-size:11px;margin:3px 0 6px}#app[data-view=battle] .bench{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;max-height:85px;overflow:visible}#app[data-view=battle] .bench-slot{aspect-ratio:1.2;min-width:0;max-height:77px;border-color:var(--teal-muted)}#app[data-view=battle] .bench-slot .bench-label{font-size:10px}#app[data-view=battle] .supply{margin-top:12px;padding:10px 0 0;border-top:1px solid var(--teal-muted)}#app[data-view=battle] .supply-header{margin-bottom:8px}#app[data-view=battle] .supply-title strong{font-size:13px}#app[data-view=battle] .supply-title .eyebrow{display:none}#app[data-view=battle] .level-badge{height:32px;width:45px;font-size:26px;border-color:var(--teal)}#app[data-view=battle] .supply-controls button{height:32px;padding:5px 14px;font-size:12px}#app[data-view=battle] .shop{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}#app[data-view=battle] .shop-card{height:145px;border-color:var(--gold)}#app[data-view=battle] .shop-info h3{font-size:18px}#app[data-view=battle] .shop-info p,#app[data-view=battle] .shop-info .synergy-label{font-size:10px}#app[data-view=battle] .shop-note{font-size:10px}#app[data-view=battle] .footer{margin-top:7px;font-size:9px}#app[data-view=battle] .primary{background:var(--teal);color:var(--deep);border-color:var(--teal)}#app[data-view=battle] .start-area button{height:45px;font-size:14px}#app[data-view=battle] .selected-panel{background:var(--deep-panel)}
@media(min-width:1450px){#app[data-view=battle] .workspace{min-height:470px}#app[data-view=battle] .shop-card{height:175px}}
@media(max-width:1000px){.screen-root{padding:0 24px 24px}.lobby{column-gap:20px;grid-template-columns:minmax(0,1fr) 310px}.lobby-title h1{letter-spacing:7px}.lobby-menu button{padding:16px;min-height:76px}.setup-layout,.brief-layout{gap:28px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.strategy-options{grid-template-columns:minmax(0,1fr)}.strategy-option{min-height:150px;padding:18px}.strategy-option h3{margin:12px 0}.strategy-option p{margin:0 0 10px}.strategy-option>div{padding-top:10px}.strategy-option>div span{display:inline;margin-left:14px}.archive-detail{grid-template-columns:180px minmax(0,1fr);gap:25px}.archive-detail aside>img,.archive-detail aside>.portrait-fallback{width:160px}#app[data-view=battle] .workspace{grid-template-columns:minmax(0,1fr) 180px}#app[data-view=battle] .alliances-panel{right:194px}#app[data-view=battle] .shop-card{height:130px}}
@media(max-width:700px){.screen-root{padding:0 16px 20px}.screen-root .screen-nav{height:85px;gap:10px;margin-bottom:18px;flex-wrap:wrap;padding:10px 0}.screen-nav h1{font-size:21px;letter-spacing:1px}.screen-nav small{font-size:9px}.screen-nav>button{width:30px}.prototype-label{font-size:9px;padding:3px 5px}.lobby{display:flex;flex-direction:column;gap:15px;min-height:100svh}.lobby-top{height:56px;font-size:9px}.lobby-title{padding:24px 0 10px;align-self:auto}.lobby-title h1{font-size:54px;letter-spacing:8px;margin:14px 0}.lobby-title h1 span{font-size:27px;letter-spacing:14px;margin-top:12px}.lobby-title>p:first-child{font-size:11px;letter-spacing:4px}.lobby-edition{font-size:11px;margin-top:16px;letter-spacing:1px}.lobby-note{font-size:11px}.lobby-art{width:90%;top:8%;height:300px;left:10%}.protocol-sigil{font-size:350px}.lobby-menu{width:100%;padding:0 0 10px;gap:8px}.lobby-menu button{min-height:70px;padding:14px 18px}.lobby-menu .lobby-main{min-height:92px;margin-bottom:4px}.lobby-menu button span{font-size:18px}.lobby-menu .lobby-main span{font-size:25px}.lobby-footer{font-size:9px;line-height:1.6;gap:15px;min-height:45px}.setup-layout,.brief-layout{display:block;margin:15px 0}.setup-intro h2,.brief-overview h2,.room-view h2{font-size:28px}.setup-intro .mode-scope{margin:16px 0}.difficulty-options{margin-top:24px}.difficulty-option{min-height:83px;padding:12px 18px;gap:18px}.difficulty-number{font-size:32px}.difficulty-option h3{font-size:18px}.screen-toolbar{gap:10px}.screen-toolbar input{min-width:0;width:100%}.profession-filter{gap:3px}.profession-filter button{font-size:11px;padding:7px 9px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.catalog-card strong{font-size:12px;padding:2px 7px}.catalog-card>span:not(.portrait-fallback){font-size:9px;padding:3px 7px}.catalog-count span{display:block;margin:6px 0 0}.tier-section{grid-template-columns:35px minmax(0,1fr);gap:10px}.tier-section h2{font-size:29px}.loadout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.loadout-card{flex-direction:column}.loadout-card img{width:100%;height:auto;aspect-ratio:1.3;object-fit:cover}.loadout-card div{padding:8px}.loadout-card strong{font-size:12px}.loadout-card div span{font-size:9px}.archive-detail{display:block}.archive-detail aside>img,.archive-detail aside>.portrait-fallback{width:120px;float:left;margin-right:18px}.archive-detail aside{min-height:170px}.archive-detail aside .mode-scope{clear:both;padding-top:16px}.archive-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.archive-stats strong{font-size:24px}.archive-detail .blackboard span{overflow-wrap:anywhere;max-width:100%}.room-view{margin:25px auto}.room-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-slot{min-height:155px}.screen-bottom{align-items:center;flex-wrap:wrap}.screen-bottom .primary{padding:12px 20px}#app[data-view=battle] .shell{padding:5px 8px}#app[data-view=battle] .workspace{display:block;min-height:380px}#app[data-view=battle] .alliances-panel{left:0;right:0}#app[data-view=battle] .intel-panel{max-height:none;display:flex;gap:8px;overflow:auto;padding:8px 0}#app[data-view=battle] .intel{display:none}#app[data-view=battle] .start-area{min-width:145px;margin-left:auto}#app[data-view=battle] .selected-panel{min-width:220px;max-width:100%;max-height:220px}#app[data-view=battle] .field-wrap{height:280px}#app[data-view=battle] #battlefield{min-height:0;height:280px!important;aspect-ratio:auto!important}#app[data-view=battle] .bench{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;max-height:55px}#app[data-view=battle] .bench-slot{min-width:0;max-height:50px;aspect-ratio:.8}#app[data-view=battle] .bench-slot .bench-label{font-size:7px}#app[data-view=battle] .titlebar h1{font-size:16px}#app[data-view=battle] .stats{gap:8px}#app[data-view=battle] .stat{min-width:40px}#app[data-view=battle] .stat strong{font-size:24px}#app[data-view=battle] .mode-label{display:none}#app[data-view=battle] .shop{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#app[data-view=battle] .shop-card{height:132px}#app[data-view=battle] .supply-controls{gap:3px}#app[data-view=battle] .supply-controls button{padding:4px 7px;font-size:10px}#app[data-view=battle] .supply-title strong{display:none}#app[data-view=battle] .footer{font-size:9px}#app[data-view=battle] .alliance{min-width:64px;flex-basis:64px}#app[data-view=battle] .shop-info h3{font-size:16px}}
@media(max-width:374px){.screen-root{padding-left:12px;padding-right:12px}.prototype-label{display:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-bottom>span{font-size:10px}.map-options button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.screen-root *{transition:none!important;animation:none!important}}
#app[data-view=battle] .alliance-list{flex-direction:row}

.raw-data{margin-top:12px;color:var(--ink-soft);font-size:11px}.raw-data summary{cursor:pointer;margin-bottom:10px}.skill-description{white-space:pre-line}
#deployment-layer{position:absolute;inset:0;z-index:8;background:#05120ec4;touch-action:none;user-select:none}#deployment-layer[hidden]{display:none}.direction-compass{position:absolute;width:0;height:0;touch-action:none}.direction-diamond{position:absolute;left:-70px;top:-70px;width:140px;height:140px;transform:rotate(45deg);border:2px solid var(--teal);background:#102b23a0;box-shadow:0 0 25px #44ccb645}.direction-center{position:absolute;inset:-28px auto auto -28px;width:56px;height:56px;display:grid;place-items:center;font-size:40px;color:var(--white);pointer-events:none}.compass-arrow{position:absolute;width:40px;height:40px;padding:0;font-size:26px;border:0;background:var(--deep-panel);color:var(--white)}.compass-arrow.chosen{background:var(--teal);color:var(--deep)}.direction-0{left:68px;top:-20px}.direction-1{left:-20px;top:68px}.direction-2{left:-108px;top:-20px}.direction-3{left:-20px;top:-108px}.direction-caption{position:absolute;left:-130px;top:116px;width:260px;text-align:center;font-size:12px;color:var(--white);pointer-events:none}.direction-caption small{font-size:10px;color:var(--paper-dim)}.direction-actions{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.direction-actions button{background:var(--deep);color:var(--white);font-size:12px}.direction-actions button:last-child:not(:disabled){background:var(--teal);color:var(--deep)}.bench-slot[data-act=select]{touch-action:none;user-select:none;-webkit-user-select:none}.bench-slot img{pointer-events:none}#battlefield{touch-action:none}
.field-wrap:has(#deployment-layer:not([hidden])){overflow:visible!important;z-index:10}#deployment-layer{background:transparent}#deployment-layer::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at var(--aim-x) var(--aim-y),transparent 95px,#05120ebd 155px);z-index:-1}.direction-actions{z-index:2}
.season-intro{padding:18px 20px;background:var(--paper-light);border-left:3px solid var(--teal-muted);margin-bottom:20px}.season-intro strong{font-size:15px}.season-intro p{font-size:12px;color:var(--ink-soft);line-height:1.8;margin-bottom:0}.season-tabs{margin:20px 0}.season-content{display:grid;gap:10px}.season-entry{border:1px solid var(--hairline);background:var(--paper-light);padding:16px 20px;min-width:0}.season-entry summary{display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none}.season-entry summary::after{content:'+';margin-left:auto}.season-entry[open] summary::after{content:'−'}.season-entry summary strong{font-size:15px}.season-entry summary>span:not(.season-tier){font-size:11px;color:var(--ink-soft)}.season-tier{color:var(--teal-muted);font:23px var(--font-number);min-width:32px}.season-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border-top:1px solid var(--hairline);margin-top:15px;padding-top:10px}.season-entry h3{font-size:16px}.season-entry p{font-size:12px;line-height:1.8}.season-description{white-space:pre-line;color:var(--ink-soft)}.season-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.season-table th,.season-table td{padding:8px;border-bottom:1px solid var(--hairline)}.native-map{display:grid;gap:3px;max-width:550px}.native-tile{aspect-ratio:1.25;border:1px solid var(--hairline)}.tile-disabled{background:var(--deep)}.tile-high{background:var(--paper-dim);border-color:var(--teal-muted)}.tile-ground{background:var(--paper)}
@media(max-width:700px){.season-entry{padding:12px}.season-entry summary{gap:8px;flex-wrap:wrap}.season-state-grid{grid-template-columns:minmax(0,1fr);gap:8px}.season-entry summary>span:not(.season-tier){max-width:100%;white-space:normal}.season-table{font-size:10px}.season-table th,.season-table td{padding:5px}}
button{touch-action:manipulation}
.benchmark-clock{font-size:42px;margin:16px 0}.benchmark-clock small{font-size:14px}.benchmark-total{display:block;font-size:32px;color:var(--teal);font-variant-numeric:tabular-nums}.benchmark-button{margin-top:8px;width:100%;font-size:12px}.benchmark-report{padding:20px}.benchmark-report .damage-row{display:flex;justify-content:space-between}.benchmark-report .benchmark-total{font-size:48px}
.season-entry summary>img{width:52px;height:52px;object-fit:contain;flex-shrink:0}.season-entry .raw-data pre{white-space:pre-wrap;overflow-wrap:anywhere}.season-entry[hidden]{display:none}