:root{--p0: var(--x);--p1: var(--o);--p2: #23865a;--p3: #b57a06}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--p2: #5cc58a;--p3: #e3b341}}:root[data-theme=dark]{--p2: #5cc58a;--p3: #e3b341}.p0{--pc: var(--p0)}.p1{--pc: var(--p1)}.p2{--pc: var(--p2)}.p3{--pc: var(--p3)}.clash{padding-bottom:56px}.clash-setup{margin:18px auto 0}.seats{display:grid;gap:8px}.seat{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;font-weight:600}.seat .g,.chip .g{width:26px;height:26px}.seg.seg-sm span{padding:6px 12px;font-size:.82rem}.clash-game{width:min(100% - 32px,560px);margin:10px auto 0;display:grid;gap:12px;justify-items:center}.clash-game[hidden]{display:none}.clash-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:99px;border:1.5px solid var(--rule);background:var(--card);min-width:0}.chip .who{display:flex;flex-direction:column;line-height:1.15;min-width:0}.chip b{font-size:.9rem}.chip small{font-size:.7rem;color:var(--muted)}.chip .kept{font-size:.62rem;letter-spacing:1px;color:var(--pc)}.chip.picking{border-color:var(--pc);box-shadow:0 0 0 4px color-mix(in srgb,var(--pc) 16%,transparent)}.chip.locked small{color:var(--g-best)}.chip.winner{background:color-mix(in srgb,var(--pc) 16%,var(--card));border-color:var(--pc)}.g{fill:none;stroke:var(--pc);stroke-width:11;stroke-linecap:round;stroke-linejoin:round}.clash-bar{width:min(100%,520px);height:5px;border-radius:99px;background:var(--paper-deep);overflow:hidden}.clash-bar i{display:block;height:100%;width:0;background:var(--ink)}.clash-board-wrap{position:relative;width:min(100%,520px)}.clash-board{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:3px;padding:3px;border-radius:20px;background:var(--grid);box-shadow:var(--shadow-lift)}.cell{aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:6px;background:var(--card);cursor:pointer;padding:0;transition:background .2s}.cell:disabled{cursor:default}.cell .g{width:72%;height:72%}.cell[class*=aim-]:not(:disabled):hover{background:color-mix(in srgb,var(--paper-deep) 70%,var(--card))}.cell.fading .g{opacity:.35}.cell.blocked{background:repeating-linear-gradient(45deg,var(--paper-deep) 0 6px,var(--card) 6px 12px)}.crack{display:flex;align-items:baseline;gap:1px;font-size:1.4rem;color:var(--x);line-height:1}.crack small{font-size:.7rem;color:var(--muted)}.cell.win{background:color-mix(in srgb,var(--pc) 22%,var(--card))}.cell.pop .g{animation:clash-pop .4s cubic-bezier(.2,1.6,.4,1)}.cell.boom{animation:clash-boom .7s ease-out}@keyframes clash-pop{0%{transform:scale(.2);opacity:0}}@keyframes clash-boom{0%{transform:scale(1.12);background:color-mix(in srgb,var(--x) 55%,var(--card))}}.clash-cover{position:absolute;inset:0;display:grid;place-content:center;gap:14px;padding:24px;text-align:center;border-radius:20px;background:var(--card);box-shadow:var(--shadow-lift);font-family:var(--font-display);font-size:1.3rem}.clash-cover[hidden]{display:none}.clash-cover p{margin:0}.clash-log{display:grid;gap:2px;text-align:center;min-height:4.5em}.clash-log span:first-child{color:var(--ink-soft);font-weight:600}.clash .steps li{margin:8px 0}.clash .steps li::marker{color:var(--x);font-weight:700}.cell.picked .g{opacity:.45}.cell.picked{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--pc) 45%,transparent)}.lobby-seats{display:grid;gap:6px;margin:0;padding:0;list-style:none}.lobby-seats li{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--paper);font-weight:600}.lobby-seats li .g{width:22px;height:22px}.lobby-seats li small{color:var(--muted);font-weight:600}.lobby-seats li.open{color:var(--muted);border:1.5px dashed var(--rule);background:transparent}.lobby-seats li.open .g{opacity:.35}.online-card[hidden],.clash-setup[hidden]{display:none}.clash-board-wrap .result{border-radius:20px}