:root{--canvas: #0e1014;--bg: #1b1f26;--surface-sunken: #1f242d;--surface: #262b35;--surface-raised: #2e3440;--surface-hover: #353c4a;--line-soft: #2f3542;--line: #3a4150;--line-strong: #4a5568;--text: #e6e6e6;--text-bright: #f2f5f8;--text-2: #c8cfda;--muted: #9aa4b4;--dim: #5b6578;--white: #fff;--orange-tint: #3b3530;--orange-ink: #5c3a16;--orange-deep: #b85e1c;--orange: #e87f2c;--orange-hover: #f2913f;--orange-light: #ffb066;--blue-tint: #1f3550;--blue-deep: #2d5f8f;--blue-hover: #366fa6;--blue: #4f7fd6;--blue-mid: #5a9bd6;--blue-light: #88aaf4;--accent: var(--orange);--accent-hover: var(--orange-hover);--accent-line: var(--orange-light);--on-accent: var(--bg);--gold-tint: #2b2615;--gold-line: #5c4a20;--gold-deep: #d8a63a;--gold-ring: #ffc24a;--gold: #ffd88a;--gold-bright: #ffe45a;--gold-pale: #fff3b8;--gold-glow-soft: color-mix(in srgb, var(--gold-bright) 25%, transparent);--gold-glow: color-mix(in srgb, var(--gold-bright) 45%, transparent);--gold-glow-strong: color-mix(in srgb, var(--gold-bright) 70%, transparent);--amber: #e6a446;--success-bg: #2f8a4e;--success-hover: #379a59;--success-line: #4fbf74;--success: #6cc84a;--danger-deep: #3a1414;--danger-tint: #6b2a24;--danger: #8c2f2f;--danger-hover: #a33a3a;--danger-line: #c4564a;--danger-mark: #e5574c;--danger-text: #ff8a7a;--danger-pale: #ffe3dc;--danger-flash: rgba(255, 86, 86, .35);--scrim: rgba(10, 12, 16, .72);--shadow: rgba(0, 0, 0, .45);--shadow-strong: rgba(0, 0, 0, .5);--focus: var(--white);--focus-halo: var(--bg);--focus-w: 2px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 24px;--fs-display: 34px;--fs-code: 44px;--font-mono: ui-monospace, Menlo, monospace;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 16px;--space-8: 20px;--space-9: 24px;--space-10: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 999px;--btn-xs: 4px 8px;--btn-sm: 7px 10px;--btn-md: 8px 14px;--btn-lg: 10px 14px;--btn-xl: 12px 16px;--touch: 44px;--touch-lg: 48px;--page-w: 760px;--page-w-wide: 1040px;--page-head-h: 30px}#icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;flex:none;width:1.15em;height:1.15em;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.icon.down{transform:rotate(-90deg)}.icon.flip{transform:scaleX(-1)}.pace-icons{display:inline-flex;vertical-align:-.2em}.pace-icons .icon{vertical-align:0}.pace-icons .icon+.icon{margin-left:-.55em}.army-dot{display:inline-block;width:.75em;height:.75em;border-radius:var(--radius-pill);vertical-align:-.05em;background:var(--orange);box-shadow:0 0 0 1px var(--orange-light)}.army-dot.blue{background:var(--blue);box-shadow:0 0 0 1px var(--blue-light)}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}body{display:flow-root}#app[hidden]{display:none}#app{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-7);padding:var(--space-9)}canvas{image-rendering:pixelated;background:var(--canvas);cursor:pointer;touch-action:none}#panel{width:236px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width: 990px){body>.page{margin:var(--space-4) auto;padding:var(--space-7)}.page-head .tool-btn{min-height:var(--touch)}body>#editor{padding:var(--space-4)}#editor>#editor-body{flex-direction:column;align-items:center;gap:var(--space-4)}#editor-body>#editor-stage{display:contents}#editor #editor-canvas{max-width:100%;height:auto;position:sticky;top:0;z-index:2;box-shadow:0 6px 10px var(--scrim)}#editor-body>#editor-panel{width:100%;max-width:480px;max-height:none;overflow:visible;padding-right:0}#editor-panel>.editor-actions{position:static}}@media (max-width: 990px) and (max-height: 540px) and (orientation: landscape){#editor>#editor-body{flex-direction:row;align-items:flex-start}#editor #editor-canvas{position:static;box-shadow:none}#editor-body>#editor-panel{width:210px;max-height:calc(100dvh - 16px);overflow-y:auto}#editor #editor-canvas{max-width:calc(100% - 218px);max-height:calc(100dvh - 16px);width:auto}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--fs-sm)}#turn-banner{font-weight:700;font-size:var(--fs-md);text-align:center;padding:var(--space-3) var(--space-5)}#turn-banner .sub{font-weight:500;color:var(--muted)}#turn-banner .power-ready{color:var(--gold-bright)}#power-btn.ready:not(:disabled){color:var(--gold-pale);border-color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold-bright),0 0 10px var(--gold-glow);animation:power-ready .9s ease-in-out 4 alternate}@keyframes power-ready{0%{box-shadow:0 0 0 1px var(--gold-bright),0 0 4px var(--gold-glow-soft)}to{box-shadow:0 0 0 2px var(--gold-bright),0 0 16px var(--gold-glow-strong)}}@media (prefers-reduced-motion: reduce){#power-btn.ready{animation:none}}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.action-grid button{min-height:34.5px;padding:var(--btn-sm);font-size:var(--fs-sm)}button.primary{background:var(--accent);border-color:var(--accent-line);color:var(--on-accent);padding:var(--btn-lg)}button.primary:hover{background:var(--accent-hover)}button.primary kbd{color:var(--orange-ink);border-color:var(--orange-deep)}.toggles{display:flex;gap:var(--space-3)}.toggles button{flex:1;padding:var(--btn-xs);font-size:var(--fs-sm);opacity:.75;background:transparent;border-color:var(--line-soft)}.toggles button.off{opacity:.35}.funds{float:right;font-weight:600}#turn-banner.orange{color:var(--orange-light)}#turn-banner.blue{color:var(--blue-light)}.co-row{display:flex;justify-content:space-between;margin:var(--space-1) 0}.co-row.portrait-row{align-items:center;gap:var(--space-4);margin:var(--space-2) 0}.co-row .co-name{margin-left:auto}.co-row .portrait{width:48px;height:48px;image-rendering:pixelated;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.co-row .army-orange{color:var(--orange-light);font-weight:600}.co-row .army-blue{color:var(--blue-light);font-weight:600}#unit-info{min-height:84px;white-space:pre-line}#unit-info .title{display:block;font-weight:700;margin-bottom:var(--space-2)}#unit-info .title.idle{color:var(--text-2)}#unit-info.empty{color:var(--muted)}#unit-info .alert{color:var(--danger-text);font-weight:600}#unit-info .bad-trade{color:var(--amber);font-weight:600}#unit-info .fc-deal{color:var(--danger-text)}#unit-info .fc-take{color:var(--orange-light)}#unit-info .fc-kill{color:var(--success)}#unit-info .why{font-size:var(--fs-xs);color:var(--text-2)}#forecast-why{position:fixed;left:0;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);max-width:min(460px,calc(100vw - 32px));padding:var(--space-3) var(--space-5);font-size:var(--fs-xs);line-height:1.35;color:var(--text);background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:0 4px 14px var(--shadow);pointer-events:none;opacity:0;transition:opacity .12s}#forecast-why.on{opacity:1;transition-delay:.35s}#forecast-why[hidden]{display:none}#forecast-why .fc-deal{color:var(--danger-text)}#forecast-why .fc-take{color:var(--orange-light)}#app:not([data-layout]) #unit-info{height:calc(9.1em + 4px);line-height:1.3;overflow:hidden}#app:not([data-layout])>#panel{max-height:calc(100dvh - 48px)}#app:not([data-layout])>#panel>*{flex-shrink:0}#app:not([data-layout])>#panel>#build-menu,#app:not([data-layout])>#panel>#status{flex-shrink:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}#app:not([data-layout])>#panel:has(#build-menu:not([hidden]))>#minimap{display:none}#app:not([data-layout])>#panel>#build-menu:not([hidden]){display:flex;flex-direction:column}#app:not([data-layout])>#panel>#build-menu>:not(.build-grid){flex-shrink:0}#app:not([data-layout])>#panel>#build-menu>.build-grid{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-3);margin:calc(-1 * var(--space-3))}#app:not([data-layout])>#panel:has(#status.visible)>:is(#unit-info,#build-menu,.action-grid,#end-turn,.toggles){display:none}@media (min-width: 1280px){#app:not([data-layout])>#panel{width:300px}}@media (max-height: 879px){#app:not([data-layout]) .co-power{display:none}}#app:not([data-layout]) #turn-banner :is(.who,.sub,.tomorrow){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#turn-banner .tomorrow{font-weight:600}#turn-banner .tomorrow.rain{color:var(--blue-light)}#turn-banner .tomorrow.sand{color:var(--amber)}#turn-banner .tomorrow.clear{color:var(--gold)}@media (max-height: 879px){#app:not([data-layout])>#panel:has(#build-menu:not([hidden])) #turn-banner .tomorrow{display:none}}#app:not([data-layout]) #turn-banner .sep{display:none}button{background:var(--line);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:var(--btn-lg);font-size:var(--fs-md);font-weight:600;cursor:pointer}button:hover{background:var(--line-strong)}button{transition:background-color 60ms,filter 60ms,transform 60ms}button:active:not(:disabled){transform:translateY(1px);filter:brightness(.86)}button kbd{float:right;font-family:inherit;font-size:var(--fs-xs);color:var(--muted);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:0 var(--space-2)}#status{font-weight:700;font-size:var(--fs-xl);text-align:center;display:none}#status.visible{display:block}#status button{width:100%;margin-top:var(--space-5);font-size:var(--fs-md)}#status .go-reason{font-size:var(--fs-xs);font-weight:500;color:var(--muted);margin:var(--space-1) 0 var(--space-4)}#status .go-stats{width:100%;border-collapse:collapse;font-size:var(--fs-sm);font-weight:500}#status .go-stats th,#status .go-stats td{padding:var(--space-1);text-align:right}#status .go-stats th:first-child,#status .go-stats td:first-child{text-align:left;color:var(--muted)}#status .go-stats tbody th{width:1%;white-space:nowrap;padding-right:var(--space-4)}#status .go-stats thead th{font-weight:700;border-bottom:1px solid var(--line)}#status .go-stats .army-orange{color:var(--orange-light)}#status .go-stats .army-blue{color:var(--blue-light)}#status .go-stats td{font-variant-numeric:tabular-nums;white-space:nowrap}#status .go-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-5)}#status .go-actions button{margin-top:0;min-height:var(--touch)}#status .go-actions button:only-child{grid-column:1 / -1}#build-menu .title{display:flex;justify-content:space-between;font-weight:700;margin-bottom:var(--space-3)}#build-menu .title .funds{color:var(--gold);font-weight:600}#build-menu .build-grid{display:grid;grid-template-columns:repeat(var(--build-cols, 3),minmax(0,1fr));gap:var(--space-3)}#build-menu button{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:var(--touch);padding:var(--space-1) var(--space-1) var(--space-2);font-size:var(--fs-xs);line-height:1.25;-webkit-touch-callout:none;user-select:none}#build-menu button img{width:48px;height:48px;image-rendering:pixelated;margin:-4px 0 -2px;pointer-events:none}#build-menu button .name{font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#build-menu button .cost{color:var(--gold);font-weight:600;white-space:nowrap}#build-menu button.poor{opacity:.45;cursor:default}#build-menu button.held{outline:2px solid var(--gold);outline-offset:-2px}#build-menu .build-role{margin:var(--space-2) 0 0;height:4.8em;overflow:hidden;font-size:var(--fs-xs);line-height:1.2;color:var(--muted)}#build-menu .build-role>span{display:block}#build-menu .build-role .role{max-height:2.4em;overflow:hidden}#build-menu .build-role .vs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}#build-menu .build-role.on{color:var(--text)}#panel button:disabled{opacity:.45;cursor:default}.meter-row{display:flex;align-items:center;gap:var(--space-3);margin:0 0 5px 38px}.meter{flex:1;height:6px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-pill);overflow:hidden}.meter i{display:block;height:100%;background:var(--gold-deep)}.meter.full i{background:var(--gold-bright)}.meter-label{font-size:var(--fs-xs);color:var(--muted);min-width:44px;text-align:right}.meter-label.ready{color:var(--gold-bright);font-weight:700}.co-power{font-size:var(--fs-xs);color:var(--muted);margin:-2px 0 var(--space-3) 38px;line-height:1.3}.co-power b{color:var(--text-2);font-weight:600}.page{max-width:var(--page-w);margin:var(--space-10) auto;padding:var(--space-9);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.page.page-wide{max-width:var(--page-w-wide)}.page-head{display:flex;align-items:center;gap:var(--space-6);min-height:var(--page-head-h);margin-bottom:var(--space-2)}.page-head h1{flex:1;min-width:0;margin:0;font-size:var(--fs-2xl)}#menu h2{font-size:var(--fs-md);text-transform:uppercase;color:var(--muted)}.choice-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.choice-row button{padding:var(--btn-md);display:inline-flex;align-items:center;gap:var(--space-3)}.choice-row button .portrait{width:24px;height:24px;image-rendering:pixelated}.choice-row button.active{background:var(--accent);border-color:var(--accent-line);color:var(--on-accent)}#start-btn{width:100%;margin-top:var(--space-8);font-size:var(--fs-lg);padding:var(--btn-xl)}.rules-row{display:flex;flex-wrap:wrap;gap:var(--space-5) var(--space-9)}.rules-row>.rule:first-child{flex-basis:100%}.rule{display:flex;flex-direction:column;gap:var(--space-2)}.rule[hidden]{display:none}.rule-label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;color:var(--muted)}.rule .choice-row{gap:var(--space-3)}.rule .choice-row button{padding:var(--btn-sm);font-size:var(--fs-md)}#resume-btn{width:100%;margin:0 0 var(--space-4);padding:var(--btn-lg);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);background:var(--success-bg);border-color:var(--success-line);color:var(--text-bright);text-align:left}#resume-btn:hover{background:var(--success-hover)}#resume-btn[hidden]{display:none}#resume-btn .resume-title{font-size:var(--fs-lg);font-weight:700}#resume-btn .resume-detail{font-size:var(--fs-xs);opacity:.8}.blurb{font-size:var(--fs-xs);color:var(--muted);margin:var(--space-3) 0 0;min-height:28px}#campaign[hidden]{display:none}#campaign .page-head{margin-bottom:var(--space-6)}#mission-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-7)}#mission-list button{text-align:left;display:flex;justify-content:space-between;padding:var(--btn-md);font-size:var(--fs-md)}#mission-list button.locked{opacity:.4;cursor:default}#mission-list button.selected{border-color:var(--orange-light)}#mission-list .done{color:var(--success)}#mission-list .new-tag{display:inline-block;margin-left:var(--space-3);padding:0 var(--space-3);font-size:var(--fs-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--on-accent);background:var(--orange-light);border-radius:var(--radius-sm);vertical-align:1px}#mission-detail{border-top:1px solid var(--line);padding-top:var(--space-6);margin-bottom:var(--space-7)}#mission-detail h2{margin:0 0 var(--space-3)}#mission-briefing{color:var(--text-2);font-size:var(--fs-md);font-style:italic}#mission-meta{color:var(--muted);font-size:var(--fs-xs)}#mission-start{width:100%;margin-top:var(--space-4)}#mission-overlay{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:10}#mission-overlay[hidden]{display:none}#mission-overlay .pbl-actions{flex-wrap:wrap}.result-context{margin:var(--space-1) 0 var(--space-5);font-size:var(--fs-xs);color:var(--muted)}.result-context:empty{display:none}#mission-context{margin-bottom:var(--space-1)}#mission-stats{margin:0 0 var(--space-5);font-size:var(--fs-xs);color:var(--text-2);font-variant-numeric:tabular-nums}#mission-stats:empty{display:none}.go-context{font-size:var(--fs-xs);color:var(--muted);margin:var(--space-1) 0 var(--space-3)}#objective-card{font-size:var(--fs-xs);color:var(--gold)}#minimap{width:100%;image-rendering:pixelated;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}#minimap[hidden],#editor[hidden]{display:none}#editor{display:grid;justify-content:center;align-content:start;gap:var(--space-4);padding:var(--space-9)}#editor .page-head{margin-bottom:0}#editor-body{display:flex;gap:var(--space-7);align-items:flex-start;justify-content:center;min-width:0}#editor-canvas{image-rendering:pixelated;background:var(--canvas);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}#editor-panel{width:296px;display:flex;flex-direction:column;gap:var(--space-4);max-height:calc(100dvh - 48px - var(--page-head-h) - var(--space-4));overflow-y:auto;padding-right:var(--space-2)}#editor-panel input{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--fs-md);min-width:0;flex:1}.editor-row{display:flex;gap:var(--space-3)}#editor-open{flex:0 0 auto;max-width:46%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--fs-sm)}#editor-open:disabled{opacity:.45}#editor-panel h3{margin:var(--space-3) 0 var(--space-2);font-size:var(--fs-xs);text-transform:uppercase;color:var(--muted)}.tool-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tool-grid button{padding:var(--btn-xs);font-size:var(--fs-xs);font-weight:500}.tool-grid button.active{background:var(--accent);border-color:var(--accent-line);color:var(--on-accent)}.pal-grid{gap:var(--space-2)}.pal-grid button.pal{width:54px;height:54px;padding:var(--space-1);display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--fs-2xl);color:var(--text)}.pal-grid button.pal img{width:48px;height:48px;image-rendering:pixelated;pointer-events:none}.pal-grid button.pal.active{background:var(--gold-tint);border-color:var(--gold-ring);box-shadow:0 0 0 2px var(--gold-ring)}.pal-tools{display:flex;align-items:center;gap:var(--space-5);margin-top:var(--space-2)}#editor-tool-name{font-size:var(--fs-xs);color:var(--text-2);line-height:1.35}.editor-toggles{display:flex;gap:var(--space-3)}.editor-toggles button{flex:1;padding:var(--btn-sm);font-size:var(--fs-sm)}.editor-toggles button:disabled{opacity:.4;cursor:default}#editor-grid[aria-pressed=false]{opacity:.6}#editor-army.orange{border-color:var(--orange)}#editor-army.blue{border-color:var(--blue-light)}#editor-stage{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;width:min-content}#editor-check{background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5)}#editor-verdict{margin:0;font-size:var(--fs-sm);font-weight:600}#editor-verdict.ok{color:var(--success)}#editor-verdict.bad{color:var(--danger-text)}#editor-problems{margin:var(--space-2) 0 var(--space-1);padding-left:var(--space-7);font-size:var(--fs-xs);line-height:1.4;color:var(--text)}#editor-problems:empty{display:none}#editor-problems li+li,#editor-notes li+li{margin-top:var(--space-2)}#editor-problems li::marker{color:var(--danger-mark)}#editor-notes-box[hidden]{display:none}#editor-notes-box h4{margin:var(--space-3) 0 0;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;color:var(--gold-ring)}#editor-notes{margin:var(--space-1) 0 var(--space-1);padding-left:var(--space-7);font-size:var(--fs-xs);line-height:1.4;color:var(--gold)}#editor-notes li::marker{color:var(--gold-ring)}#editor-problems.flash{animation:editor-flash .6s ease-out}@keyframes editor-flash{0%{background:var(--danger-flash)}to{background:transparent}}#editor-status{min-height:16px;font-size:var(--fs-xs);color:var(--gold);margin:0}.editor-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);position:sticky;bottom:0;background:var(--bg);padding:var(--space-3) 0 var(--space-1);margin-top:auto}.editor-actions button{flex:1 1 30%;padding:var(--btn-sm);font-size:var(--fs-sm);white-space:nowrap}.editor-actions button.blocked{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion: reduce){#editor-problems.flash{animation:none}}#pbl-overlay{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:10}#pbl-overlay[hidden]{display:none}#online-wait{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:10}#online-wait[hidden]{display:none}.online-code{font:700 var(--fs-code)/1.1 var(--font-mono);letter-spacing:.25em;text-align:center;color:var(--gold);margin:var(--space-7) 0 var(--space-2)}#online-panel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-7);margin:var(--space-5) 0 var(--space-7)}#online-panel>#online-service{flex:1;min-width:220px;margin:0;min-height:0}#online-panel>#online-join,#online-panel>#online-error{flex-basis:100%}#online-panel .rm-row{display:flex;align-items:center;gap:var(--space-5);margin:var(--space-2) 0 0;flex-wrap:wrap}#online-panel[hidden],#online-join[hidden],#online-army-row[hidden]{display:none}#online-code{width:7em;font:700 var(--fs-xl) var(--font-mono);letter-spacing:.2em;text-transform:uppercase;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}#online-join-btn:disabled{opacity:.45;cursor:default}#online-error{color:var(--danger-text);font-size:var(--fs-sm);margin:var(--space-3) 0 0;min-height:0}#online-error:empty{display:none}#resume-online-btn{width:100%;margin:0 0 var(--space-4);padding:var(--btn-lg);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);background:var(--blue-deep);border-color:var(--blue-mid);color:var(--text-bright);text-align:left}#resume-online-btn:hover{background:var(--blue-hover)}#resume-online-btn[hidden]{display:none}#resume-online-btn .resume-title{font-size:var(--fs-lg);font-weight:700}#resume-online-btn .resume-detail{font-size:var(--fs-xs);opacity:.8}#online-card{font-size:var(--fs-sm)}#online-card.warn{background:var(--danger-tint);border-color:var(--danger-line);color:var(--white);font-weight:600}#online-card .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--space-3);background:var(--success-line)}#online-card .dot.off{background:var(--danger-line)}#online-wait-code:empty{display:none}#online-wait .pbl-actions button[hidden]{display:none}#online-wait .pbl-actions{flex-wrap:wrap}#online-wait-site{color:var(--text-2);font-size:var(--fs-sm);margin:var(--space-1) 0 0}#online-wait-site:empty,#online-wait-site[hidden]{display:none}#online-wait-link{width:100%;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);font:var(--fs-xs) var(--font-mono);margin-bottom:var(--space-5)}#online-wait-link[hidden]{display:none}#online-rematch{position:fixed;left:50%;bottom:72px;transform:translate(-50%);z-index:27;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4) var(--space-6);padding:var(--space-5) var(--space-7);font-size:var(--fs-md);color:var(--text-bright);background:var(--blue-tint);border:1px solid var(--blue-mid);border-radius:var(--radius-lg);box-shadow:0 6px 20px var(--shadow);text-align:center}#online-rematch[hidden],#online-rematch button[hidden]{display:none}#online-rematch button{min-height:var(--touch);padding:var(--btn-sm)}#online-toast{position:fixed;left:50%;bottom:72px;transform:translate(-50%);z-index:26;max-width:calc(100vw - 32px);box-sizing:border-box;padding:var(--space-4) var(--space-7);font-size:var(--fs-sm);font-weight:600;color:var(--white);background:var(--danger-tint);border:1px solid var(--danger-line);border-radius:var(--radius-lg);box-shadow:0 6px 20px var(--shadow);text-align:center;cursor:pointer}#online-toast[hidden]{display:none}.pbl-box{width:min(440px,90vw);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:var(--space-8)}.pbl-title{font-size:var(--fs-xl);font-weight:700}.pbl-box p{color:var(--muted);font-size:var(--fs-sm)}#pbl-link{width:100%;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--fs-xs);font-family:var(--font-mono);margin-bottom:var(--space-5)}.pbl-actions{display:flex;gap:var(--space-4)}.pbl-actions button{flex:1;font-size:var(--fs-sm);padding:var(--btn-md)}#update-toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-7);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:0 6px 20px var(--shadow);font-size:var(--fs-sm);white-space:nowrap;z-index:20}#update-toast[hidden]{display:none}#update-toast button{padding:var(--btn-sm);font-size:var(--fs-sm)}#menu-sound,#menu-music{float:right;margin-left:var(--space-3);padding:var(--btn-xs);font-size:var(--fs-lg);background:transparent;border-color:var(--line-soft)}#menu-sound.off,#menu-music.off{opacity:.45}:is(#menu-sound,#menu-music,#toggle-sound,#toggle-music,#toggle-scenes).off{opacity:1}.glyph{position:relative;display:inline-block;line-height:1}.off>.glyph>.icon{opacity:.6}.off>.glyph:after{content:"";position:absolute;left:-12%;right:-12%;top:50%;height:2px;margin-top:-1px;border-radius:var(--radius-pill);background:var(--danger-mark);box-shadow:0 0 0 1px var(--bg);transform:rotate(-45deg)}.toggles #toggle-pace{white-space:nowrap}.toggles #menu-btn{flex:1.5;opacity:.9;white-space:nowrap}#game-menu,#end-turn-dialog,#replace-dialog,#wipe-dialog{padding:0;border:none;background:transparent;color:inherit}#game-menu::backdrop,#end-turn-dialog::backdrop,#replace-dialog::backdrop,#wipe-dialog::backdrop{background:var(--scrim)}#game-menu .pbl-box,#end-turn-dialog .pbl-box,#replace-dialog .pbl-box,#wipe-dialog .pbl-box{width:min(340px,86vw);box-sizing:border-box}.gm-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.gm-list button{display:flex;align-items:center;gap:var(--space-5);width:100%;padding:var(--btn-lg);font-size:var(--fs-md);text-align:left}.gm-list button .ico{width:1.4em;text-align:center}.gm-list .gm-sep{height:1px;margin:var(--space-2) 0;background:var(--line)}.gm-list button[hidden],.gm-list .gm-sep[hidden]{display:none}@media (hover: none) and (pointer: coarse){.gm-list #gm-hotkeys{display:none}}#gm-note{margin:var(--space-4) 0 0}#gm-note:empty{display:none}#gm-confirm p{margin:var(--space-4) 0 var(--space-7)}#gm-confirm[hidden],#gm-main[hidden]{display:none}@media (max-width: 990px){.gm-list button{min-height:var(--touch-lg);font-size:var(--fs-md)}#game-menu .pbl-box{width:min(380px,92vw);padding:var(--space-7)}}@media (max-width: 600px){#game-menu{margin:auto 0 0;width:100vw;max-width:none}#game-menu .pbl-box{width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom,0px))}}button.danger{background:var(--danger);border-color:var(--danger-line)}button.danger:hover{background:var(--danger-hover)}#random-map{margin-top:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-md)}#random-map[hidden]{display:none}#random-map .rm-row{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap}#random-map .rm-row .blurb{flex-basis:100%;margin:0 0 0 58px;min-height:0}#random-map .rm-label{width:52px;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;color:var(--muted)}#random-map .choice-row button{padding:var(--btn-sm);font-size:var(--fs-sm)}#rm-seed{width:104px;background:var(--bg);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font:600 var(--fs-md) var(--font-mono);letter-spacing:1px;text-transform:uppercase}#rm-reroll{padding:var(--btn-sm);font-size:var(--fs-sm)}#random-map .rm-preview-row{display:flex;gap:var(--space-6);align-items:flex-start;flex-wrap:wrap}#rm-preview{image-rendering:pixelated;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:default;max-width:100%}#random-map.busy #rm-preview{opacity:.35}#rm-status{flex:1;min-width:160px;margin:0}#random-map .rm-actions{display:flex;gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap}#random-map .rm-actions button{flex:1;padding:var(--btn-md);font-size:var(--fs-md);white-space:nowrap}#random-map .rm-actions button:disabled,#start-btn:disabled{opacity:.45;cursor:default}#editor-canvas{align-self:flex-start;max-width:calc(100vw - 376px);height:auto}#home[hidden],#menu[hidden]{display:none}#home.page{padding-top:var(--space-8)}.tool-btn{min-width:36px;padding:var(--btn-xs);font-size:var(--fs-lg);background:transparent;border-color:var(--line-soft)}.home-tools{display:flex;justify-content:flex-end;gap:var(--space-3)}.home-tools #menu-sound,.home-tools #menu-music{float:none;margin:0}.home-title{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin:var(--space-3) 0 var(--space-2)}.home-title h1{margin:0;font-size:var(--fs-display);letter-spacing:.01em;text-align:center;text-shadow:0 2px 0 var(--canvas)}.home-army{display:flex;flex:none}.home-army img{width:48px;height:48px;image-rendering:pixelated;margin:0 -5px}.home-tagline{text-align:center;color:var(--muted);font-size:var(--fs-sm);margin:0 0 var(--space-7)}#home>#resume-btn{margin-bottom:var(--space-6);padding:var(--btn-xl)}.home-tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.tile{display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-lg);overflow:hidden}.tile:hover{border-color:var(--orange-light)}.tile-main{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:var(--space-6);min-height:100px;padding:var(--space-7);text-align:left;background:transparent;border:none;border-radius:0}.tile-main:hover{background:var(--surface-hover)}.tile-ico{grid-row:1 / span 3;font-size:var(--fs-2xl);line-height:1.1}.tile-name{display:flex;align-items:center;gap:var(--space-4);font-size:var(--fs-xl);font-weight:700}.tile-sub{margin-top:var(--space-2);font-size:var(--fs-xs);font-weight:500;color:var(--muted)}.tile-badge{padding:var(--space-1) var(--space-3);font-size:var(--fs-xs);color:var(--gold);background:var(--bg);border:1px solid var(--gold-line);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums}.tile-bar{grid-column:2;height:5px;margin-top:var(--space-4);background:var(--bg);border-radius:var(--radius-pill);overflow:hidden}.tile-bar i{display:block;height:100%;background:var(--gold)}.tile>#resume-online-btn{margin:0;padding:var(--btn-md);border-width:1px 0 0;border-radius:0}.tile>#resume-online-btn .resume-title{font-size:var(--fs-md)}.install-row{display:flex;align-items:center;gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-5) var(--space-6);font-size:var(--fs-sm);background:var(--surface-sunken);border:1px dashed var(--line-strong);border-radius:var(--radius-md)}.install-row[hidden]{display:none}.install-text{flex:1;color:var(--text-2)}.install-text b{display:block;color:var(--text)}.install-row button{padding:var(--btn-md)}.setup-cols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"map cos" "map rules";grid-template-rows:auto 1fr;gap:0 var(--space-9)}.setup-map{grid-area:map}.setup-cos{grid-area:cos}.setup-rules{grid-area:rules;align-self:start}@media (min-width: 761px){.rules-row{column-gap:var(--space-8)}.rules-row>.rule:first-child{flex-basis:auto}}.choice-row button[hidden]{display:none}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:var(--space-4)}.map-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-3) var(--space-3) var(--space-4);font-size:var(--fs-sm);text-align:left;background:var(--surface-raised)}.map-thumb{display:flex;align-items:center;justify-content:center;height:80px;background:var(--canvas);border-radius:var(--radius-sm)}.map-thumb canvas{max-width:100%;image-rendering:pixelated}.map-dice{font-size:var(--fs-display)}.map-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-facts{font-size:var(--fs-xs);font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-card.active{border-color:var(--orange-light);box-shadow:inset 0 0 0 1px var(--orange-light);background:var(--orange-tint)}.map-card.active .map-name{color:var(--orange-light)}.co-chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.co-chip{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-2) var(--space-2);font-size:var(--fs-sm)}.co-chip img{width:24px;height:24px;image-rendering:pixelated;background:var(--bg);border-radius:var(--radius-sm)}.co-chip-dice{width:24px;text-align:center}.co-chip.active{background:var(--accent);border-color:var(--accent-line);color:var(--on-accent)}#ai-co-buttons .co-chip.active{background:var(--blue);border-color:var(--blue-light);color:var(--text-bright)}.co-card{display:flex;align-items:flex-start;gap:var(--space-6);min-height:74px;margin-top:var(--space-4);padding:var(--space-5);background:var(--surface-sunken);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:var(--radius-md)}#ai-co-buttons .co-card{border-left-color:var(--blue-light)}.co-card-portrait{flex:none;width:72px;height:72px;image-rendering:pixelated;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.co-card-portrait.dice{display:flex;align-items:center;justify-content:center;font-size:var(--fs-display)}.co-card-name{font-size:var(--fs-lg)}.co-card-body p{margin:var(--space-1) 0 0;font-size:var(--fs-sm);line-height:1.35;color:var(--text-2)}.co-card-body .co-card-power{color:var(--muted)}.co-card-power b{color:var(--gold-bright);font-weight:600}.home-foot{margin-top:var(--space-9);text-align:center;font-size:var(--fs-xs)}.home-foot a{color:var(--muted)}.home-foot a:hover{color:var(--text-2)}#settings-drawer,#hotkey-sheet{padding:0;border:none;background:transparent;color:inherit}#settings-drawer::backdrop,#hotkey-sheet::backdrop{background:var(--scrim)}#settings-drawer{margin:0 0 0 auto;width:min(360px,100vw);max-width:none;height:100dvh;max-height:none}.drawer-box{box-sizing:border-box;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-7) var(--space-7) var(--space-9);background:var(--surface);border-left:1px solid var(--line-strong);box-shadow:-8px 0 24px var(--shadow-strong)}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes sheet-up{0%{transform:translateY(100%)}}#settings-drawer[open] .drawer-box{animation:drawer-in .18s ease-out}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-2)}#settings-drawer h3,#hotkey-list h3{margin:var(--space-7) 0 var(--space-2);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.set-row{display:flex;align-items:center;gap:var(--space-6);min-height:46px;border-bottom:1px solid var(--line-soft)}.set-label{flex:1;font-size:var(--fs-md);font-weight:600}.set-label small{display:block;margin-top:var(--space-1);font-size:var(--fs-xs);font-weight:500;color:var(--muted)}.switch{position:relative;flex:none;width:46px;height:26px;padding:0;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-pill)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .12s}.switch:hover{background:var(--surface)}.switch.on{background:var(--accent);border-color:var(--accent-line)}.switch.on:after{transform:translate(20px);background:var(--white)}.switch:disabled{opacity:.6;cursor:default}.vol-row{min-height:40px}.vol-row .set-label{font-size:var(--fs-sm);font-weight:500;color:var(--text-2)}.vol-row input[type=range]{flex:1.3;min-width:0;accent-color:var(--accent)}.vol-row output{width:3em;font-size:var(--fs-xs);text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.vol-row.muted{opacity:.5}.seg{display:flex}.seg button{padding:var(--btn-sm);font-size:var(--fs-sm);border-radius:0}.seg button:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.seg button:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.seg button+button{border-left:none}.seg button.active{background:var(--accent);border-color:var(--accent-line);color:var(--on-accent)}.drawer-links{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-7)}.drawer-links button{width:100%;text-align:left}#drawer-install[hidden]{display:none}.hotkey-box{width:min(460px,92vw);box-sizing:border-box;max-height:86dvh;overflow-y:auto}#hotkey-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3) var(--space-7);align-items:center}#hotkey-list dl{display:contents}#hotkey-list h3{grid-column:1 / -1;margin-bottom:-2px}#hotkey-list dt{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}#hotkey-list dd{margin:0;font-size:var(--fs-sm);color:var(--text-2)}#hotkey-list kbd{min-width:1.4em;padding:var(--space-1) var(--space-3);font:600 var(--fs-xs) var(--font-mono);text-align:center;color:var(--text);background:var(--bg);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:var(--radius-sm)}#guide{padding:0;border:none;background:transparent;color:inherit;width:min(1080px,94vw);max-width:none;height:fit-content;max-height:none}#guide::backdrop{background:var(--scrim)}.guide-box{box-sizing:border-box;max-height:min(780px,92dvh);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);overflow:hidden}.guide-head{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--line)}.guide-tabs{display:flex;gap:var(--space-3);flex:1}.guide-tabs button{min-height:36px;padding:var(--btn-md);font-size:var(--fs-md);font-weight:600}.guide-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent-line);color:var(--on-accent)}.guide-body{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6) var(--space-7) var(--space-9)}.guide-body.more{-webkit-mask-image:linear-gradient(to bottom,var(--bg) calc(100% - 40px),transparent);mask-image:linear-gradient(to bottom,var(--bg) calc(100% - 40px),transparent)}.guide-body [data-panel][hidden]{display:none}.guide-note{margin:0 0 var(--space-5);font-size:var(--fs-sm);color:var(--muted)}.guide-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.g-unit,.g-co{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.g-unit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3) var(--space-6);align-items:center}.g-pics{display:flex;gap:var(--space-1)}.g-pics img,.g-portrait,.heat img{image-rendering:pixelated}.g-unit h3,.g-co h3{margin:0;font-size:var(--fs-lg)}.g-role{margin:var(--space-1) 0 0;font-size:var(--fs-sm);color:var(--text-2)}.g-chips{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.g-chip{padding:var(--space-1) var(--space-4);font-size:var(--fs-xs);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-pill);white-space:nowrap}.g-chip b{color:var(--muted);font-weight:600}.g-line{grid-column:1 / -1;margin:0;font-size:var(--fs-sm);color:var(--text-2)}.g-line b{color:var(--text);margin-right:var(--space-2)}.guide-cos{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.g-co{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-6);align-items:start}.g-co .g-line{margin-top:var(--space-3)}.g-portrait{width:72px;height:72px;border-radius:var(--radius-md);background:var(--bg)}.guide-rules{columns:3 300px;column-gap:var(--space-5)}.g-rule{break-inside:avoid;margin:0 0 var(--space-5);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.g-rule h3{margin:0 0 var(--space-3);font-size:var(--fs-lg)}.g-rule ul{margin:0;padding-left:var(--space-7)}.g-rule li{margin:var(--space-2) 0 0;font-size:var(--fs-sm);line-height:1.4;color:var(--text-2)}.g-rule li b{color:var(--text);margin-right:var(--space-2)}.heat-readout{min-height:1.4em;margin:0 0 var(--space-4);font-size:var(--fs-md);font-weight:600}.heat-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-sunken)}.heat{border-collapse:separate;border-spacing:2px;font-size:var(--fs-xs)}.heat th{font-weight:600}.heat th.col{padding:var(--space-1) 0}.heat th.col img{display:block;margin:0 auto}.heat th.row{position:sticky;left:0;z-index:1;background:var(--surface-sunken);box-shadow:2px 0 0 var(--surface-sunken);padding:0 var(--space-4) 0 var(--space-1);text-align:left;white-space:nowrap}.heat th.row img{vertical-align:middle;margin-right:var(--space-2)}.heat th.corner{position:sticky;left:0;z-index:2;background:var(--surface-sunken);box-shadow:2px 0 0 var(--surface-sunken);font-size:var(--fs-xs);color:var(--muted);text-align:left;padding:0 var(--space-3)}.heat th.corner span{display:block}.heat td{min-width:34px;height:30px;padding:0;border-radius:var(--radius-sm);text-align:center;cursor:pointer}.heat td.none{background:var(--bg);color:var(--dim)}@media (min-width: 601px){.heat td{min-width:46px;height:36px}}.heat td.on{outline:2px solid var(--white);outline-offset:-1px}.heat-legend{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5);font-size:var(--fs-xs);color:var(--muted)}.heat-legend i{width:200px;height:10px;border-radius:var(--radius-pill)}.heat-legend .heat-none{margin-left:var(--space-6);padding:0 var(--space-4);background:var(--bg);color:var(--dim);border-radius:var(--radius-sm)}.guide-link{display:block;width:100%;margin:var(--space-6) 0;font-size:var(--fs-sm);text-align:left;background:transparent;border-color:var(--line)}.hotkey-box .guide-link{margin-bottom:0}@media (max-width: 600px){#guide{width:100vw;height:100dvh;margin:0}.guide-box{height:100%;max-height:none;border:none;border-radius:0;padding-bottom:env(safe-area-inset-bottom,0px)}.guide-body{flex:1 1 auto}.guide-head{flex-wrap:wrap;gap:var(--space-4) var(--space-6);padding:var(--space-5) var(--space-7)}.guide-tabs{order:3;flex-basis:100%}.guide-tabs button{flex:1;min-height:var(--touch)}#guide-close{margin-left:auto;min-height:var(--touch);min-width:var(--touch)}.guide-body{padding:var(--space-6) var(--space-7) var(--space-9)}.guide-units,.guide-cos{grid-template-columns:minmax(0,1fr)}.heat-legend i{width:100px}}@media (max-width: 760px){.setup-cols{grid-template-columns:minmax(0,1fr);grid-template-areas:"map" "cos" "rules";grid-template-rows:none}.map-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:132px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:var(--space-2)}.map-card{scroll-snap-align:start}.setup-map .blurb:empty{min-height:0;margin:0}}@media (max-width: 600px){#settings-drawer{top:auto;bottom:0;margin:0;width:100vw;height:auto;max-height:88dvh}#settings-drawer .drawer-box{max-height:88dvh;border-left:none;border-top:1px solid var(--line-strong);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:calc(var(--space-9) + env(safe-area-inset-bottom,0px))}#settings-drawer[open] .drawer-box{animation-name:sheet-up}}@media (max-width: 480px){.rule .choice-row button{padding-inline:var(--space-4)}.home-title{gap:var(--space-5)}.home-title h1{font-size:var(--fs-2xl)}.home-army img+img{display:none}.tile-main{grid-template-columns:minmax(0,1fr);min-height:0;padding:var(--space-6)}.tile-ico{grid-row:auto;font-size:var(--fs-2xl);margin-bottom:var(--space-2)}.tile-bar{grid-column:1}.tile-name{font-size:var(--fs-lg);flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.install-row{flex-wrap:wrap}.install-text{flex-basis:calc(100% - 60px)}}:root[data-reduce-motion] *,:root[data-reduce-motion] *:after{animation:none!important;transition:none!important}:root[data-reduce-motion] button:active{transform:none}@media (prefers-reduced-motion: reduce){*,*:after{animation:none!important;transition:none!important}button:active:not(:disabled){transform:none}}.privacy-link{display:inline-block;margin-top:var(--space-5);font-size:var(--fs-sm);color:var(--blue-light)}.privacy-link:hover{color:var(--text-bright)}#phone-top,#phone-bar,#phone-sheet{display:none}#app[data-layout=portrait]:not([hidden]),#app[data-layout=landscape]:not([hidden]){box-sizing:border-box;height:100vh;height:100dvh;overflow:hidden;display:grid;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0}#app[data-layout=portrait]:not([hidden]){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top" "map" "bar"}#app[data-layout=landscape]:not([hidden]){padding:var(--space-4);grid-template-columns:minmax(0,1fr) var(--side-w, 184px);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"map top" "map bar"}#app[data-layout]>#game{grid-area:map;justify-self:center;align-self:start}#app[data-layout]>#phone-top{grid-area:top;display:flex;flex-direction:column;gap:var(--space-3);min-height:0}#app[data-layout=landscape]>#phone-top{overflow-y:auto}#phone-top>.card{padding:var(--space-2) var(--space-5)}#phone-top>#turn-banner{font-size:var(--fs-sm)}#app[data-layout=portrait] #turn-banner{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#co-strip{display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:var(--touch-lg);padding:var(--space-1) var(--space-5) var(--space-1) var(--space-1);background:var(--surface);border-color:var(--line);font-size:var(--fs-md);text-align:left}#co-strip:hover{background:var(--surface-raised)}#co-strip.ready{border-color:var(--gold-bright)}#co-strip .portrait{width:48px;height:48px;flex:none;image-rendering:pixelated;background:var(--bg);border-radius:var(--radius-sm)}#co-strip .strip-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#co-strip .meter{flex:1 1 40px;min-width:30px}#co-strip .meter-label{min-width:0;white-space:nowrap}#co-strip .strip-funds{font-weight:600;white-space:nowrap}#co-strip .chev{color:var(--muted);font-size:var(--fs-xs);transition:transform .12s}#app.sheet-open #co-strip .chev{transform:rotate(180deg)}#co-strip .army-orange{color:var(--orange-light)}#co-strip .army-blue{color:var(--blue-light)}#app[data-layout=landscape] #co-strip{flex-wrap:wrap;row-gap:var(--space-1);column-gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-3) var(--space-2)}#app[data-layout=landscape] #co-strip .portrait{width:24px;height:24px}#app[data-layout=landscape] #co-strip .strip-name{flex:1}#app[data-layout=landscape] #co-strip .meter{order:5;flex:1 1 60%;margin-left:30px}#app[data-layout=landscape] #co-strip .meter-label{order:6;font-size:var(--fs-xs)}#app[data-layout=landscape] #co-strip .chev{display:none}#app[data-layout]>#phone-bar{grid-area:bar;display:grid;gap:var(--space-3)}#app[data-layout=portrait]>#phone-bar{grid-template-columns:var(--bar-cols, 1fr 1fr 1fr 1.6fr);margin:0 -8px;padding:var(--space-4);background:var(--bg);border-top:1px solid var(--line-soft)}#app[data-layout=landscape]>#phone-bar{grid-template-columns:1fr 1fr 1fr}#app[data-layout=landscape]>#phone-bar #end-turn{grid-column:span 2}#phone-bar button{min-width:var(--touch-lg);min-height:var(--touch-lg);margin:0;padding:var(--space-1) var(--space-2);font-size:var(--fs-xs);line-height:1.15;white-space:nowrap}#phone-bar button .ico{display:block;font-size:var(--fs-lg);line-height:1.1}#phone-bar #end-turn{font-size:var(--fs-lg)}#phone-bar button:disabled{opacity:.45;cursor:default}#phone-bar kbd,#phone-tools kbd{display:none}#app[data-layout]>#phone-sheet:not([hidden]){display:flex;flex-direction:column;gap:var(--space-4);position:fixed;z-index:8;box-sizing:border-box;padding:var(--space-4);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--shadow-strong);overflow-y:auto;overscroll-behavior:contain}#app[data-layout=portrait]>#phone-sheet{top:calc(var(--top-h, 60px) + 14px);left:8px;right:8px;max-width:480px;margin:0 auto;max-height:calc(100dvh - var(--top-h, 60px) - var(--bar-h, 64px) - 26px)}#app[data-layout=landscape]>#phone-sheet{top:8px;right:calc(var(--side-w, 184px) + 14px);width:min(320px,calc(100vw - var(--side-w, 184px) - 30px));max-height:calc(100dvh - 16px)}#phone-sheet>#minimap{width:auto;max-width:100%;box-sizing:border-box;align-self:center}#app[data-layout=landscape] #phone-sheet>#minimap{max-height:100px}#phone-sheet>#phone-tools{order:-1}#phone-tools{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-3)}#phone-tools button{grid-column:span 3;min-height:var(--touch);padding:var(--space-2) var(--space-3);font-size:var(--fs-md)}#phone-tools #power-btn,#phone-tools #restart-turn{grid-column:span 6}#phone-tools button.off{opacity:.45}#phone-tools button:disabled{opacity:.45;cursor:default}#app[data-layout]>#panel{position:fixed;z-index:6;box-sizing:border-box;width:auto;gap:var(--space-3);pointer-events:none}#app[data-layout]>#panel>*{pointer-events:auto}#app[data-layout]>#panel>#unit-info{pointer-events:none}#app[data-layout]>#panel>.action-grid,#app[data-layout]>#panel>.toggles,#app[data-layout] #unit-info.empty,#app[data-layout]>#panel:has(#status.visible)>#unit-info,#app[data-layout]>#panel:has(#status.visible)>#build-menu{display:none}#app[data-layout] #unit-info{min-height:0;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 4px 14px var(--shadow)}#app[data-layout=portrait]>#panel{left:8px;right:8px;bottom:calc(var(--bar-h, 64px) + 6px);max-width:480px;margin:0 auto;--sheet-max: calc(100dvh - var(--top-h, 60px) - var(--bar-h, 64px) - 26px)}#app[data-layout=landscape]>#panel{left:8px;bottom:8px;width:min(340px,calc(100vw - var(--side-w, 184px) - 30px));--sheet-max: calc(100dvh - 16px) }#app[data-layout] #build-menu:not([hidden]){max-height:min(60dvh,var(--sheet-max));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -4px 18px var(--shadow)}#app[data-layout] #build-menu button{min-height:var(--touch-lg)}#app[data-layout] #status.visible{max-height:var(--sheet-max);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -4px 18px var(--shadow)}@media (max-width: 990px){.pbl-actions button,.choice-row button,.co-chip,#start-btn,#mission-list button,#mission-start{min-height:var(--touch)}.rule .choice-row button{min-width:var(--touch);justify-content:center}body>#menu>#start-btn{position:sticky;bottom:8px;z-index:2;box-shadow:0 0 0 8px var(--surface),0 -10px 18px 8px color-mix(in srgb,var(--surface) 90%,transparent)}}.home-extras{display:flex;gap:var(--space-5);margin-top:var(--space-5);align-items:stretch}.home-extras .daily-tile{flex:1;min-width:0}.daily-tile .tile-main{min-height:0}.records-link{flex:none;display:flex;align-items:center;gap:var(--space-3);padding:var(--btn-md);font-size:var(--fs-md);font-weight:600}#records[hidden]{display:none}#records h2{font-size:var(--fs-lg);margin:0 0 var(--space-4)}.rec-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:var(--space-6) 0 var(--space-7)}.rec-stat{display:flex;flex-direction:column;padding:var(--space-5) var(--space-6);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-lg)}.rec-stat-value{font-size:var(--fs-2xl);font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.rec-stat-label{font-size:var(--fs-sm);font-weight:600}.rec-stat-sub{font-size:var(--fs-xs);color:var(--muted)}.rec-section{margin-bottom:var(--space-7)}.rec-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.rec-table th,.rec-table td{padding:var(--space-2) var(--space-3);text-align:left}.rec-table thead th{color:var(--muted);font-weight:600;border-bottom:1px solid var(--line)}.rec-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rec-table thead th:nth-child(n+3){text-align:right}.rec-table .rec-map th{padding-top:var(--space-5);color:var(--orange-light);font-weight:700}.medal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.medal{display:flex;gap:var(--space-5);align-items:center;padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--gold-line);border-radius:var(--radius-lg)}.medal.locked{border-color:var(--line);background:var(--surface-sunken)}.medal.locked .medal-icon{filter:grayscale(1);opacity:.35}.medal.locked .medal-name{color:var(--muted)}.medal-icon{flex:none;width:36px;font-size:var(--fs-2xl);text-align:center}.medal-body{display:flex;flex-direction:column;min-width:0}.medal-name{font-size:var(--fs-md);color:var(--gold)}.medal-cond{font-size:var(--fs-xs);color:var(--muted)}.medal-progress{font-size:var(--fs-xs);font-weight:600;color:var(--gold-deep);font-variant-numeric:tabular-nums}#medal-toast{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:var(--space-3);width:min(360px,calc(100vw - 24px));cursor:pointer}#medal-toast[hidden]{display:none}#hint-note{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:25;max-width:calc(100vw - 32px);padding:var(--space-4) var(--space-7);font-size:var(--fs-md);font-weight:600;color:var(--text);background:color-mix(in srgb,var(--bg) 94%,transparent);border:1px solid var(--line-strong);border-radius:var(--radius-pill);box-shadow:0 4px 14px var(--shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;animation:hint-note-in .18s ease-out}#hint-note[hidden]{display:none}#hq-alert{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:26;max-width:calc(100vw - 32px);padding:var(--space-4) var(--space-7);font-size:var(--fs-md);font-weight:700;color:var(--danger-pale);background:color-mix(in srgb,var(--danger-deep) 95%,transparent);border:1px solid var(--danger-mark);border-radius:var(--radius-pill);box-shadow:0 4px 14px var(--shadow-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:hint-note-in .18s ease-out}#hq-alert:hover{background:color-mix(in srgb,var(--danger-deep) 70%,var(--danger-tint))}#hq-alert[hidden]{display:none}#app[data-layout=portrait]>#hq-alert{top:calc(var(--top-h, 0px) + 8px)}#app[data-layout=portrait]>#hint-note{top:calc(var(--top-h, 0px) + 8px)}@keyframes hint-note-in{0%{opacity:0}to{opacity:1}}.toast-medal{display:flex;gap:var(--space-5);align-items:center;padding:var(--space-5) var(--space-6);background:var(--gold-tint);border:1px solid var(--gold);border-radius:var(--radius-lg);box-shadow:0 6px 18px var(--shadow-strong)}.toast-more{align-self:center;padding:var(--space-1) var(--space-5);font-size:var(--fs-xs);font-weight:600;color:var(--gold);background:var(--gold-tint);border:1px solid var(--gold-line);border-radius:var(--radius-pill)}.toast-head{font-size:var(--fs-xs);font-weight:700;color:var(--orange-light);text-transform:uppercase;letter-spacing:.04em}.rank-badge{display:inline-block;min-width:18px;padding:0 var(--space-2);font-size:var(--fs-xs);font-weight:800;text-align:center;color:var(--on-accent);background:var(--muted);border-radius:var(--radius-sm)}.rank-badge.rank-S{background:var(--gold)}.rank-badge.rank-A{background:var(--success)}.rank-badge.rank-B{background:var(--blue-mid)}.rank-badge.big{min-width:44px;padding:var(--space-2) 0;font-size:var(--fs-display);border-radius:var(--radius-lg)}#mission-rank{display:flex;align-items:center;gap:var(--space-6);margin:0 0 var(--space-6)}#mission-rank[hidden]{display:none}.rank-scores{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-6);font-size:var(--fs-sm);color:var(--text-2)}.rank-scores b{color:var(--gold)}.rank-best{width:100%;font-size:var(--fs-xs);color:var(--muted)}@media (max-width: 990px){.records-link{min-height:var(--touch)}}@media (max-width: 560px){.rec-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.medal-grid{grid-template-columns:minmax(0,1fr)}.home-extras{flex-direction:column}.records-link{justify-content:center}}@media (min-width: 700px){.medal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.toggles #danger-btn{white-space:nowrap}.toggles #danger-btn :is(.lbl,kbd){display:none}#danger-btn[aria-pressed=true]{opacity:1;color:var(--danger-pale);background:var(--danger-tint);border-color:var(--danger-line)}#phone-bar #danger-btn .lbl{display:block}#ff-btn{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:26;display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--touch);padding:var(--space-3) var(--space-7);font-size:var(--fs-md);font-weight:700;color:var(--text-bright);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);border:1px solid var(--line-strong);border-radius:var(--radius-pill);box-shadow:0 4px 14px var(--shadow-strong);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;animation:hint-note-in .18s ease-out}#ff-btn .icon+.icon{margin-left:-.45em}#ff-btn.held{color:var(--on-accent);background:var(--accent);border-color:var(--accent-line)}#ff-btn[hidden]{display:none}#app[data-layout=portrait]>#ff-btn{bottom:calc(var(--bar-h, 64px) + 14px)}#app[data-layout=landscape]>#ff-btn{left:calc((100vw - var(--side-w, 184px)) / 2);bottom:14px}#status .go-share{display:flex;align-items:center;gap:var(--space-4);margin:0 0 var(--space-4)}#status .go-share button{width:auto;flex:1;margin-top:0;min-height:var(--touch)}#status .go-share .rank-badge{flex:none;padding:var(--space-2) var(--space-4);font-size:var(--fs-sm)}#status .go-share-line{margin:0 0 var(--space-4);font-size:var(--fs-xs);color:var(--muted);overflow-wrap:anywhere;user-select:all}#status .go-share-line[hidden]{display:none}:is(button,input,select,textarea,a[href],[tabindex]):focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-w);box-shadow:0 0 0 var(--focus-w) var(--focus-halo)}:is(button,input,select,textarea,a[href],[tabindex]):focus:not(:focus-visible){outline:none}.tile:has(>:focus-visible){outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-w);box-shadow:0 0 0 var(--focus-w) var(--focus-halo)}.tile>:focus-visible{outline:none;box-shadow:none}#editor-panel{padding-left:var(--space-2);margin-left:calc(-1 * var(--space-2));padding-top:var(--space-2);margin-top:calc(-1 * var(--space-2))}@media (max-width: 760px){.map-grid{padding:var(--space-2);margin:calc(-1 * var(--space-2))}}