:root{--paper: #efe6d3;--desk: #e2d9c5;--sunk: #e8dec7;--ink: #14120e;--stamp: oklch(.38 .13 20);--ochre: oklch(.62 .13 75);--line: rgba(20, 18, 14, .2);--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--slab: "Archivo Black", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--desk);background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.5),transparent 55%);color:var(--ink);font-family:var(--mono);font-size:13px}a{color:var(--stamp);text-decoration:none}a:hover{color:var(--ochre)}input,textarea,button,select{font-family:inherit;color:var(--ink)}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--stamp);outline-offset:1px}::placeholder{color:#14120e4d}.slab{font-family:var(--slab);text-transform:uppercase;letter-spacing:-.01em}.eyebrow{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#14120e73}.stamp{color:var(--stamp)}.dead{text-decoration:line-through;text-decoration-thickness:2px}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;background:var(--paper);border-bottom:1px solid var(--line)}.topbar .code{font-size:10px;letter-spacing:.12em;color:#14120e80}.page{display:flex;flex-direction:column;align-items:center;padding:0 0 64px}.wrap{width:100%;padding:0 32px}.w-narrow{max-width:1000px}.w-mid{max-width:1180px}.w-wide{max-width:1320px}.panel{border:1px solid var(--ink);background:var(--paper);box-shadow:8px 8px #14120e17}.panel.tall{box-shadow:14px 14px #14120e1a}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--ink);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase}.panel-head.hot{background:var(--ochre);font-weight:600}.panel-body{padding:16px 14px}.bar{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topic-roll-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.ban-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--slab);text-transform:uppercase;letter-spacing:.06em;font-size:14px;padding:13px 18px;cursor:pointer}.btn:hover{background:var(--stamp);border-color:var(--stamp)}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}.btn.danger{background:var(--stamp);border-color:var(--stamp)}.btn.danger:hover{filter:brightness(1.14)}.btn.wide{width:100%}.btn:disabled,.btn[aria-disabled=true]{background:#14120e38;border-color:transparent;color:#efe6d3cc;cursor:not-allowed}.btn.small{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;padding:6px 10px;background:transparent;color:#14120e99;border-color:var(--line)}.btn.small:hover{background:transparent;color:var(--ink);border-color:var(--ink)}.field{width:100%;background:var(--sunk);border:1px solid var(--ink);padding:13px 12px;font-size:16px}.field.big{font-size:18px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}textarea.field{font-size:13px;line-height:1.5;resize:vertical}.col{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap6{gap:6px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt22{margin-top:22px}.mt36{margin-top:36px}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:#14120e8c}.tiny{font-size:10px;line-height:1.55}.err{color:var(--stamp);font-size:10.5px;min-height:15px}.dot{width:9px;height:9px;flex:none}.dot.a{background:var(--stamp)}.dot.b{background:var(--ochre)}.sides{display:grid;grid-template-columns:1fr 44px 1fr}.sides .vs{border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--sunk);display:grid;place-items:center;font-family:var(--slab);font-size:13px;color:#14120e59}.seat{padding:16px}.teamname{width:100%;background:transparent;border:none;border-bottom:1px solid var(--ink);font-family:var(--slab);font-size:24px;padding:0 0 6px;margin-bottom:12px}.dropzone{min-height:120px;padding:12px;display:flex;flex-direction:column;gap:6px;border:1px dashed var(--line);transition:background .12s,border-color .12s}.dropzone.over{border-style:solid;border-color:var(--stamp);background:#b379032e}.chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.06em}.chip.bench{background:var(--sunk);color:var(--ink)}.chip.drag{cursor:grab}.chip.dragging{opacity:.35}.chip .tag{font-size:8px;letter-spacing:.14em;border:1px solid currentColor;padding:1px 4px;opacity:.7}.token{font-size:8.5px;letter-spacing:.16em;padding:3px 6px;border:1px solid var(--ink)}.token.ready{background:var(--ochre)}.token.spent{border-color:var(--line);color:#14120e66}.turnpill{flex:1;padding:11px 14px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.turnpill.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.clock{border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:8px 16px;display:flex;align-items:center;gap:16px;min-width:230px}.clock .num{font-family:var(--slab);font-size:46px;line-height:.85}.clock .num.low{color:var(--stamp);animation:pulse 1s steps(1,end) infinite}.clock .meta{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#14120e80;border-left:1px solid var(--line);padding-left:14px}.board-grid{display:grid;grid-template-columns:1fr 330px;gap:16px;align-items:start}.card{border:1px solid var(--ink);background:var(--paper);padding:11px 13px;display:flex;flex-direction:column;gap:7px;min-height:84px}.card.empty{border-style:dashed;border-color:var(--line);background:#e8dec773}.card.live{border-style:dashed;border-color:var(--stamp);background:#b3790324}.card .pick{font-family:var(--slab);font-size:17px;line-height:1.05;text-wrap:pretty}.card .rule{height:1px;background:#14120e2e}.card .debuff{font-size:10.5px;line-height:1.5;font-style:italic;color:var(--stamp);text-wrap:pretty}.card.fresh{animation:rise .3s ease-out both}.card.pending{border-color:var(--ochre);background:#b379031f}.card.pending .debuff{opacity:.6}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sticky{position:sticky;top:74px;display:flex;flex-direction:column;gap:14px}.spotlight{border:1px solid var(--ink);background:var(--sunk);padding:14px}.spotlight .big{font-family:var(--slab);font-size:24px;line-height:1.02;text-wrap:pretty}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:28px;background:#14120ebd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:reveal-shade .18s ease-out both}.reveal-card{width:min(680px,92vw);min-height:300px;border:2px solid var(--ink);background:var(--paper);box-shadow:18px 18px #00000057;padding:42px 46px;display:flex;flex-direction:column;justify-content:center}.pick-pop{animation:pick-pop .52s cubic-bezier(.18,1.35,.35,1) both}.debuff-pop{animation:reveal-rise .26s ease-out both}.debuff-pop .reveal-pick{font-size:clamp(34px,5vw,58px)}.reveal-kicker{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#14120e7a;margin-bottom:18px}.reveal-pick{font-family:var(--slab);font-size:clamp(42px,7vw,82px);line-height:.9;text-transform:uppercase;text-wrap:balance}.reveal-rule{height:2px;background:var(--ink);margin:24px 0 17px}.reveal-meta{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.debuff-slap{border:4px solid var(--stamp);color:var(--stamp);padding:20px 24px;margin:-8px 12px 0;font-family:var(--slab);font-size:clamp(28px,5vw,54px);line-height:.98;text-transform:uppercase;text-wrap:balance;transform:rotate(-2deg);box-shadow:7px 7px #7918242e;animation:debuff-slap .56s .18s cubic-bezier(.15,1.65,.3,1) both}.debuff-slap span{display:block;margin-bottom:10px;font-family:var(--mono);font-size:9px;letter-spacing:.28em}.faceoff{display:grid;grid-template-columns:1fr 84px 1fr;align-items:stretch}.faceoff .mid{display:grid;place-items:center}.faceoff .mid span{font-family:var(--slab);font-size:20px;color:#14120e59;transform:rotate(-90deg);letter-spacing:.1em}.duel{border:1px solid var(--ink);background:var(--paper);box-shadow:10px 10px #14120e1a;padding:26px 24px;display:flex;flex-direction:column;gap:16px}.duel .pick{font-family:var(--slab);font-size:42px;line-height:.94;text-wrap:pretty}.duel .debuff{font-size:16px;line-height:1.5;font-style:italic;text-wrap:pretty}.duel.voted{background:var(--ochre)}.result-row{display:flex;align-items:stretch;gap:8px}.result-row .side{flex:1;padding:9px 12px;border:1px solid var(--line);font-family:var(--slab);font-size:14px}.result-row .side.won{border-color:var(--ink);background:var(--ochre)}.result-row .n{width:30px;display:grid;place-items:center;font-size:10px;color:#14120e4d}.verdict{padding:38px 34px;text-align:center}.verdict .champ{font-family:var(--slab);font-size:68px;line-height:.9;letter-spacing:-.03em;animation:slam .46s cubic-bezier(.2,1.4,.4,1) both}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--stamp);color:var(--paper);padding:11px 18px;font-size:11.5px;letter-spacing:.08em;z-index:200;animation:rise .2s ease-out both}@keyframes pulse{0%,49%{opacity:1}50%,to{opacity:.35}}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}@keyframes slam{0%{transform:scale(2.2) rotate(-8deg);opacity:0}55%{transform:scale(.95) rotate(-2deg);opacity:1}to{transform:none;opacity:1}}@keyframes reveal-shade{0%{opacity:0}to{opacity:1}}@keyframes reveal-rise{0%{transform:translateY(22px);opacity:0}to{transform:none;opacity:1}}@keyframes pick-pop{0%{transform:scale(.72) rotate(3deg);opacity:0}70%{transform:scale(1.025) rotate(-.5deg);opacity:1}to{transform:none;opacity:1}}@keyframes debuff-slap{0%{transform:scale(2.4) rotate(-10deg);opacity:0}62%{transform:scale(.93) rotate(-1deg);opacity:1}to{transform:rotate(-2deg);opacity:1}}@media(max-width:720px){.wrap{padding-left:16px;padding-right:16px}.topic-roll-head,.ban-bar{align-items:stretch;flex-direction:column}.topic-roll-head .eyebrow{text-align:center}.topic-roll-head .clock,.ban-bar .clock{width:100%;min-width:0}.ban-bar>.row{flex-wrap:wrap}.ban-grid{grid-template-columns:1fr}.reveal-card{min-height:240px;padding:30px 26px}}@media(prefers-reduced-motion:reduce){.reveal-overlay,.pick-pop,.debuff-pop,.debuff-slap{animation-duration:1ms;animation-delay:0ms}}