:root{color-scheme:dark;--page:#15121a;--surface:#201b27;--strong:#2c2535;--line:#4b4057;--ink:#faf7fd;--muted:#aaa0b4;--smash:#ff655f;--pass:#62d7c6;--yellow:#f5cc67}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-width:320px;min-height:100%;margin:0;background:var(--page);color:var(--ink);font-family:Inter,system-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(12px,3vw,34px);background:#1a1620}.back-link,.brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:850}.back-link{color:var(--muted);text-decoration:none}.brand{justify-self:center}.brand-mark{display:grid;height:27px;place-items:center;border-radius:5px;padding:0 6px;background:linear-gradient(90deg,var(--smash) 50%,var(--pass) 50%);color:#171219;font-size:9px;font-weight:950}.language-button{justify-self:end;width:42px;height:36px;border:1px solid var(--line);border-radius:5px;background:var(--strong);color:var(--yellow);font-size:11px;font-weight:950}.setup-screen,.final-screen{width:min(980px,calc(100% - 36px));margin:auto;padding:clamp(42px,7vw,76px) 0}.screen-heading{margin-bottom:30px}.screen-heading p{margin:0;color:var(--pass);font-size:11px;font-weight:900;text-transform:uppercase}.screen-heading h1{margin:5px 0 8px;font-size:clamp(40px,6vw,64px);line-height:1}.screen-heading>span{color:var(--muted)}.setup-tool{border-top:1px solid var(--line)}.add-form{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:16px;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:1fr 46px;gap:8px}.add-form input{min-width:0;height:46px;border:1px solid var(--line);border-radius:6px;padding:0 13px;background:var(--surface);color:var(--ink)}.add-button{border:0;border-radius:6px;background:var(--pass);color:#10201d;font-size:24px;font-weight:900}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:85px;border-bottom:1px solid var(--line);padding:16px 0}.roster-item{display:grid;grid-template-columns:40px 1fr 32px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:6px;background:var(--surface)}.avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;color:#1b1520;font-weight:950}.roster-item strong{overflow:hidden;text-overflow:ellipsis}.remove{border:0;background:transparent;color:var(--muted);font-size:19px}.settings-row{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:20px}.setting{display:grid;gap:8px}.segments{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.segments button{min-width:54px;height:42px;border:0;border-right:1px solid var(--line);padding:0 12px;background:var(--surface);color:var(--muted);font-weight:900}.segments button:last-child{border:0}.segments button.is-active{background:var(--pass);color:#10201d}.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;font-size:13px;font-weight:900}.primary{background:var(--yellow);color:#211a10}.secondary{border-color:var(--line);background:var(--strong);color:var(--ink)}.button:disabled{opacity:.4}.round-bar{display:flex;align-items:center;justify-content:space-between;min-height:62px;border-bottom:1px solid var(--line);padding:8px clamp(14px,4vw,48px);background:var(--surface)}.round-bar>div{display:flex;flex-direction:column}.round-bar span{color:var(--pass);font-size:11px;font-weight:900;text-transform:uppercase}.round-bar strong{color:var(--muted);font-size:12px}.play-layout{display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(320px,.85fr);gap:clamp(16px,4vw,50px);width:min(1050px,calc(100% - 36px));margin:clamp(30px,6vh,70px) auto}.subject-card{position:relative;display:grid;min-height:540px;align-content:center;justify-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:35px;background:var(--surface);text-align:center}.subject-card:before{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--smash) 50%,var(--pass) 50%);content:""}.subject-type{color:var(--pass);font-size:11px;font-weight:900;text-transform:uppercase}.subject-icon{margin:26px 0 14px;font-size:clamp(90px,13vw,150px);filter:drop-shadow(0 14px 18px #0d0b10)}.subject-card h1{margin:0;font-size:clamp(35px,5vw,58px);line-height:1}.subject-card p{max-width:460px;margin:15px 0;color:var(--muted);font-size:16px}.vote-panel{display:grid;align-content:center}.vote-panel>p{margin:0;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.vote-panel h2{margin:3px 0 22px;font-size:clamp(29px,4vw,44px)}.vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vote-button{display:grid;min-height:155px;place-content:center;gap:7px;border:2px solid transparent;border-radius:8px;color:#161218;cursor:pointer}.vote-button span{font-size:42px}.vote-button strong{font-size:18px}.vote-button.smash{background:var(--smash)}.vote-button.pass{background:var(--pass)}.vote-button:hover,.vote-button:focus-visible{transform:translateY(-3px);filter:brightness(1.08)}.vote-button:disabled{cursor:default;opacity:.45;transform:none}.vote-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.vote-columns>div{min-height:80px;border:1px solid var(--line);border-radius:6px;padding:9px;background:var(--surface)}.vote-columns>div>span{font-size:10px;font-weight:900}.vote-columns>div:first-child>span{color:var(--smash)}.vote-columns>div:last-child>span{color:var(--pass)}.avatar-stack{display:flex;flex-wrap:wrap;margin-top:8px}.avatar-stack .avatar{width:34px;height:34px;margin-right:-5px;border:3px solid var(--surface);font-size:11px}.next-button{width:100%;margin-top:12px}.result-meter{position:absolute;right:20px;bottom:20px;left:20px;height:48px;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--pass)}.result-meter>div{position:absolute;inset:0 auto 0 0;background:var(--smash)}.result-meter span{position:absolute;top:0;display:grid;height:100%;align-items:center;color:#171219;font-size:11px;font-weight:950}.result-meter span:nth-of-type(1){left:11px}.result-meter span:nth-of-type(2){right:11px}.final-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.final-columns h2{font-size:17px}.final-columns section:first-child h2{color:var(--smash)}.final-columns section:last-child h2{color:var(--pass)}.recap{display:grid;gap:8px}.recap-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:8px;background:var(--surface)}.recap-row>span{font-size:35px;text-align:center}.recap-row strong{font-size:14px}.recap-row b{color:var(--yellow)}.final-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}@media(max-width:760px){.settings-row{align-items:stretch;flex-wrap:wrap}.play-layout{grid-template-columns:1fr;margin-block:18px}.subject-card{min-height:365px}.subject-icon{font-size:88px;margin-block:15px}.vote-panel{text-align:center}.vote-columns{text-align:left}}@media(max-width:500px){.topbar{grid-template-columns:auto 1fr auto}.brand{font-size:11px}.setup-screen,.final-screen{width:calc(100% - 28px)}.add-form{grid-template-columns:1fr;gap:8px}.roster{grid-template-columns:1fr}.settings-row{flex-direction:column}.settings-row .setting,.settings-row .button{width:100%}.segments button{flex:1;min-width:0;padding:0 7px}.play-layout{width:calc(100% - 18px)}.subject-card{min-height:335px;padding:22px 15px 60px}.subject-card h1{font-size:34px}.subject-card p{font-size:14px}.vote-button{min-height:112px}.vote-button span{font-size:31px}.round-bar .secondary span:last-child{display:none}.round-bar .secondary{width:44px;padding:0}.final-columns{grid-template-columns:1fr}.final-actions{flex-direction:column-reverse}}