:root{color-scheme:dark;--page:#121615;--surface:#1a211f;--strong:#252d2a;--ink:#f5f6f3;--muted:#9da7a3;--line:#37413e;--yellow:#ffcf65;--coral:#ef7469;--blue:#6faee0;--mint:#72d9b2}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--page)}body{min-width:320px;min-height:100vh;margin:0;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit;letter-spacing:0}.shell{min-height:100svh}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:62px;border-bottom:1px solid var(--line);padding:8px clamp(14px,3vw,34px);background:#151b19}.back-link,.brand{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:850}.back-link{justify-self:start;min-height:40px;color:var(--muted);text-decoration:none}.brand{justify-self:center;white-space:nowrap}.brand-mark{display:grid;width:22px;height:22px;place-items:center;border:2px solid var(--yellow);border-radius:50%;color:var(--yellow);font-size:13px}.language-button{justify-self:end;width:40px;height:36px;border:1px solid var(--line);border-radius:5px;background:var(--strong);color:var(--yellow);cursor:pointer;font-size:11px;font-weight:950}.back-link:hover,.back-link:focus-visible{color:var(--ink)}.language-button:hover,.language-button:focus-visible{border-color:var(--yellow)}.screen[hidden]{display:none}.setup-screen,.final-screen{width:min(920px,calc(100% - 36px));margin:auto;padding:clamp(44px,7vw,76px) 0 70px}.screen-heading{margin-bottom:32px}.screen-heading p,.topic-stage p,.vote-heading p{margin:0;color:var(--mint);font-size:11px;font-weight:900;text-transform:uppercase}.screen-heading h1{margin:5px 0 8px;font-size:clamp(38px,6vw,64px);line-height:1;letter-spacing:0}.screen-heading>span{color:var(--muted);font-size:15px}.setup-tool{border-top:1px solid var(--line)}.add-form{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:18px 0}.add-form label,.setting>span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.add-form>div{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px}.add-form input{min-width:0;min-height:46px;border:1px solid var(--line);border-radius:6px;padding:0 14px;background:var(--surface);color:var(--ink);outline:0}.add-form input:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(114,217,178,.2)}.icon-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--strong);color:var(--muted);cursor:pointer;font-size:20px;font-weight:900}.add-button{width:46px;height:46px;border-color:var(--mint);background:var(--mint);color:#111915;font-size:25px}.roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:94px;border-bottom:1px solid var(--line);padding:18px 0}.roster:empty:after{grid-column:1/-1;align-self:center;color:#71807b;content:attr(data-empty);font-size:13px;text-align:center}.roster-item{display:grid;grid-template-columns:44px minmax(0,1fr) 34px;align-items:center;gap:9px;min-width:0;border:1px solid var(--line);border-radius:6px;padding:6px;background:var(--surface)}.roster-item img{width:44px;height:44px;border-radius:4px}.roster-item strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.roster-item .icon-button{width:34px;height:34px;border:0;background:transparent}.settings-row{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:24px;padding-top:20px}.setting{display:grid;gap:8px}.segments{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:6px}.segments button{min-width:52px;min-height:42px;border:0;border-right:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;font-size:12px;font-weight:900}.segments button:last-child{border-right:0}.segments button.is-active,.segments button:hover,.segments button:focus-visible{background:var(--mint);color:#111915}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid transparent;border-radius:6px;padding:0 17px;cursor:pointer;font-size:13px;font-weight:900}.button.primary{border-color:var(--yellow);background:var(--yellow);color:#181913}.button.secondary{border-color:var(--line);background:var(--strong);color:var(--ink)}.button:hover,.button:focus-visible{filter:brightness(1.08)}.button:disabled{cursor:not-allowed;opacity:.4}.start-button{justify-self:end;min-width:160px}.play-screen{padding-bottom:82px}.round-bar{display:flex;align-items:center;justify-content:space-between;min-height:62px;border-bottom:1px solid var(--line);padding:8px clamp(16px,4vw,50px);background:var(--surface)}.round-bar>div{display:flex;flex-direction:column;gap:2px}.round-bar span{color:var(--mint);font-size:11px;font-weight:900;text-transform:uppercase}.round-bar strong{color:var(--muted);font-size:12px}.topic-stage{display:grid;min-height:210px;place-items:center;border-bottom:1px solid var(--line);padding:25px clamp(18px,6vw,80px);text-align:center}.topic-stage h1{max-width:980px;margin:8px auto 0;font-size:clamp(30px,4.5vw,52px);line-height:1.08;letter-spacing:0}.duel-stage{display:grid;grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);align-items:stretch;gap:14px;width:min(1050px,calc(100% - 36px));margin:20px auto}.duelist{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center;min-width:0;overflow:hidden;border:2px solid var(--line);border-radius:7px;padding:8px;background:var(--surface);color:var(--ink);cursor:default;text-align:left}.duelist img{grid-row:1/3;width:96px;height:96px;border-radius:5px;object-fit:cover}.duelist .side-badge{align-self:end;margin:0 12px 2px;color:var(--muted);font-size:10px;font-weight:950;text-transform:uppercase}.duelist strong{align-self:start;overflow:hidden;margin:1px 12px 0;font-size:clamp(19px,2.5vw,30px);text-overflow:ellipsis;white-space:nowrap}.duelist-left{border-color:rgba(239,116,105,.55)}.duelist-left .side-badge{color:var(--coral)}.duelist-right{border-color:rgba(111,174,224,.55)}.duelist-right .side-badge{color:var(--blue)}.timer-panel{display:grid;place-content:center;border:1px solid var(--line);border-radius:7px;background:var(--strong);text-align:center}.timer-panel span{font-variant-numeric:tabular-nums;font-size:52px;font-weight:950;line-height:1}.timer-panel small{margin-top:4px;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.play-screen.is-running .timer-panel{border-color:var(--yellow)}.play-screen.is-voting .duelist{cursor:pointer}.play-screen.is-voting .duelist:hover,.play-screen.is-voting .duelist:focus-visible,.play-screen.is-voting .duelist.is-selected{border-color:var(--yellow);outline:4px solid rgba(255,207,101,.28);transform:translateY(-2px)}.vote-heading{text-align:center}.vote-heading h2{margin:4px 0 0;font-size:23px}.action-bar{position:fixed;z-index:10;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;border-top:1px solid var(--line);padding:10px max(20px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:rgba(21,27,25,.97);backdrop-filter:blur(14px)}.action-bar>div{display:flex;min-width:0;flex-direction:column;gap:2px}.action-bar span{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.action-bar strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.action-bar .button span{color:inherit;font-size:13px;text-transform:none}.winner{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.winner img{width:112px;height:112px;border-radius:7px}.winner p{margin:0 0 4px;color:var(--yellow);font-size:11px;font-weight:900;text-transform:uppercase}.winner h2{margin:0;font-size:38px}.winner span{color:var(--muted);font-size:13px}.leaderboard{display:grid}.leader-row{display:grid;grid-template-columns:50px 54px minmax(0,1fr) auto;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:12px 0}.leader-row>span:first-child{color:var(--muted);font-size:14px;font-weight:900;text-align:center}.leader-row img{width:54px;height:54px;border-radius:5px}.leader-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-pill{border:1px solid var(--line);border-radius:5px;padding:7px 10px;color:var(--yellow);font-size:13px;font-weight:950}.final-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:24px}.toast{position:fixed;z-index:50;right:18px;bottom:86px;visibility:hidden;border-radius:6px;padding:11px 14px;background:#f5f6f3;color:#18201e;box-shadow:0 14px 34px rgba(0,0,0,.35);font-size:13px;font-weight:800;opacity:0;transform:translateY(8px);transition:.15s}.toast.is-visible{visibility:visible;opacity:1;transform:translateY(0)}:focus-visible{outline:3px solid rgba(114,217,178,.72);outline-offset:3px}@media(max-width:720px){.roster{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-row{grid-template-columns:1fr 1fr}.start-button{grid-column:1/-1;width:100%}.duel-stage{grid-template-columns:1fr 70px 1fr}.duelist{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center}.duelist img{grid-row:auto;width:100%;height:auto;aspect-ratio:4/3}.duelist .side-badge{margin:7px 4px 1px}.duelist strong{margin:1px 4px 7px;font-size:18px}.timer-panel span{font-size:38px}}@media(max-width:520px){.topbar{grid-template-columns:auto 1fr auto;padding-inline:12px}.brand{font-size:12px}.setup-screen,.final-screen{width:calc(100% - 28px);padding-top:38px}.screen-heading h1{font-size:38px}.add-form{grid-template-columns:1fr;gap:8px}.roster{grid-template-columns:1fr}.settings-row{gap:12px}.round-bar{padding-inline:14px}.round-bar .button{width:44px;padding:0;font-size:0}.round-bar .button span:first-child{font-size:18px}.round-bar .button span:not(:first-child){display:none}.topic-stage{min-height:210px;padding:22px 14px}.topic-stage h1{font-size:30px}.duel-stage{grid-template-columns:1fr 54px 1fr;width:calc(100% - 20px);gap:7px}.duelist{padding:5px}.duelist strong{font-size:15px}.timer-panel span{font-size:30px}.timer-panel small{font-size:8px}.action-bar{padding-inline:14px}.action-bar>div{max-width:44%}.action-bar .button{padding-inline:13px}.winner{grid-template-columns:86px 1fr}.winner img{width:86px;height:86px}.winner h2{font-size:27px}.leader-row{grid-template-columns:34px 48px 1fr auto;gap:8px}.leader-row img{width:48px;height:48px}.final-actions{align-items:stretch;flex-direction:column-reverse}}@media(prefers-reduced-motion:reduce){.toast{transition:none}}