:root{color-scheme:dark;--bg: #0b1013;--panel: #141b1f;--panel-2: #1b2429;--line: #26313a;--line-strong: #3b4a54;--ink: #e7edf0;--ink-2: #9fadb5;--ink-3: #6d7b84;--accent: #f0b846;--p0: #8b9ae8;--p1: #e6866c}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{height:100vh}.screen{height:100%}.screen.match{display:grid;grid-template-columns:minmax(0,1fr) 264px;grid-template-rows:minmax(0,1fr);gap:14px;padding:14px}.screen.match>.stage{grid-column:1;grid-row:1}.screen.match>.rail{grid-column:2;grid-row:1;min-height:0}#screen-menu{--ink-3: #7f8d96;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:0 14px 48px}#backdrop{position:fixed;inset:0;z-index:-1;width:100%;height:100%;display:block;background:var(--bg);pointer-events:none}.menu,.page,.site-footer{background:#0b1013cc;border:1px solid rgba(255,255,255,.07);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px #0000004d}.menu{width:100%;max-width:520px;padding:22px 30px 26px;display:flex;flex-direction:column;gap:10px}.menu{margin-block:auto}.name-input{width:100%;min-width:0;font:inherit;font-size:12.5px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:5px 9px}.name-input::placeholder{color:var(--ink-3)}details.folded{border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:9px 12px}details.folded>summary{cursor:pointer;font-size:12.5px;color:var(--ink-2)}details.folded>summary:hover{color:var(--ink)}.menu h1{margin:0;font-size:30px;font-weight:600;letter-spacing:-.02em}.menu .tagline{margin:0 0 6px;color:var(--ink-2);font-size:13.5px}.menu .blurb{margin:0;font-size:12px;color:var(--ink-3);min-height:18px}.menu .label{margin-top:8px}.difficulty-row{align-items:center}.difficulty-label{font-size:12px;color:var(--ink-3);margin-right:2px}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px}button.mode{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 11px;text-align:left}button.mode b{font-weight:600;color:inherit;font-size:13px}.settings-box,.export{border:1px solid var(--line);border-radius:5px;background:var(--panel)}.settings-box{padding:9px 12px}.settings-box>summary,.export summary{cursor:pointer;font-size:12.5px;color:var(--ink-2)}.settings-box>summary:hover{color:var(--ink)}.settings{padding-top:10px}.knob-group+.knob-group{margin-top:10px}.knob-group>.label{margin-bottom:5px}.next-match{font-style:normal;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:3px;padding:0 4px}.slider select{font:inherit;font-size:12.5px;width:100%;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:4px 6px}.export{padding:9px 12px}.export summary:hover{color:var(--ink)}.keybinds-box{margin-top:20px;border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:9px 12px}.keybinds-box>summary{cursor:pointer;font-size:12.5px;color:var(--ink-2)}.keybinds-box>summary:hover{color:var(--ink)}.keybinds{padding-top:10px;display:flex;flex-direction:column;gap:6px}.keybind-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ink-2)}.keybind-row button{min-width:46px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.keybind-row button[data-unbound]{color:var(--ink-3)}.keybind-note{margin:2px 0 0;font-size:12px;color:var(--accent)}.export pre{margin:8px 0;padding:9px 10px;background:var(--bg);border:1px solid var(--line);border-radius:4px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:1.55;max-height:180px;overflow:auto;white-space:pre;color:var(--ink-2)}.export button{flex:0 0 auto}button.play{margin-top:6px;padding:11px;font-size:14.5px;font-weight:600;color:var(--bg);background:var(--accent);border-color:var(--accent)}button.play:hover{filter:brightness(1.08);color:var(--bg)}.site-nav{position:sticky;top:0;z-index:5;align-self:stretch;width:auto;max-width:none;margin:0 -14px;padding:0 max(14px,calc((100% - 1120px)/2 + 14px));height:56px;display:flex;flex-wrap:nowrap;align-items:center;gap:24px;background:linear-gradient(#0b1013f0,#0b1013b3);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border-bottom:1px solid var(--line)}.site-nav .brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:650;font-size:16px;letter-spacing:-.01em;text-decoration:none}.site-nav .brand:before{content:"";width:20px;height:22px;background:linear-gradient(100deg,var(--p0) 50%,var(--p1) 50%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.site-nav-links{display:flex;gap:2px;margin-left:auto}.site-nav-links a{padding:7px 12px;border-radius:6px;color:var(--ink-2);font-size:13px;text-decoration:none}.site-nav-links a:hover{background:#ffffff0f;color:var(--ink)}.site-nav-links a[aria-current=page]{background:#f0b8461a;color:var(--accent)}.nav-settings{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0;color:var(--ink-2);background:transparent;border:1px solid transparent;border-radius:6px}.nav-settings:hover,.nav-settings.active{color:var(--accent);background:#f0b8461a}.nav-play{display:none;margin-left:6px;padding:7px 18px;background:var(--accent);border-radius:6px;color:#1a1405;font-weight:600;font-size:13px;text-decoration:none}.nav-play:hover{filter:brightness(1.08)}#screen-menu.page-open .nav-play{display:inline-flex}@media(max-width:600px),(max-height:500px)and (orientation:landscape){.site-nav{height:auto;flex-wrap:wrap;gap:0;padding:8px 14px 0}.site-nav .brand{flex:1;height:34px}.nav-settings{order:1}.nav-play{order:2;margin:0;padding:5px 16px}.site-nav-links{order:3;flex:1 0 100%;margin:6px 0 0;justify-content:space-between;gap:0}.site-nav-links a{padding:9px 4px 10px;border-radius:0;flex:1 1 auto;text-align:center;white-space:nowrap}.site-nav-links a[aria-current=page]{background:none;box-shadow:inset 0 -2px 0 var(--accent)}}@media(max-width:600px)and (max-height:500px),(max-height:500px)and (orientation:landscape){.site-nav{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}.site-nav .brand,.nav-play{position:sticky;top:0;z-index:5}.site-nav .brand{background:linear-gradient(#0b1013f0,#0b1013b3);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}}.page{margin-top:40px}.page{width:100%;max-width:520px;padding:22px 30px 26px;display:flex;flex-direction:column}.page-close{align-self:flex-start;flex:0 0 auto;margin-bottom:18px;padding:2px 0;background:none;border:none;color:var(--ink-3);font-size:12px}.page-close:hover{background:none;border:none;color:var(--ink)}.page>h2{margin:0 0 12px;font-size:22px;font-weight:600;letter-spacing:-.01em}.page p{margin:0 0 10px;color:var(--ink-2);font-size:13.5px;line-height:1.65}.page p:last-child{margin-bottom:0}.page strong{color:var(--ink);font-weight:600}.page a{color:var(--accent);text-decoration:none}.page a:hover{text-decoration:underline}.page-settings .label{margin:20px 0 8px;color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.settings-preferences{display:flex;flex-wrap:wrap;gap:8px}.settings-preferences button{flex:1 1 110px;min-height:40px}.page-settings .keybinds{padding:8px 0 0;gap:0}.page-settings .keybind-row{min-height:42px;border-bottom:1px solid var(--line)}.page-settings .keybind-row button{flex:0 0 64px}.page-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px;color:var(--ink-2);font-size:13.5px;line-height:1.6}.how-steps{gap:12px;padding-left:0;list-style:none;counter-reset:how-step}.how-steps li{counter-increment:how-step}.how-steps li>div{position:relative;min-width:0;padding-left:22px}.how-steps li>div:before{content:counter(how-step) ".";position:absolute;left:0;top:0;color:var(--ink-3);font-variant-numeric:tabular-nums}.how-steps img{display:block;width:100%;max-width:320px;height:auto;margin-top:8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-2)}@media(min-width:820px){.page-how{max-width:760px}.how-steps li:has(>img){display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.how-steps img{margin-top:0}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.feature-card{border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:14px 15px}.feature-card h3{margin:0 0 6px;font-size:13.5px;font-weight:600}.feature-card p{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.6}.release-current{color:var(--ink-3)}.release-current span{color:var(--ink);font-variant-numeric:tabular-nums}.release-list{display:flex;flex-direction:column;gap:18px;margin-top:8px}.release h3{margin:0 0 8px;font-size:15px;font-weight:600}.release h3 time{margin-left:6px;color:var(--ink-3);font-size:12px;font-weight:400}.release ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--ink-2);font-size:13.5px;line-height:1.6}.page-links{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.page-units{max-width:1040px}.units-intro{max-width:740px;white-space:pre-line}.units-marshals{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.units-marshal-button{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);color:var(--ink-2);cursor:pointer}.units-marshal-button[aria-pressed=true]{border-color:var(--accent);background:var(--panel);color:var(--ink)}.units-marshal-card{border:1px solid var(--line);border-radius:6px;padding:10px 14px;background:var(--panel-2)}.units-marshal-card .marshal-card{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:12px}.units-marshal-card p,.units-marshal-card ul{margin:0}.units-marshal-card .marshal-option-active{grid-column:2;grid-row:1 / span 3}.units-marshal-card .marshal-option-passive{padding-left:18px}.units-layout{display:flex;gap:20px;margin-top:8px;flex-wrap:nowrap}.units-list{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.units-list>li{min-width:0;display:grid;grid-template-rows:36px 18px minmax(14px,auto);align-items:start;gap:3px}.units-list-item{width:100%;height:36px;text-align:left;padding:8px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:5px;color:var(--ink-2);font-size:13px;cursor:pointer}.units-list-tag{display:block;font-size:10.5px;color:var(--ink-3);letter-spacing:.04em}.units-fielded,.help-fielded{margin:2px 0 0;font-size:12px;color:var(--ink-2)}.units-list-item:hover{border-color:var(--line-strong);color:var(--ink)}.units-list-item[aria-current=true]{border-color:var(--accent);color:var(--ink);background:var(--panel)}.units-detail{flex:1 1 52%;min-width:0;display:flex;flex-direction:column;gap:14px}.units-canvas{width:100%;aspect-ratio:4 / 3;background:#0d1418;border:1px solid var(--line);border-radius:5px;touch-action:none}.units-unit-main h3{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--ink)}.units-unit-main ul,.units-ability-body ul{margin:3px 0 0;padding-left:16px;list-style:none}.units-unit-main li,.units-ability-body li{font-size:12px;line-height:1.5;color:var(--ink-3)}.units-abilities{display:flex;flex:1 1 40%;min-width:260px;flex-direction:column;gap:8px}.units-ability{border:1px solid var(--line);border-radius:6px;background:var(--panel-2);overflow:hidden}.units-ability-toggle{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:10px 12px;background:none;border:none;cursor:pointer}.units-ability-toggle h5{margin:0;font-size:12.5px;font-weight:600;color:var(--ink)}.units-ability-toggle[aria-expanded=true]{background:var(--panel);box-shadow:inset 3px 0 0 var(--accent)}.units-ability-summary{color:var(--ink-3);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;white-space:nowrap}.units-ability-body{padding:2px 12px 10px}.units-ability-body[hidden]{display:none}@media(max-width:640px){.units-layout{flex-direction:column}.units-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.pending{display:inline-flex;align-items:baseline;gap:6px;color:var(--ink-3)}.pending i{font-style:normal;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:3px;padding:0 4px}.site-footer{width:100%;max-width:520px;margin-top:16px;padding:14px 20px;display:flex;flex-direction:column;gap:6px;color:var(--ink-2);font-size:12px}.site-footer .footer-links{display:flex;gap:12px}.site-footer a{color:var(--ink-2);text-decoration:none}.site-footer a:hover{color:var(--ink);text-decoration:underline}.site-footer .footer-version{margin-left:auto;font-variant-numeric:tabular-nums}.stage{position:relative;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#0d1418;min-width:0}.start-countdown{position:absolute;z-index:8;inset:0;display:grid;place-items:center;pointer-events:none;background:#050a0d6e;color:#fff;font:800 clamp(4rem,20vw,9rem)/1 "IBM Plex Sans",sans-serif;letter-spacing:-.06em;text-shadow:0 3px 16px #000,0 0 3px #000}.start-countdown[hidden]{display:none}.start-countdown[data-tone=notice]{inset:144px 16px auto;display:block;width:fit-content;max-width:calc(100% - 32px);margin:0 auto;padding:8px 18px;border-radius:6px;background:#050a0d9e;font:700 clamp(1.1rem,4.2vw,1.6rem)/1.25 "IBM Plex Sans",sans-serif;letter-spacing:0;text-align:center;text-shadow:0 2px 8px #000;overflow-wrap:anywhere}.start-countdown[data-tone=notice][data-beat=a]{animation:announce-a .22s ease-out}.start-countdown[data-tone=notice][data-beat=b]{animation:announce-b .22s ease-out}.start-countdown[data-calm=true]{animation:none!important}@keyframes announce-a{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}@keyframes announce-b{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}canvas{display:block;width:100%;height:100%;cursor:pointer}#board{width:calc(100% - 100px);touch-action:none;cursor:url(../cursors/board-1x.svg) 2 2,pointer}@media(min-width:861px){.stage[data-tray-side=left] #board{margin-left:100px}}#board.targeting{cursor:url(../cursors/target-1x.svg) 16 16,crosshair}#board.targeting.blocked{cursor:url(../cursors/blocked-1x.svg) 16 16,not-allowed}@supports (cursor: image-set(url(/cursors/board-1x.svg) 1x) 2 2,pointer){#board{cursor:image-set(url(../cursors/board-1x.svg) 1x,url(../cursors/board-2x.svg) 2x) 2 2,pointer}#board.targeting{cursor:image-set(url(../cursors/target-1x.svg) 1x,url(../cursors/target-2x.svg) 2x) 16 16,crosshair}#board.targeting.blocked{cursor:image-set(url(../cursors/blocked-1x.svg) 1x,url(../cursors/blocked-2x.svg) 2x) 16 16,not-allowed}}#board.pannable.panning{cursor:grabbing}.bottom-controls{position:absolute;left:10px;right:10px;bottom:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.hint-row{display:flex;align-items:stretch;gap:8px}.hint{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;color:var(--ink-2);background:#141b1fe0;border:1px solid var(--line);border-radius:4px;padding:6px 10px;align-self:center;pointer-events:none}.hint[data-blocked]{color:var(--ink);border-color:var(--line-strong)}.hint.nudge{animation:hint-nudge .5s ease-out}@keyframes hint-nudge{0%{border-color:var(--accent);background:#f0b84647}}.help-open{pointer-events:auto;flex:none;padding:5px 10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;color:var(--ink-2);background:#141b1fe0;border:1px solid var(--line);border-radius:4px;cursor:pointer}.help-open:after{content:"  ?";color:var(--ink-3)}.help-open:hover{border-color:var(--line-strong);color:var(--ink)}.log{pointer-events:auto;display:flex;flex-direction:column;width:min(360px,44%);max-height:min(42vh,320px);overflow-y:auto;overscroll-behavior:contain;gap:1px;padding:7px 9px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:1.45;color:var(--ink-2);background:#141b1feb;border:1px solid var(--line);border-radius:4px}.log[hidden]{display:none}@media(min-width:861px){.stage[data-tray-side=left] .log{margin-left:92px}}.log-line{display:flex;gap:7px}.log-line i{flex:0 0 34px;text-align:right;font-style:normal;color:var(--ink-3);font-variant-numeric:tabular-nums}.log-line span{min-width:0}.log-line[data-side="0"] span{color:var(--p0)}.log-line[data-side="1"] span{color:var(--p1)}.result{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#090e11d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center}.result h2{margin:0;font-size:30px;font-weight:600;letter-spacing:-.01em}.result p{margin:0;font-size:14px;color:var(--ink-2)}.result[hidden]{display:none}.result button{flex:0 0 auto;padding:8px 18px;margin-top:8px}.result.win h2{color:var(--p0)}.result.lose h2{color:var(--p1)}.share{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:9px;background:#141b1feb;border:1px solid var(--line);border-radius:4px;padding:7px 9px 7px 11px}.share code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:14px;letter-spacing:.1em;color:var(--accent)}.share button{padding:4px 9px;font-size:11.5px}.screen.room{display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:32px 16px 0}.room-panel{width:min(560px,100%);padding-bottom:48px;display:flex;flex-direction:column;gap:14px}.room-head h1{margin:0;font-size:22px;font-weight:600}.room-status{margin:4px 0 0;color:var(--ink-2);min-height:1.5em}.room-problem{border:1px solid var(--accent);border-radius:4px;background:var(--panel-2);padding:9px 11px;color:var(--ink)}.room-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.room-share code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:16px;letter-spacing:.12em;color:var(--accent)}.room-share button{flex:0 0 auto}.room-body{display:flex;flex-direction:column;gap:14px}.room-section{display:flex;flex-direction:column;gap:7px}.room-seats{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.room-seat{background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:8px 11px;display:flex;flex-direction:column;gap:2px}.room-seat[data-ready=true]{border-color:var(--accent)}.room-seat[data-open]{border-style:dashed}.room-seat-name{display:flex;align-items:baseline;gap:8px;min-width:0}.room-seat-name b{font-weight:600;color:var(--ink);overflow-wrap:anywhere}.room-seat-name i{font-style:normal;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.room-seat-name i.host{color:var(--accent)}.room-seat-state{font-size:12.5px;color:var(--ink-2)}.card dl.room-summary{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-family:inherit;font-size:13px}dl.room-summary dt{color:var(--ink-3)}dl.room-summary dd{margin:0;text-align:right;color:var(--ink);overflow-wrap:anywhere}.room-ruleset{border:1px solid var(--line);border-radius:4px;background:var(--panel-2)}.room-ruleset>summary{cursor:pointer;padding:7px 11px;font-size:12.5px;color:var(--ink)}.room-ruleset>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.room-ruleset-list{border-top:1px solid var(--line);padding:8px 11px;display:flex;flex-direction:column;gap:10px}.room-ruleset-list dl{margin:4px 0 0;display:grid;grid-template-columns:1fr auto;gap:1px 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;font-variant-numeric:tabular-nums}.room-ruleset-list dt{color:var(--ink-2)}.room-ruleset-list dd{margin:0;text-align:right;color:var(--ink-2)}.room-ruleset-list dd[data-changed]{color:var(--accent)}.room-notices{border:1px solid var(--line);border-radius:4px;background:var(--panel-2);min-height:48px}.room-revision{letter-spacing:.06em}.room-host{display:flex;flex-direction:column;gap:6px}.room-visibility button{padding:6px 12px}.room-visibility button:disabled{opacity:.5;cursor:default}.room-hint{margin:0;font-size:12.5px;color:var(--ink-2)}.room-edit-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#room-edit{flex:0 0 auto;padding:7px 12px}#room-edit:disabled{opacity:.5;cursor:default}.room-editor{border:1px solid var(--accent);border-radius:4px;background:var(--panel-2);padding:10px 11px 0;display:flex;flex-direction:column;gap:8px}.room-editor-note{margin:0;font-size:12.5px;color:var(--ink)}.room-editor[data-status=stale] .room-editor-note,.room-editor[data-status=failed] .room-editor-note{color:var(--accent)}.room-editor-actions{position:sticky;bottom:0;background:var(--panel-2);border-top:1px solid var(--line);padding:8px 0 10px}.room-editor-actions button{padding:8px 13px}#room-reload{flex-basis:100%;order:-1}#room-save:not(:disabled){color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:600}#room-save:disabled{opacity:.5;cursor:default}@media(max-width:860px){#board{width:100%}.screen.room{overflow-y:visible}}.room-actions button{padding:9px 14px;font-size:14px}#room-ready{font-weight:600}#room-ready[aria-pressed=false]{color:var(--bg);background:var(--accent);border-color:var(--accent)}#room-ready:disabled{opacity:.55;cursor:default}.online-setup{display:flex;flex-direction:column;gap:8px}.online-row{display:flex;gap:6px}.online-setup input{flex:1;min-width:0;font:inherit;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12.5px;letter-spacing:.08em;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:5px 9px}.online-setup input::placeholder{color:var(--ink-3);letter-spacing:normal}.online-row button{flex:0 0 auto}.lobby-list{display:flex;flex-direction:column;gap:4px}.lobby-list .blurb{margin:2px 0}button.lobby-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:left;padding:6px 9px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;color:var(--ink)}button.lobby-row:hover{border-color:var(--accent)}button.lobby-row b{font-weight:600;font-size:12.5px}button.lobby-row .lobby-what{display:flex;align-items:baseline;gap:7px;min-width:0}button.lobby-row .lobby-kind{flex:none;font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:1px 5px;border:1px solid var(--line);border-radius:3px;color:var(--ink-3)}button.lobby-row[data-kind=room] .lobby-kind{color:var(--accent);border-color:var(--accent)}button.lobby-row i{font-style:normal;font-size:10.5px;letter-spacing:.04em;color:var(--ink-3);white-space:nowrap}.rail{display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:14px;overflow-y:auto}.rail section{display:flex;flex-direction:column;gap:7px}#chat-panel[hidden],#chat-unread[hidden],#opponent-status[hidden]{display:none}#chat-details{border:1px solid var(--line);border-radius:4px;background:var(--panel-2)}#chat-details>summary{cursor:pointer;padding:7px 9px;color:var(--ink);font-size:12px}#chat-unread{color:var(--accent)}.chat-history{max-height:150px;overflow-y:auto;overflow-wrap:anywhere;border-top:1px solid var(--line);padding:7px 9px;font-size:12px;line-height:1.45}.chat-line+.chat-line{margin-top:5px}.chat-name[data-seat="0"]{color:var(--p0)}.chat-name[data-seat="1"]{color:var(--p1)}.chat-name{font-weight:600}.quick-chat{display:flex;flex-direction:column;gap:6px}.quick-chat[hidden],.quick-chat-list[hidden],.quick-chat-note[hidden],.quick-chat-mute[hidden],.chat-toast[hidden]{display:none}.quick-chat button{flex:none;display:flex;align-items:center;gap:8px;text-align:left}.quick-chat-open{align-self:flex-start}.quick-chat kbd{font:inherit;font-size:11px;min-width:18px;padding:0 4px;border:1px solid var(--line-strong);border-radius:3px;color:var(--ink-3);text-align:center}.quick-chat-open[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.quick-chat-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}.quick-chat-list button{width:100%;padding:4px 6px;font-size:12px}.quick-chat-note{margin:0;font-size:11.5px;color:var(--ink-3)}.chat-mute:empty{display:none}.chat-mute{border-top:1px solid var(--line);padding:6px 9px}.quick-chat-mute{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-3);cursor:pointer}.quick-chat-mute input{margin:0}.chat-toast{position:absolute;z-index:11;top:62px;left:50%;transform:translate(-50%);max-width:calc(100% - 220px);padding:5px 12px;border:1px solid var(--line-strong);border-radius:14px;background:#050a0dd1;color:var(--ink);font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}#opponent-status{font-size:12px}#exit-panel{padding-bottom:12px;border-bottom:1px solid var(--line)}#open-options{flex:0 0 36px;display:grid;place-items:center;padding:5px}#opponents{display:flex;flex-direction:column;gap:10px}.seat{display:flex;flex-direction:column;gap:6px;padding-left:7px;border-left:2px solid var(--line-strong)}.seat[data-seat="0"]{border-left-color:var(--p0)}.seat[data-seat="1"]{border-left-color:var(--p1)}.seat>.label{margin:0}.seat .settings-box{padding:7px 9px}.seat .settings-box>summary{font-size:11px}.seat .slider{margin-bottom:0}.seat .slider+.slider{margin-top:8px}#opponents-panel[hidden]{display:none}.label{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.ap{display:flex;align-items:center;gap:8px}.ap.dim{opacity:.55}.pips{display:flex;gap:3px;flex:1}.pip{flex:1;height:12px;border-radius:2px;background:var(--panel-2);border:1px solid var(--line);position:relative;overflow:hidden}.pip i{position:absolute;inset:0;transform-origin:left;background:var(--accent)}.ap b{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:12px;min-width:62px;text-align:right;color:var(--ink-2)}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:9px 11px;font-size:13px;color:var(--ink-2)}#rules{display:flex;flex-direction:column;gap:5px}#rules .headline{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--ink)}#rules .headline b{font-weight:600;font-size:13.5px}#rules .headline i{font-style:normal;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}#rules ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-variant-numeric:tabular-nums}#rules li{display:flex;justify-content:space-between;gap:10px;color:var(--ink-3)}#rules li b{color:var(--accent);font-weight:500}.card h3{margin:0 0 4px;font-size:13.5px;color:var(--ink);font-weight:600}.card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:1px 10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-variant-numeric:tabular-nums}.card dt{color:var(--ink-3)}.card dd{margin:0;text-align:right}.chips{display:flex;gap:6px;flex-wrap:wrap}button{font:inherit;font-size:12.5px;color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:5px 10px;cursor:pointer;flex:1}button:hover{border-color:var(--line-strong);color:var(--ink)}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#deploy-auto:disabled{opacity:.45;cursor:default;border-color:var(--line);color:var(--ink-3)}#deploy-panel>.chips{align-self:flex-start}#deploy-auto{flex:none}.deploy-action{display:flex;flex-direction:column;gap:6px}#deploy-ready{flex:none;width:100%;padding:10px 12px;color:var(--bg);background:var(--accent);border-color:var(--accent);font-size:15px;font-weight:700}#deploy-ready:hover{color:var(--bg);filter:brightness(1.1)}#deploy-ready[data-attention=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent),0 0 16px color-mix(in srgb,var(--accent) 45%,transparent)}#deploy-ready[data-attention=true][data-calm=false]{animation:deploy-attention 2.4s ease-in-out infinite}@keyframes deploy-attention{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent),0 0 23px color-mix(in srgb,var(--accent) 60%,transparent)}}@media(prefers-reduced-motion:reduce){#deploy-ready{animation:none!important}}#deploy-ready[data-ready=true]{color:var(--ink-2);background:var(--panel-2);border-color:var(--line-strong);box-shadow:none;font-size:13px;font-weight:600}#deploy-ready[data-ready=true]:hover{color:var(--ink);filter:none}#deploy-ready-status{margin:0;color:var(--ink-2);font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.deploy-action #opponent-status{margin-top:2px}#leave-match-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:20px;overflow:auto;color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 18px 50px #00000080}#leave-match-dialog::backdrop{background:#090e11cc}#leave-match-dialog h2{margin:0 0 8px;font-size:18px}#leave-match-dialog p{margin:0 0 20px;color:var(--ink-2)}.leave-match-actions{display:flex;gap:8px}.leave-match-actions button{min-width:0}#confirm-leave-match{border-color:var(--accent);color:var(--accent)}#options-dialog,#marshal-dialog{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:20px;overflow:auto;color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 18px 50px #00000080}#options-dialog::backdrop,#marshal-dialog::backdrop{background:#090e11cc}.options-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.options-heading h2{margin:0;font-size:18px}#close-options,#close-marshal{flex:0 0 32px;font-size:22px;line-height:1}#options-dialog .label{margin:20px 0 8px;color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em}#options-dialog p{color:var(--ink-2);font-size:13px}#options-dialog .keybind-row{min-height:38px;border-bottom:1px solid var(--line)}#options-dialog .keybind-row button{flex:0 0 64px}.abilities{display:flex;flex-direction:column;gap:5px}#deploy-budget{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}#deploy-budget b{color:var(--accent);font-weight:600}.card.warn{border-color:var(--accent)}button.ability{display:flex;justify-content:space-between;align-items:baseline;gap:10px;text-align:left;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}button.ability b{font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-3)}button.ability[aria-pressed=true] b{color:var(--accent)}button.ability:disabled{opacity:.45;cursor:default;border-color:var(--line);color:var(--ink-3)}.slider{display:flex;flex-direction:column;gap:2px;margin-bottom:9px}.knob-rows{container-type:inline-size}@container (min-width: 380px){.knob-rows .slider{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 5.5em;align-items:center;column-gap:12px}.knob-rows .slider header{display:contents}.knob-rows .slider header>span{grid-column:1;overflow-wrap:anywhere}.knob-rows .slider header>b{grid-column:3;grid-row:1;text-align:right}.knob-rows .slider>:not(header){grid-column:2;grid-row:1}.knob-rows .slider>select{grid-column:2 / 4}.knob-rows .slider>button.toggle{justify-self:start}}.slider header{display:flex;justify-content:space-between;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;color:var(--ink-3)}.slider header b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);margin:0}.readout{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums;line-height:1.7}@media(max-width:860px){#app,.screen{height:auto}.screen.match{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.screen.match>.stage,.screen.match>.rail{grid-column:1;grid-row:auto}.stage{height:60vh}}.hotbar{align-self:center;pointer-events:auto;width:min(100%,max(var(--actions-bar-width),var(--unit-bar-width, var(--unit-bar-full))));display:flex;align-items:center;gap:var(--hotbar-label-gap);min-height:62px;max-width:100%;padding:8px var(--hotbar-pad-x);border:var(--hotbar-border) solid var(--line);border-radius:8px;background:#141b1fd1}.hotbar[hidden]{display:none}.hotbar-label{flex:none;width:var(--hotbar-label-width);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}.slots{display:flex;flex:1 1 auto;flex-wrap:nowrap;justify-content:center;gap:var(--slot-gap);min-width:0}@media(max-width:860px){.slots{flex-wrap:nowrap;overflow-x:auto}}button.slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 var(--slot-width);width:var(--slot-width);height:72px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);color:var(--ink);cursor:pointer;text-align:left}button.slot:hover:not(:disabled){border-color:var(--line-strong)}.slot-top{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:start;align-self:stretch;gap:2px 4px}.slot-top kbd{grid-column:1;grid-row:1;justify-self:start}.slot-top b{grid-column:2;grid-row:1;justify-self:end}.slot-top span{grid-column:1 / -1;grid-row:2;text-align:center}button.slot kbd{flex:none;min-width:13px;font:inherit;font-size:11px;color:var(--ink-3);text-align:center}.slot-icon{display:flex;flex:none;align-self:center;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;font-size:15px;line-height:1}button.slot span{flex:1;min-width:0;white-space:normal;overflow-wrap:break-word;line-height:1.1}button.slot:not(.slot-tray) .slot-top span{font-size:11px}button.slot b{flex:none;font-weight:400;font-size:11px;color:var(--ink-3)}button.slot[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}button.slot[aria-pressed=true] kbd,button.slot[aria-pressed=true] b{color:var(--accent)}button.slot:disabled{opacity:.42;cursor:default}button.slot[aria-pressed=true]:disabled{opacity:.82}button.slot[aria-disabled=true]{opacity:.42}button.slot[aria-pressed=true][aria-disabled=true]{opacity:.82}.slot-empty{color:var(--ink-3)}.hotbar[data-tight] .slots[data-context=units] button.slot{flex:1 1 0;width:auto;min-width:0;padding:6px 3px}.hotbar[data-tight] .slots[data-context=units] .slot-top{grid-template-columns:auto minmax(0,1fr);gap:2px 3px;min-width:0}.hotbar[data-tight] .slots[data-context=units] button.slot kbd{min-width:0;font-size:10px}.hotbar[data-tight] .slots[data-context=units] button.slot b{font-size:10px;text-align:right}.hotbar[data-tight] .slots[data-context=units] .slot-top span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.slot.slot-tray{position:relative;flex:0 0 64px;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;width:72px;min-width:72px;height:64px;padding:23px 4px 0;border-radius:10px;text-align:center}button.slot.slot-tray .slot-icon{width:14px;height:13px;margin-top:0;border-radius:8px;font-size:14px;opacity:.6}button.slot.slot-tray kbd{position:absolute;top:4px;left:4px;min-width:0;padding:1px 3px;border-radius:3px;background:#00000073}button.slot.slot-tray b{position:absolute;top:4px;right:4px;padding:1px 3px;border-radius:3px;background:#00000073}button.slot.slot-tray span{flex:none;width:100%;font-size:10px;min-height:2.2em;white-space:normal;overflow-wrap:anywhere}.hand-ghost{position:fixed;z-index:31;left:0;top:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;opacity:.55;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));pointer-events:none;transform:translate(-50%,-50%)}button.slot.stop{flex:0 0 auto;width:auto;min-width:0;margin-left:var(--stop-margin);border-color:#4a3a3a}button.slot.stop:hover:not(:disabled){border-color:var(--p1);color:var(--p1)}button.slot.stop kbd{color:var(--ink-3)}.radial-menu{position:fixed;z-index:30;pointer-events:none;transform:translate(-50%,-50%)}.radial-svg{display:block;width:220px;height:220px;overflow:visible}.radial-slice path{fill:var(--panel-2);stroke:var(--line);stroke-width:1;pointer-events:auto;cursor:pointer}.radial-slice:hover path{stroke:var(--line-strong)}.radial-slice.ready path{stroke:var(--line)}.radial-slice:not(.ready) path{opacity:.42;pointer-events:none;cursor:default}.radial-slice:not(.ready) .radial-name,.radial-slice:not(.ready) .radial-detail,.radial-slice:not(.ready) .radial-key{fill:var(--ink-3);opacity:.42}.radial-name,.radial-detail,.radial-key{text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-family:inherit}.radial-name{fill:var(--ink);font-size:11px}.radial-detail,.radial-key{fill:var(--ink-3);font-size:10px}.heads-up{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:14px;pointer-events:none}.heads-up .side{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:#141b1fd1;border:1px solid var(--line);border-radius:4px;padding:5px 9px}.heads-up .side[data-edge=left]{order:0}.heads-up .clock{order:1}.heads-up .side[data-edge=right]{order:2;flex-direction:row-reverse}.heads-up .side[data-edge=right] .ap,.heads-up .side[data-edge=right] .pips{flex-direction:row-reverse}.heads-up .side[data-edge=right] .pip i{transform-origin:right}.heads-up .side[data-edge=right] .ap b{text-align:left}.heads-up .who{flex:none;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.heads-up .side[data-seat="0"]{--seat: var(--p0)}.heads-up .side[data-seat="1"]{--seat: var(--p1)}.heads-up .who{color:var(--seat)}.heads-up .pip i{background:var(--seat)}.heads-up .ap{flex:1;min-width:0}.heads-up .pip{height:10px}.heads-up .clock{flex:none;font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-2);background:#141b1fd1;border:1px solid var(--line);border-radius:4px;padding:5px 10px}.heads-up[hidden]{display:none}@media(max-width:860px){.heads-up .who{display:none}}.heads-up{container-type:inline-size}.heads-up .pips{min-width:0}.heads-up .ap b{flex:none}@container (max-width: 720px){.heads-up .marshal-tag-name{display:none}.heads-up .pips{gap:1px}}@container (max-width: 620px){.heads-up .who{display:none}.heads-up .pip{border:0}}.tray-dock{position:absolute;top:82px;right:5px;bottom:124px;width:90px}.tray-dock[hidden]{display:none}@media(min-width:861px){.stage[data-tray-side=left] .tray-dock{left:5px;right:auto}}.first-run{position:absolute;z-index:5;top:140px;left:50%;transform:translate(-50%);width:340px;max-width:calc(100% - 40px);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:10px 12px;background:#141b1ff0;border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 8px 24px #00000059;font-size:13px;line-height:1.45;color:var(--ink-2);pointer-events:none}.first-run[hidden]{display:none}.first-run strong{color:var(--ink);font-weight:600}.first-run kbd{font:12px IBM Plex Mono,ui-monospace,monospace;padding:0 5px;border:1px solid var(--line-strong);border-radius:4px;color:var(--ink)}.first-run span{flex:1 1 100%}.first-run button{flex:none;margin-left:auto;padding:5px 12px;font-size:12px;pointer-events:auto}.stage[data-marshal-cast] .first-run{top:166px}.deploy-bin{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;padding:7px 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;color:var(--ink-2);background:#141b1feb;border:1px dashed var(--line-strong);border-radius:6px;pointer-events:none}.deploy-bin[hidden]{display:none}.deploy-bin[data-hover=true]{color:var(--ink);background:#f0b84633;border:1px solid var(--accent)}.tray-overlay{display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;width:90px;height:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior-y:contain;padding:8px;border:1px solid var(--line);border-radius:8px;background:#141b1fd1}.tray-overlay::-webkit-scrollbar{display:none}.tray-overlay[hidden]{display:none}.tray-more{position:absolute;left:1px;right:1px;height:25px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:#141b1ff5;color:var(--ink);font-size:0;cursor:pointer;touch-action:manipulation}.tray-more:before{content:"";width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}.tray-more[data-edge=start]{top:1px;border-radius:7px 7px 0 0;box-shadow:0 8px 10px -4px #0009}.tray-more[data-edge=start]:before{transform:translateY(2px) rotate(-45deg)}.tray-more[data-edge=end]{bottom:1px;border-radius:0 0 7px 7px;box-shadow:0 -8px 10px -4px #0009}.tray-more[data-edge=end]:before{transform:translateY(-2px) rotate(135deg)}.tray-more:hover,.tray-more:active{color:var(--accent)}.tray-more[hidden]{display:none}.tip{position:fixed;scale:var(--ui-scale, 1);transform-origin:top left;z-index:40;max-width:290px;display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:5px;background:#10161a;box-shadow:0 6px 22px #00000073;font-size:12px;line-height:1.42;color:var(--ink-2);pointer-events:none}.tip b{color:var(--ink);font-size:12.5px}.tip span{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;color:var(--ink-2)}.tip .tip-sub{margin-top:4px;font-size:12px}.tip .tip-more{margin-top:1px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;font-style:normal;color:var(--ink-3)}.tip[hidden]{display:none}.help{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#090e11db;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.help[hidden]{display:none}.help-panel{display:flex;flex-direction:column;width:100%;max-width:620px;max-height:100%;overflow:hidden;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 18px 50px #00000080}.help-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.help-head h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.help-close{flex:none;padding:5px 12px;font-size:12px;color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;cursor:pointer}.help-close:hover{border-color:var(--line-strong);color:var(--ink)}.help-body{overflow-y:auto;overscroll-behavior:contain;padding:16px}.help-section{margin-bottom:16px}.help-section:last-child{margin-bottom:0}.help-section>h3{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--ink)}.help-section>p{margin:0 0 10px;font-size:12.5px;line-height:1.55;color:var(--ink-2)}.help-section>p:last-child{margin-bottom:0}.help-lines{margin:0 0 8px;padding-left:16px;font-size:12.5px;line-height:1.5;color:var(--ink-2)}.help-lines li+li{margin-top:2px}.help-lines li::marker{color:var(--ink-3)}details.help-unit{margin-top:6px;padding:0}details.help-unit>summary{display:flex;align-items:baseline;gap:10px;padding:7px 12px;cursor:pointer;list-style:none;font-size:12.5px;font-weight:600;color:var(--ink)}details.help-unit>summary::-webkit-details-marker{display:none}details.help-unit>summary:before{content:"▸";color:var(--ink-3);font-size:10px}details.help-unit[open]>summary:before{content:"▾"}details.help-unit>summary:hover{color:var(--accent)}details.help-unit>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.help-tag{margin-left:auto;font-weight:400;font-size:11.5px;color:var(--ink-3)}.help-more{padding:0 12px 10px}.help-more .help-unit-main ul{margin-top:0}.help-unit{margin-top:10px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px}.help-unit h4{margin:0;font-size:12.5px;font-weight:600;color:var(--ink)}.help-ability{margin-top:8px}.help-ability h5{margin:0;font-size:11.5px;font-weight:600;color:var(--ink-2)}.help-unit ul{margin:3px 0 0;padding-left:16px;list-style:none}.help-unit li{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:1.5;color:var(--ink-3)}.help-keys{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:0}.help-keys dt{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;color:var(--ink)}.help-keys dd{margin:0;font-size:12px;color:var(--ink-2)}.heads-up .marshal-tag{pointer-events:auto;flex:none;display:inline-flex;align-items:center;gap:6px;max-width:10em;font-size:11px;color:var(--ink-2);cursor:help}.heads-up .marshal-tag:empty{display:none}.heads-up .marshal-tag-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heads-up .marshal-tag-name:empty{display:none}.marshal-emblem{flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:20px;height:20px;border:1.5px solid var(--line);border-radius:4px;background:#0a0e1099;color:var(--ink-2);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;line-height:1;vertical-align:middle}.marshal-emblem svg{width:15px;height:15px;fill:currentColor}.heads-up .side .marshal-emblem:not([data-emblem=""]){border-color:var(--seat);color:var(--seat)}.heads-up .marshal-emblem[data-emblem=""]{color:var(--ink-3)}.marshal-option-name .marshal-emblem{margin-right:6px}.marshal-theirs .marshal-emblem{margin:0 5px;width:18px;height:18px}.heads-up .side.you{position:relative}.marshal-cast{position:absolute;top:calc(100% + 5px);left:-1px;max-width:calc(100% + 2px);overflow:hidden;pointer-events:auto;flex:none;display:flex;align-items:center;gap:7px;padding:4px 9px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px;color:var(--ink);background:#141b1fe6;border-color:var(--seat, var(--accent));white-space:nowrap}.heads-up .side[data-edge=right] .marshal-cast{left:auto;right:-1px;flex-direction:row-reverse}.marshal-cast[hidden]{display:none}.marshal-cast>:not(.marshal-cast-fill){position:relative}.marshal-cast-fill{position:absolute;inset:0;background:var(--seat, var(--accent));opacity:.28;transform:scaleX(var(--left, 0));transform-origin:left;transition:transform .1s linear;pointer-events:none}.heads-up .side[data-edge=right] .marshal-cast-fill{transform-origin:right}.marshal-cast-name{overflow:hidden;text-overflow:ellipsis;min-width:0}.marshal-cast kbd{font:inherit;font-size:11px;color:var(--seat, var(--accent))}.marshal-cast[data-unbound] kbd{color:var(--ink-3)}.marshal-cast b{font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-2)}.marshal-cast[data-state=ready]{box-shadow:inset 0 0 0 1px var(--seat, var(--accent))}.marshal-cast[data-state=ready] b{color:var(--ink)}.marshal-cast:disabled{cursor:default;border-color:var(--line);color:var(--ink-3)}.marshal-cast:disabled kbd,.marshal-cast:disabled b{color:var(--ink-3)}.marshal-cast[data-state=cooling] b{color:var(--ink-2)}.stage[data-marshal-cast] .tray-dock{top:100px}.stage[data-marshal-cast] .start-countdown[data-tone=notice]{top:170px}.marshal-picker{display:flex;flex-direction:column;gap:6px}.marshal-theirs{margin-top:6px}#marshal-choice{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:7px 10px}#marshal-choice .marshal-choice-name{flex:1}#marshal-choice[data-locked=true]{color:var(--ink-3)}#marshal-dialog{width:min(900px,calc(100vw - 24px))}#marshal-picker{margin-top:14px}.marshal-option-select{align-self:flex-start;color:var(--accent);font-weight:600}.marshal-options{display:flex;flex-direction:column;gap:4px}@media(min-width:900px){#marshal-dialog .marshal-card{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;width:100%}#marshal-dialog .marshal-card p,#marshal-dialog .marshal-card ul{margin:0}#marshal-dialog .marshal-option-active{grid-column:2;grid-row:1 / span 4}}.marshal-option{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;text-align:left;font-size:12px;line-height:1.25}.marshal-option[data-selected]{border-color:var(--accent)}.marshal-option-select[aria-disabled=true]{cursor:default;color:var(--ink-3)}.marshal-option-name{color:var(--ink);font-size:13.5px}.marshal-option[data-selected] .marshal-option-name{color:var(--accent)}.marshal-option ul{margin:0;padding-left:16px}.marshal-option-active b{font-weight:600;color:var(--ink)}.marshal-option-roster{color:var(--ink);font-weight:600}.marshal-option-conflict{color:var(--accent);font-weight:600}.marshal-option[data-conflict]{border-style:dashed}.marshal-note[role=alert]{color:var(--accent);font-weight:600}.marshal-note,.marshal-theirs{margin:0;font-size:12px;color:var(--ink-3)}.result p.result-marshals{font-size:12.5px;color:var(--ink-3)}.result p.result-marshals:empty{display:none}@media(max-width:600px){.heads-up .side{flex-wrap:wrap;row-gap:3px;padding:4px 8px}.heads-up .ap{flex:1 1 100%;min-width:0}.heads-up .marshal-tag-name{display:none}.heads-up .marshal-emblem{width:17px;height:17px}.heads-up .marshal-emblem svg{width:13px;height:13px}.heads-up .ap{gap:5px}.heads-up .ap b{min-width:0;font-size:11px;white-space:nowrap}.heads-up .pips{gap:1px}.hint-row{flex-wrap:wrap}.hint-row .hint{flex:1 1 100%}.deploy-bin{padding:7px 9px}.deploy-bin span{display:none}.marshal-cast{gap:6px;padding:3px 7px;font-size:11px}.marshal-cast-name{display:none}.stage[data-marshal-cast] .tray-dock{top:92px}.stage[data-marshal-cast] .start-countdown[data-tone=notice]{top:180px}}#deploy-panel>.marshal-theirs+.label{margin-top:8px}.loadout-summary-box{padding:7px 10px;margin-top:5px;border:1px solid var(--line);border-radius:5px;font-size:12px}.loadout-summary-box[hidden]{display:none}.loadout-summary-box button{margin-left:8px}.loadout-summary-box small{display:block;color:var(--ink-3);margin-top:3px}.loadout-warning,.loadout-notice{color:var(--accent);font-size:12px;margin:6px 0}#loadout-dialog{width:850px;max-width:calc(100vw - 30px);max-height:calc(100vh - 30px);overflow:auto;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}#loadout-dialog::backdrop{background:#090e11cc}#loadout-dialog .options-heading{display:flex;align-items:center;justify-content:space-between}#close-loadout{flex:0 0 32px;font-size:22px;line-height:1}#loadout-save:not(:disabled){border-color:var(--accent);color:var(--accent);font-weight:700}.loadout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.loadout-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:88px;padding:10px;text-align:left;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);color:var(--ink);cursor:pointer}.loadout-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.loadout-card-top{font-weight:600}.loadout-source{display:inline-block;width:fit-content;max-width:100%;padding:2px 6px;border-radius:3px;border:1px solid var(--line);color:var(--ink-2);font-size:10px;letter-spacing:.02em;line-height:1.3}.loadout-card small,#units-list li small{display:block;color:var(--ink-3);font-size:11px;line-height:1.35}.loadout-actions{display:flex;justify-content:space-between;margin-top:12px}#units-list li small{overflow-wrap:anywhere}.ui-scale-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;color:var(--ink-2)}.ui-scale-setting select{min-width:105px;padding:7px 9px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:4px}@media(max-width:860px){.tray-dock,.stage[data-marshal-cast] .tray-dock{inset:56px auto auto 50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 20px)}.tray-overlay{flex-direction:row;width:max-content;max-width:100%;height:auto;overflow-x:auto;overflow-y:hidden}button.slot.slot-tray{flex:1 1 0%;width:60px;min-width:60px;height:60px}.tray-more{inset:1px auto;width:28px;height:auto}.tray-more[data-edge=start]{top:1px;left:1px;border-radius:7px 0 0 7px;box-shadow:8px 0 10px -4px #0009}.tray-more[data-edge=start]:before{transform:translate(2px) rotate(-135deg)}.tray-more[data-edge=end]{bottom:1px;right:1px;border-radius:0 7px 7px 0;box-shadow:-8px 0 10px -4px #0009}.tray-more[data-edge=end]:before{transform:translate(-2px) rotate(45deg)}.stage[data-marshal-cast] .tray-dock{top:92px}}.selected-health{position:relative;height:10px;margin:5px 0;background:#172421}.selected-health i{display:block;position:absolute;height:100%;background:#85c49d}.selected-health i.potential{box-sizing:border-box;background:transparent;border:1px dashed #b6e7c9}.slot-foot{display:flex;align-items:center;align-self:stretch;justify-content:center;gap:5px}.slot-foot small{flex:1;min-width:0;font-size:10px;line-height:1.05;color:var(--ink-3);text-align:left}.slot-foot small:empty{display:none}.slot-icon.dial{position:relative;isolation:isolate;width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:700;color:var(--ink);background:conic-gradient(var(--accent) calc(var(--stage-left, 1) * 1turn),var(--line) 0)}.slot-icon.dial:before{content:"";position:absolute;inset:3px;z-index:-1;border-radius:50%;background:var(--panel-2)}