:root{color-scheme:dark;--ink:#f2eeff;--muted:#b0a6d0;--panel:#1a1730;--line:#3b3466;--accent:#c49aff;color:var(--ink);background:#0b0916;font-family:Inter,ui-sans-serif,system-ui,sans-serif}html[data-contrast=high]{--ink:#fff;--muted:#fff;--panel:#000;--line:#fff;--accent:#ff0}html[data-interface=large]{font-size:118%}*{box-sizing:border-box}[hidden]{display:none!important}body{overscroll-behavior:none;min-height:100svh;margin:0}#runtime{min-height:100svh;padding:.8rem max(.8rem, env(safe-area-inset-left)) max(.8rem, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:.8rem;display:flex}.title-bar{justify-content:space-between;align-items:center;width:min(46rem,100%);display:flex}h1{letter-spacing:-.02em;margin:0;font-size:1.3rem}.icon-button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:inherit;cursor:pointer;border-radius:.6rem;padding:0 .9rem}.panel{border:1px solid var(--line);background:var(--panel);border-radius:1rem;gap:.55rem;width:min(30rem,100%);padding:1.1rem;display:grid}.panel h2{margin:0;font-size:1.1rem}select,button,input[type=text]{border:1px solid var(--line);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#241f42;border-radius:.6rem;padding:.5rem .8rem}input[type=text]{cursor:text}button[disabled]{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#1c1033;border-color:#0000;font-weight:800}.hint{color:var(--muted);margin:0;font-size:.85rem}.highlight{color:var(--accent);margin:0;font-weight:700}.highlight:empty{display:none}label{font-size:.9rem}#game-ui{justify-items:center;gap:.7rem;width:min(46rem,100%);display:grid}.hud{grid-template-columns:repeat(6,1fr);gap:.35rem;width:100%;display:grid}.hud div{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:.55rem;padding:.35rem .3rem;display:grid}.hud span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.hud strong{font-variant-numeric:tabular-nums;font-size:1rem}.duel{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.duel-player{border:2px solid var(--line);background:var(--panel);border-radius:.7rem;justify-content:space-between;align-items:center;padding:.5rem .8rem;display:flex}.duel-player[data-active=true]{border-color:var(--accent);font-weight:800}.duel-player[data-active=true] span:after{content:" — to play";color:var(--accent);font-size:.75rem}.duel-player strong{font-variant-numeric:tabular-nums;font-size:1.25rem}.stage{aspect-ratio:1;border:1px solid var(--line);background:#0d0b1c;border-radius:1rem;width:100%;max-width:min(38rem,92vmin);position:relative;overflow:hidden}canvas#board{touch-action:none;width:100%;height:100%;display:block}.preview{background:linear-gradient(#0000,#090716eb 38%);justify-items:center;gap:.45rem;padding:.8rem;display:grid;position:absolute;inset:auto 0 0}.preview p{text-shadow:0 1px 3px #000;margin:0;font-weight:700}.preview-track{border:1px solid var(--line);background:#14112a;border-radius:999px;width:min(22rem,80%);height:.5rem;overflow:hidden}.preview-fill{height:100%;background:var(--accent);inline-size:100%}.assists{gap:.5rem;display:flex}.turn-status{min-height:1.4rem;color:var(--muted);text-align:center;margin:0;font-size:.9rem}dl{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;display:grid}.breakdown{border-top:1px solid var(--line);padding-top:.6rem;font-size:.9rem}.breakdown .total{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr auto;padding-top:.4rem;font-size:1.05rem;display:grid}dl>div{display:grid}.breakdown>div{grid-template-columns:1fr auto;align-items:baseline}dt{color:var(--muted);font-size:.75rem}dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}dialog{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:1rem;width:min(28rem,92vw)}.dialog-content{gap:.55rem;display:grid}.dialog-head{justify-content:space-between;align-items:center;display:flex}dialog label{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#board-grid button{border:0;width:1px;height:1px;min-height:0;padding:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}html[data-motion=reduced] *{transition:none!important;animation:none!important}@media (width<=30rem){.hud{grid-template-columns:repeat(3,1fr)}}@media (width>=60rem) and (orientation:landscape){#game-ui{grid-template-columns:minmax(0,1fr) 15rem;grid-template-areas:"stage hud""stage duel""stage assists""stage status";align-content:start;justify-items:stretch;width:min(72rem,100%)}.stage{grid-area:stage;justify-self:center;max-width:none;max-height:78svh}.hud{grid-area:hud;grid-template-columns:repeat(2,1fr)}.duel{grid-area:duel;grid-template-columns:1fr}.assists{grid-area:assists}.turn-status{grid-area:status}}