:root{--paper: #f3efe6;--card: #ffffff;--ink: #141414;--dim: #5f5a4f;--mint: #a7e8c5;--lilac: #cfc2ff;--yellow: #ffd75e;--orange: #ff6b3d;--blue: #2f6bff;--danger: #d92d20;--ok-ink: #17693d;--warn-ink: #8a5b00}*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh}h1,h2,.score{font-family:Avenir Next Condensed,Arial Narrow,Helvetica Neue,system-ui,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em}h1{font-size:2rem;line-height:1.05}h2{font-size:1.15rem;margin:1.4rem 0 .6rem}.dim{color:var(--dim)}.error{color:var(--danger);font-weight:600;margin-top:.6rem}button{cursor:pointer}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media(prefers-reduced-motion:no-preference){button{transition:transform .12s ease}button:active:not(:disabled){transform:scale(.97)}}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1.5rem;text-align:center}.join-form{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:280px}.join-form input{padding:.8rem 1rem;min-height:44px;border-radius:14px;border:2px solid var(--ink);background:var(--card);color:var(--ink);font-size:1rem}.join-form button,.validate{padding:.8rem 1.2rem;min-height:44px;border-radius:999px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.04em}.join-form button:disabled,.validate:disabled{border-color:var(--dim);background:var(--dim);color:var(--paper);cursor:default}.validate{width:100%;margin-top:.6rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.live{padding:1rem 1rem 4.5rem;max-width:480px;margin:0 auto}.scoreboard{text-align:center;padding:1rem;border-radius:20px;border:2px solid var(--ink);background:var(--card)}.event-label{color:var(--dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.score-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.4rem}.team{flex:1;font-weight:700;font-size:.95rem}.score{font-size:2.6rem}.elapsed{display:inline-block;margin-top:.3rem;padding:.1rem .7rem;border-radius:999px;background:var(--mint);font-weight:700}.feed{margin-top:.8rem;display:flex;flex-direction:column;gap:.4rem}.feed-item{padding:.6rem .8rem;border:2px solid var(--ink);border-left:8px solid var(--orange);border-radius:12px;background:var(--card);font-size:.9rem}.challenge{border-radius:20px;border:2px solid var(--ink);background:var(--card);padding:1rem;margin-bottom:.8rem}.challenge.locked,.challenge.void{background:var(--paper)}.challenge-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .6rem;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink)}.badge-live{background:var(--danger);border-color:var(--danger);color:#fff}.badge-quiz{background:var(--lilac)}.badge-prematch{background:var(--mint)}.points{padding:.15rem .6rem;border-radius:999px;background:var(--yellow);font-weight:800;font-size:.85rem}.question{font-weight:700;margin-bottom:.6rem}.options{display:flex;flex-direction:column;gap:.5rem;border:0;padding:0;margin:0;min-width:0}.options legend{padding:0}.option{display:block;padding:.8rem 1rem;min-height:44px;border-radius:16px;border:2px solid var(--ink);background:var(--card);color:var(--ink);font-weight:600;font-size:1rem;text-align:left;cursor:pointer}.option:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.options:disabled .option{background:var(--paper);color:var(--dim);cursor:default}.option.selected,.options:disabled .option.selected{border-style:dashed;border-color:var(--blue);background:var(--card);color:var(--ink)}.option.picked,.options:disabled .option.picked{background:var(--lilac);color:var(--ink);border-style:solid}.option.correct,.options:disabled .option.correct{background:var(--mint);color:var(--ink);border-style:solid}.challenge [role=status]>span{display:inline-block;margin-top:.5rem}.won{color:var(--ok-ink);font-weight:800;margin-top:.5rem}.leaderboard{list-style:none;padding:0;counter-reset:rank}.leaderboard li{counter-increment:rank;display:flex;justify-content:space-between;padding:.6rem .8rem;margin-bottom:.4rem;border:2px solid var(--ink);border-radius:12px;background:var(--card)}.leaderboard li:before{content:counter(rank) ". ";color:var(--dim);margin-right:.5rem}.leaderboard li.me{background:var(--mint);font-weight:700}.me-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:.8rem 1.2rem;background:var(--ink);color:var(--paper);font-weight:700}.event-visual{display:block;width:100%;max-height:16rem;object-fit:cover;border:2px solid var(--ink);border-radius:16px;margin-bottom:.8rem}.live-warning{margin:0 0 .8rem;padding:.75rem 1rem;border:2px solid var(--ink);border-radius:12px;color:var(--ink);background:var(--yellow)}.bo{padding:1rem;max-width:640px;margin:0 auto}.bo-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.8rem;border-bottom:2px solid var(--ink)}.bo-header a{color:var(--blue);text-decoration:none;font-weight:700}.linklike{background:none;border:none;color:var(--dim);text-decoration:underline;cursor:pointer;font-size:.9rem;min-height:44px}.bo-list{list-style:none;padding:0}.bo-list li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem;margin-bottom:.5rem;border:2px solid var(--ink);border-radius:16px;background:var(--card)}.bo-list a{color:inherit;text-decoration:none}.bo-actions{display:flex;gap:.5rem;flex-shrink:0}.bo-actions button,.qr-box button{padding:.5rem 1rem;min-height:44px;border:2px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font-weight:700;text-transform:uppercase;font-size:.85rem}.bo-actions .danger{background:var(--danger);border-color:var(--danger);color:#fff}.badge-cancelled,.badge-postponed{border-color:var(--danger);color:var(--danger)}.badge-scheduled{background:transparent}.warn{color:var(--warn-ink);font-size:.9rem;margin:.5rem 0}.qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.qr-box{background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:16px;padding:1rem;max-width:320px;text-align:center}.qr-box svg{max-width:100%;height:auto}.today,.odds{padding:1rem 1rem 3rem;max-width:480px;margin:0 auto}.today h1,.odds h1{margin:.4rem 0 1rem}.event-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.7rem}.event-card{display:flex;gap:.8rem;align-items:center;padding:.6rem;background:var(--card);border:2px solid var(--ink);border-radius:14px;color:inherit;text-decoration:none}.event-card .duel{width:96px;flex-shrink:0}.duel{display:block;width:100%;height:auto;border-radius:8px}.event-teams{font-weight:700}.event-meta{font-size:.85rem;margin-top:.2rem}.event-meta .badge{margin-left:.4rem}.back{color:var(--blue);text-decoration:none;font-weight:700}.odds-head{text-align:center;margin:.8rem 0 1.2rem}.odds-head .duel{max-width:240px;margin:0 auto .6rem}.market-group{background:var(--card);border:2px solid var(--ink);border-radius:14px;margin-bottom:.6rem;padding:.5rem .8rem}.market-group summary{cursor:pointer;font-weight:700;padding:.3rem 0}.market{padding:.4rem 0;border-top:1px solid var(--paper)}.market-variable{font-size:.85rem;margin-bottom:.2rem}.outcomes{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.outcomes li{flex:1 1 30%;display:flex;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;border:1.5px solid var(--ink);border-radius:999px;font-size:.9rem}
