:root{--bg: #221640;--panel: #2e1f57;--panel-raised: #3a2a6b;--line: #4b3c84;--text: #f4f0ff;--soft: #b9aedd;--gold: #ffc94a;--gold-ink: #2b1b00;--rose: #ff4f7b;--ping-blue: #4da8ff;--ping-green: #3ddc84;--ping-yellow: #ffd23f;--ping-red: #ff5a5a;--ping-off: #8c82ad;--font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(ellipse 70% 45% at 50% -5%,rgba(255,201,74,.16),transparent 70%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:1.0625rem;line-height:1.5;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--soft)}.home{position:relative;max-width:30rem;margin:0 auto;padding:3.5rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.home__corner{position:absolute;top:1rem;right:1.25rem}.home__title{font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,14vw,4.5rem);line-height:.95;letter-spacing:-.03em;margin:0;color:var(--gold)}.home__lead{margin:0;color:var(--soft);font-size:1.125rem}.notice{margin:0;padding:.75rem 1rem;border-left:4px solid var(--gold);background:var(--panel);border-radius:0 8px 8px 0}.switch{display:grid;grid-template-columns:1fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px}.switch__btn{font:inherit;font-weight:700;color:var(--soft);background:none;border:0;border-radius:999px;padding:.6rem .5rem;cursor:pointer}.switch__btn[aria-selected=true]{background:var(--panel-raised);color:var(--text)}.panel{display:flex;flex-direction:column;gap:1rem}.panel__hint{margin:0;color:var(--soft)}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-weight:700}.field__optional{font-weight:400;color:var(--soft)}.input{font:inherit;color:var(--text);background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:.75rem .9rem;width:100%}.input:focus{border-color:var(--gold);outline:none}.input--code{font-family:var(--font-display);font-weight:800;font-size:1.75rem;letter-spacing:.3em;text-transform:uppercase;text-align:center}.input--code::placeholder{color:var(--line)}.error{margin:0;color:#ffd1dc;background:#ff4f7b24;border:1px solid rgba(255,79,123,.5);border-radius:8px;padding:.6rem .8rem}.btn{font:inherit;font-weight:700;border-radius:10px;padding:.85rem 1.25rem;cursor:pointer;border:2px solid transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--gold);color:var(--gold-ink);font-family:var(--font-display);font-size:1.15rem}.btn--primary:not(:disabled):active{transform:translateY(1px)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn--danger{background:transparent;color:var(--rose);border-color:#ff4f7b99}.screen{min-height:100vh}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:#221640eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--gold);letter-spacing:-.02em}.topbar__right{display:flex;align-items:center;gap:.75rem}.role{color:var(--soft);font-size:.95rem}.banner{background:var(--rose);color:#2a0010;font-weight:700;padding:.6rem 1.25rem;text-align:center}.ping{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem .2rem .45rem;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:.9rem;font-variant-numeric:tabular-nums;white-space:nowrap;--c: var(--ping-off)}.ping__dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent)}.ping--blue{--c: var(--ping-blue)}.ping--green{--c: var(--ping-green)}.ping--yellow{--c: var(--ping-yellow)}.ping--red{--c: var(--ping-red)}.ping--offline,.ping--unknown{--c: var(--ping-off)}.ping--offline .ping__text{color:var(--soft)}.lobby{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 3rem;display:flex;flex-direction:column;gap:2.5rem}.stage{display:flex;flex-direction:column;align-items:center;gap:1.1rem;text-align:center}.stage__label{margin:0;color:var(--soft)}.stage__welcome{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(2.25rem,9vw,3.25rem);line-height:1;letter-spacing:-.02em}.stage__wait{margin:0;color:var(--soft);max-width:32ch}.tiles{display:inline-flex;gap:.4rem;perspective:600px}.tile{position:relative;display:grid;place-items:center;width:3.4rem;height:4.4rem;background:var(--gold);color:var(--gold-ink);font-family:var(--font-display);font-weight:800;font-size:2.6rem;border-radius:8px;box-shadow:inset 0 -4px #0000002e;animation:flip .52s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 70ms)}.tile:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#2b1b0038}.tiles--small .tile{width:2rem;height:2.6rem;font-size:1.4rem;border-radius:6px;animation:none}@media(max-width:420px){.tile{width:2.8rem;height:3.7rem;font-size:2.1rem}}@keyframes flip{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@media(prefers-reduced-motion:reduce){.tile{animation:none}}.roster__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.5rem;margin-bottom:.75rem}.roster__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.4rem}.empty{color:var(--soft);margin:0}.players{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.5rem}.player{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;background:var(--panel);border-radius:8px;min-width:0}.player__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__state{color:var(--soft);font-size:.9rem}.player--me{outline:2px solid var(--gold)}.player--away .player__name{color:var(--soft);text-decoration:line-through;text-decoration-color:#b9aedd80}.actions{display:flex;justify-content:center}.lobby--gm{max-width:72rem}.section-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.4rem}.link{font:inherit;color:var(--gold);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:flex-start}.swatch{display:inline-block;width:.75rem;height:.75rem;border-radius:3px;background:var(--team, var(--soft));flex:none}.board,.picker{display:flex;flex-direction:column;gap:1rem}.board__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:.6rem}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.stepper__btn{font:inherit;font-size:1.3rem;font-weight:700;width:2.5rem;height:2.5rem;border:0;border-radius:999px;background:none;color:var(--text);cursor:pointer}.stepper__btn:disabled{opacity:.35;cursor:not-allowed}.stepper__value{min-width:6.5rem;text-align:center;font-weight:700}.suggest{margin:0;color:var(--soft)}.teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.9rem}.team{display:flex;flex-direction:column;gap:.6rem;background:var(--panel);border-radius:10px;border-top:6px solid var(--team, var(--line));padding:.85rem .9rem 1rem;min-width:0}.team--none{border-top-style:dashed;border-top-color:var(--soft)}.team__head,.myteam__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.team__name{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--team, var(--text));overflow-wrap:anywhere}.team__count{font-variant-numeric:tabular-nums;color:var(--soft);font-weight:700}.team__count--over{color:var(--ping-yellow)}.team__votes,.team__empty,.team__roster{margin:0;color:var(--soft);font-size:.95rem}.members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.member{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .55rem;background:var(--panel-raised);border-radius:7px;min-width:0}.member__name{display:flex;flex:1 1 7rem;align-items:center;gap:.45rem;flex-wrap:wrap;font-weight:700;min-width:0;overflow-wrap:break-word}.member__side{display:flex;align-items:center;gap:.4rem;flex:none;margin-left:auto}.member__state{color:var(--soft);font-size:.9rem;flex:none}.member--away .member__name{color:var(--soft);text-decoration:line-through;text-decoration-color:#b9aedd80}.rep,.you{font-size:.75rem;font-weight:700;border-radius:999px;padding:.1rem .5rem;text-decoration:none}.rep{background:var(--gold);color:var(--gold-ink)}.you{border:1px solid var(--line);color:var(--soft)}.move{font:inherit;font-size:.85rem;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.25rem .3rem;max-width:8.5rem}.board__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.board__foot .muted{margin:0;max-width:46ch}.btn--team{margin-top:auto;background:var(--team);color:#170d2e}.picker__random{align-self:center}.split{display:grid;gap:1.5rem}@media(min-width:900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.split__main{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.myteam{display:flex;flex-direction:column;gap:1rem;background:var(--panel);border-radius:12px;border-top:8px solid var(--team);padding:1rem 1.1rem 1.2rem}.myteam__name{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--team);overflow-wrap:anywhere}.myteam__locked p{margin:0 0 .6rem}.vote{border:1px solid var(--line);border-radius:10px;padding:.8rem .9rem .9rem;margin:0}.vote__legend{font-weight:700;padding:0 .3rem}.vote__hint,.vote__status{margin:0 0 .6rem;color:var(--soft);font-size:.95rem}.vote__status{margin:.6rem 0 0}.vote__options{display:flex;flex-wrap:wrap;gap:.45rem}.vote__option{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;background:var(--panel-raised);cursor:pointer}.vote__option:has(input:checked){background:var(--team);color:#170d2e;font-weight:700}.vote__option input{accent-color:var(--gold)}.rename{display:flex;flex-wrap:wrap;gap:.5rem}.rename .input{flex:1 1 12rem}.others__list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.others__item{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}.others__name{font-weight:700}.chat{display:flex;flex-direction:column;gap:.6rem;background:var(--panel);border-radius:12px;border-left:4px solid var(--team, var(--line));padding:1rem 1.1rem;min-width:0}.chat__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.25rem}.chat__hint{margin:0;color:var(--soft);font-size:.9rem}.chat__list{list-style:none;margin:0;padding:.25rem .25rem .25rem 0;height:20rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;overscroll-behavior:contain}.chat__empty{color:var(--soft);margin:auto 0;text-align:center}.msg{display:flex;flex-direction:column;gap:.1rem;max-width:85%;padding:.45rem .7rem;background:var(--panel-raised);border-radius:10px 10px 10px 3px;align-self:flex-start}.msg--mine{align-self:flex-end;border-radius:10px 10px 3px;background:color-mix(in srgb,var(--team, var(--panel-raised)) 28%,var(--panel-raised))}.msg__meta{display:flex;gap:.5rem;align-items:baseline;font-size:.8rem}.msg__author{font-weight:700}.msg__time{color:var(--soft)}.msg__text{overflow-wrap:anywhere;white-space:pre-wrap}.chat__form{display:flex;gap:.5rem}.chat__input{flex:1;min-width:0}.chat__send{font-size:1rem;padding:.6rem 1rem}.chat__count{margin:0;font-size:.85rem;color:var(--soft);text-align:right}.chat__tabs{display:flex;flex-wrap:wrap;gap:.4rem}.chat__tab{font:inherit;font-size:.95rem;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:none;color:var(--soft);cursor:pointer}.chat__tab[aria-selected=true]{border-color:var(--team);color:var(--text);background:var(--panel-raised)}.chat__tab-count{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--soft)}.warn,.ready{margin:0;padding:.6rem .85rem;border-radius:8px}.warn{background:#ffd23f1f;border:1px solid rgba(255,210,63,.45);color:#ffeaa6}.ready{background:#3ddc841f;border:1px solid rgba(61,220,132,.45);color:#c4f5d9}.link--danger{color:var(--rose)}.btn--small{font-size:.9rem;padding:.4rem .75rem;border-radius:8px}.chooser{display:flex;flex-direction:column;gap:.8rem}.chooser select{max-width:32rem}.badge-warn,.badge-ok{font-size:.8rem;font-weight:700;border-radius:999px;padding:.15rem .6rem;white-space:nowrap}.badge-warn{background:#ffd23f2e;color:var(--ping-yellow)}.badge-ok{background:#3ddc842e;color:var(--ping-green)}.lobby--game{max-width:76rem;padding-top:1.25rem}.board__buttons{display:flex;flex-wrap:wrap;gap:.6rem}.game{display:grid;gap:1.5rem}@media(min-width:960px){.game{grid-template-columns:minmax(0,1fr) 22rem;align-items:start}}.game__main,.game__side{display:flex;flex-direction:column;gap:1rem;min-width:0}.position{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem}.position__round{font-family:var(--font-display);font-weight:600;font-size:1.2rem}.position__trial{color:var(--soft)}.gm-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem}.gm-head__tools{display:flex;align-items:center;gap:1rem}.stage-card{display:flex;flex-direction:column;align-items:center;gap:1.1rem;background:var(--panel);border-radius:16px;padding:1.5rem 1.25rem 1.75rem;text-align:center}.stage-card--gm{align-items:stretch;text-align:left}.stage-card__question{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.35rem,3.5vw,1.9rem);line-height:1.2;max-width:34ch}.stage-card--gm .stage-card__question{max-width:none}.stage__screen{position:relative;width:100%;max-width:44rem;border-radius:12px;overflow:hidden;background:#000;align-self:center}.stage__screen video,.stage__video{display:block;width:100%;max-height:60vh;background:#000}.stage__screen--hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.stage__screen--image{background:transparent}.stage__screen--image img{display:block;max-width:100%;max-height:60vh;margin:0 auto;border-radius:12px}.stage__screen--yt{aspect-ratio:16 / 9}.yt-holder,.yt-holder iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.yt-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#000 0,#000 22%,transparent 22%,transparent 84%,#000 84%)}.yt-mask--full{display:grid;place-items:center;background:var(--panel-raised)}.yt-mask--full .vinyl__disc{width:clamp(6rem,28vw,10rem)}.vinyl{display:flex;flex-direction:column;align-items:center;gap:.7rem;width:100%;max-width:22rem;padding:1.1rem 1rem}.vinyl__disc{width:clamp(9rem,40vw,13rem);height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.vinyl--on .vinyl__disc{animation:spin 1.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vinyl--on .vinyl__disc{animation:none}}.vinyl__body{fill:#141018}.vinyl__groove{fill:none;stroke:#2a2433;stroke-width:1.2}.vinyl__shine{fill:none;stroke:#ffffff2e;stroke-width:6;stroke-linecap:round}.vinyl__label{fill:var(--gold)}.vinyl__label-ring{fill:none;stroke:#2b1b0059;stroke-width:1.5}.vinyl__hole{fill:var(--bg)}.vinyl__text{color:var(--soft)}.vinyl__track{width:100%;height:6px;border-radius:3px;background:var(--panel-raised);overflow:hidden}.vinyl__track span{display:block;height:100%;background:var(--gold);transition:width .25s linear}.buzzer-zone{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:.5rem}.buzzer{--team: var(--rose);width:clamp(9rem,38vw,12rem);aspect-ratio:1;border-radius:50%;border:0;font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,6vw,2rem);color:#170d2e;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--team) 55%,#fff),var(--team) 60%);box-shadow:0 10px color-mix(in srgb,var(--team) 55%,#000),0 14px 26px #00000073;cursor:pointer;transform:translateY(0);transition:transform 60ms,box-shadow 60ms,filter .15s;touch-action:manipulation}.buzzer:disabled{cursor:not-allowed;filter:grayscale(.85) brightness(.55)}.buzzer--open:active{transform:translateY(8px);box-shadow:0 2px color-mix(in srgb,var(--team) 55%,#000),0 4px 10px #00000073}.buzzer:focus-visible{outline:4px solid var(--gold);outline-offset:6px}.buzzer-zone__hint{margin:0;color:var(--soft);max-width:34ch}.buzzed{width:100%;max-width:34rem;align-self:center;text-align:center;border-radius:14px;padding:1.1rem 1rem;background:color-mix(in srgb,var(--team) 20%,var(--panel-raised));border:2px solid var(--team)}.buzzed p{margin:.2rem 0}.buzzed__big{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,6vw,2.6rem);color:var(--team);line-height:1.05}.judge{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.9rem}.btn--good{background:var(--ping-green);color:#062615}.btn--bad{background:var(--rose);color:#2a0010}.results{list-style:none;margin:0;padding:0;width:100%;max-width:34rem;align-self:center;display:flex;flex-direction:column;gap:.35rem}.result{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:8px;background:var(--panel-raised);text-align:left}.result__text{flex:1}.result__delta{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums}.result--correct .result__delta{color:var(--ping-green)}.result--wrong .result__delta{color:var(--rose)}.reveal{width:100%;display:flex;flex-direction:column;align-items:center;gap:.6rem}.reveal__label{margin:0;color:var(--soft)}.reveal__answer{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,6vw,2.8rem);line-height:1.1;color:var(--gold);max-width:24ch}.gm-answer{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.85rem 1rem;border-radius:12px;background:var(--panel-raised);border-left:4px solid var(--gold)}.gm-answer p{margin:0}.gm-answer__label{margin-top:.4rem!important;color:var(--soft);font-size:.9rem}.gm-answer__text{font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--gold)}.gm-loaded{margin:0;color:var(--soft);font-size:.95rem}.controls{display:flex;flex-wrap:wrap;gap:.6rem}.scores{background:var(--panel);border-radius:14px;padding:.75rem}.scores__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.scores__row{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:8px}.scores__row--mine{background:var(--panel-raised);outline:2px solid var(--team)}.scores__rank{width:1.4rem;color:var(--soft);font-variant-numeric:tabular-nums}.scores__name{flex:1;font-weight:700;overflow-wrap:anywhere}.scores__points{font-family:var(--font-display);font-weight:800;font-size:1.3rem;font-variant-numeric:tabular-nums}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1.25rem;background:#140c28e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gate__card{max-width:26rem;display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;background:var(--panel);border-radius:18px;padding:2rem 1.5rem}.gate__title{margin:0;font-family:var(--font-display);font-weight:800;font-size:2rem;color:var(--gold)}.gate__text{margin:0;color:var(--soft)}.gate__btn{min-width:12rem}.final{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.final__label{margin:0;color:var(--soft)}.final__winner{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,8vw,3.6rem);line-height:1;color:var(--team)}.final__table-wrap{width:100%;overflow-x:auto}.final__table{border-collapse:collapse;margin:0 auto;min-width:100%;font-variant-numeric:tabular-nums}.final__table th,.final__table td{padding:.6rem .8rem;border-bottom:1px solid var(--line);white-space:nowrap}.final__table thead th{color:var(--soft);font-weight:400;font-size:.9rem}.final__table tbody th{text-align:left;color:var(--team)}.final__total{font-family:var(--font-display);font-weight:800;font-size:1.2rem}.final__mine{background:var(--panel)}.buzzed__me{font-weight:700}.order{list-style:none;margin:.8rem auto 0;padding:0;max-width:22rem;display:flex;flex-direction:column;gap:.25rem;text-align:left}.order__row{display:flex;align-items:center;gap:.55rem;padding:.35rem .6rem;border-radius:7px;background:#0000002e}.order__row--me{outline:2px solid var(--team)}.order__rank{width:1.2rem;color:var(--soft);font-variant-numeric:tabular-nums}.order__name{flex:1;font-weight:700}.order__gap{font-variant-numeric:tabular-nums;color:var(--soft);font-size:.92rem}.answer-zone{width:100%;max-width:36rem;display:flex;flex-direction:column;align-items:center;gap:.9rem}.countdown{width:100%;max-width:28rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.countdown__value{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,7vw,2.8rem);font-variant-numeric:tabular-nums;line-height:1}.countdown--low .countdown__value{color:var(--rose)}.countdown__bar{width:100%;height:8px;border-radius:4px;background:var(--panel-raised);overflow:hidden}.countdown__bar span{display:block;height:100%;background:var(--gold);transition:width .25s linear}.countdown--low .countdown__bar span{background:var(--rose)}.countdown__label{color:var(--soft);font-size:.95rem}.answer-form{width:100%;display:flex;gap:.5rem}.answer-form__input{flex:1;min-width:0;font-size:1.2rem}.sent{margin:0;padding:.7rem 1rem;border-radius:10px;background:var(--panel-raised)}.progress-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.progress-chip{font-size:.9rem;padding:.2rem .65rem;border-radius:999px;border:1px dashed var(--line);color:var(--soft)}.progress-chip--done{border-style:solid;border-color:var(--ping-green);color:var(--text)}.choices{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.choices__hint{margin:0}.choices__grid{width:100%;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem}.choice-card{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem 1rem;border-radius:12px;background:var(--panel-raised);border:2px solid transparent;text-align:left;font-weight:700;cursor:pointer}.choice-card input{width:1.2rem;height:1.2rem;accent-color:var(--gold);flex:none;order:-1}.choice-card--on{border-color:var(--gold)}.choices__grid--reveal .choice-card{cursor:default;opacity:.6}.choices__grid--reveal .choice-card--right{opacity:1;border-color:var(--ping-green)}.choices__grid--reveal .choice-card--mine{opacity:1;outline:2px dashed var(--soft);outline-offset:2px}.choice-card__tag{font-size:.8rem;font-weight:400;color:var(--soft)}.tiebreak{padding:1rem;border-radius:14px;border:2px solid var(--gold);background:#ffc94a14}.tiebreak p{margin:0}.tiebreak__title{font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--gold)}.tiebreak__options{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.tiebreak__option{font-size:1.05rem}.verdict{margin:0;font-weight:700;padding:.5rem .9rem;border-radius:8px}.verdict--right{background:#3ddc8426;color:var(--ping-green)}.verdict--wrong{background:#ff4f7b26;color:#ff9db5}.mates{list-style:none;margin:0;padding:0;width:100%;max-width:30rem;display:flex;flex-direction:column;gap:.25rem;text-align:left}.mates li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem .65rem;border-radius:6px;background:var(--panel-raised);border-left:4px solid var(--line)}.mates__name{font-weight:700}.mates .mates__right{border-left-color:var(--ping-green)}.mates .mates__wrong{border-left-color:var(--rose)}.mates .mates__none,.result--none .result__delta{color:var(--soft)}.gm-choices{margin:.2rem 0 0;padding-left:1.1rem;color:var(--soft)}.gm-choices__right{color:var(--ping-green);font-weight:700}.gm-answers{display:flex;flex-direction:column;gap:.9rem}.gm-answers .countdown{align-self:center}.gm-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem}.gm-team{border-radius:10px;background:var(--panel-raised);border-top:4px solid var(--team);padding:.6rem .75rem}.gm-team p{margin:0}.gm-team__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem .6rem;margin-bottom:.4rem!important}.gm-team__name{font-weight:700;color:var(--team)}.gm-team__status{font-size:.85rem;color:var(--soft)}.gm-team__status--win{color:var(--ping-green)}.gm-team__status--tie{color:var(--ping-yellow)}.gm-team__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;font-size:.92rem}.gm-team__list li{display:flex;justify-content:space-between;gap:.6rem}.gm-team__pseudo{font-weight:700}.gm-team__list .is-right{color:#c4f5d9}.gm-team__list .is-wrong{color:#ffb3c5}.gm-team__list .is-waiting{color:var(--soft)}.gm-team__tb{margin-top:.4rem!important;font-size:.9rem;color:var(--ping-yellow)}.award{display:flex;flex-direction:column;gap:.5rem}.award p{margin:0}.award__buttons{display:flex;flex-wrap:wrap;gap:.4rem}.award__buttons .btn{border-color:var(--team)}.players-panel{background:var(--panel);border-radius:14px;padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.players-panel .section-title{font-size:1.15rem}.players-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.players-panel__row{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:7px}.players-panel__row--away .players-panel__name{color:var(--soft)}.players-panel__name{flex:1;font-weight:700;min-width:0;overflow-wrap:anywhere}.kick{font-size:.85rem}
