:root{--bg:#15161a;--surface:#202227;--text:#ece6d8;--muted:#a39d90;--accent:#d9a92e;--border:#3a3c42;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:#8888 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8888;border-radius:3px}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}.app{flex-direction:column;max-width:60rem;height:100dvh;margin-inline:auto;display:flex}.app-header{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem 0;display:flex}h1{letter-spacing:.04em;margin:0;font-size:1.25rem}.tagline{color:var(--muted);margin:0;font-size:.875rem}.status{min-height:1.5em;margin:0;padding:.5rem 1rem;font-weight:600}.board{touch-action:none;flex:1;min-height:0}button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding-inline:1rem}button:hover{border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog-backdrop{background:#000a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog-panel{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:min(100%,22rem);padding:1.25rem}.dialog-panel h2{margin:0 0 .75rem;font-size:1.125rem}.dialog-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.picker{flex-direction:column;gap:.75rem;padding:.5rem 1rem 1rem;display:flex;overflow-y:auto}.picker h2{margin:0;font-size:1.125rem}.side-tabs{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.side-tabs [aria-selected=true]{border-color:var(--accent);background:#2c2a22}.faction-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem;display:grid}.faction-card{text-align:start;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem;padding:.6rem;display:grid}.faction-card[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.faction-card[aria-disabled=true]{cursor:not-allowed;opacity:.6}.swatch{border:1px solid var(--border);border-radius:50%;grid-row:span 2;width:1.75rem;height:1.75rem}.faction-name{font-weight:600}.faction-price,.picker-note{color:var(--muted);font-size:.8125rem}.picker-note{margin:0}button.primary{border-color:var(--accent);background:var(--accent);color:#1a1710;font-weight:600}.header-actions{gap:.5rem;display:flex}.status-row{justify-content:space-between;align-items:center;gap:.5rem;padding-inline-end:1rem;display:flex}.board{position:relative}.skip-fight{border-color:var(--accent);position:absolute;inset-block-end:1rem;inset-inline-end:1rem}.choice{border:0;margin:0 0 1rem;padding:0}.choice legend{color:var(--muted);margin-block-end:.4rem;font-size:.875rem}.choice-options{flex-wrap:wrap;gap:.4rem;display:flex}.choice-options [aria-pressed=true]{border-color:var(--accent);background:#2c2a22}.board-2d-wrap{place-items:center;padding:.5rem;display:grid}.board-2d{aspect-ratio:1;border:4px solid #26272b;grid-template-rows:repeat(8,1fr);width:min(100%,100cqh,36rem);display:grid}.board-2d-wrap{container-type:size}.board-2d-row{grid-template-columns:repeat(8,1fr);display:grid}.cell{border:0;border-radius:0;place-items:center;min-height:0;padding:0;font-size:clamp(1.25rem,6cqmin,2.5rem);line-height:1;display:grid}.cell-light{background:#c9bfa9}.cell-dark{background:#4a4e55}.cell-last{background:#b8963c}.cell-selected{background:#d9a92e}.cell-check{background:#c0392b}.cell-target:after{content:"";aspect-ratio:1;background:#e8c35a;border-radius:50%;width:28%}.cell-capture{box-shadow:inset 0 0 0 4px #e0692a}.cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.glyph{grid-area:1/1}.glyph-w{-webkit-text-stroke:1px #1a1a1d}.glyph-b{-webkit-text-stroke:1px #f0ebe0}.link-button{color:var(--muted);background:0 0;border:0;align-self:center;text-decoration:underline}.credits{margin:0 0 1rem;padding-inline-start:1.1rem;line-height:1.6}.credits a{color:var(--accent)}.lobby,.auth-panel{box-sizing:border-box;flex-direction:column;gap:.75rem;width:min(100%,26rem);margin-inline:auto;padding:.5rem 1rem 1rem;display:flex}.lobby h2,.auth-panel h2,.lobby h3{margin:0}.auth-panel label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.875rem;display:flex}input{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);font:inherit;border-radius:6px;padding-inline:.75rem}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.5}.form-error{color:#f08a7a;margin:0}.form-info,.screen-note{color:var(--muted);margin:0}.screen-note{text-align:center;padding:1rem}.lobby-actions{gap:.5rem;display:grid}.game-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.game-list button{text-align:start;width:100%}.invite-box{gap:.5rem;display:flex}.invite-box input{flex:1;min-width:0}.online-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:0 1rem .5rem;display:flex}.clocks{font-variant-numeric:tabular-nums;gap:.75rem;display:flex}.clock{border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem}.clock-running{border-color:var(--accent)}.online-actions{gap:.4rem;display:flex}