:root{color-scheme:dark;--bg: #0d0b14;--surface: #17141f;--surface-2: #211d2c;--line: #2e293b;--text: #f4f1fa;--muted: #a39db3;--red: #ff3d57;--red-deep: #d81f3b;--yellow: #ffd23f;--green: #35d08a;--radius: 18px;--font: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(900px 500px at 85% -10%,rgba(255,61,87,.16),transparent 60%),radial-gradient(700px 500px at -10% 110%,rgba(255,210,63,.08),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}h1{font-size:clamp(1.9rem,5vw,3.2rem);line-height:1.08;font-weight:900;letter-spacing:-.02em;text-wrap:balance}h2{font-size:1.05rem;font-weight:800}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.fine{font-size:.82rem;color:var(--muted)}.warn{font-size:.9rem;color:var(--yellow);background:#ffd23f14;border-radius:12px;padding:10px 12px}.waiting{text-align:center;color:var(--muted);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.logo{display:inline-flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:500;letter-spacing:-.02em}.logo b{font-weight:900;color:var(--red)}.logo-mark{display:block;height:1.3em;width:auto}.logo-small{font-size:1.1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);font-weight:800;text-decoration:none;cursor:pointer;transition:transform .12s,background .12s,box-shadow .12s}.btn:hover:not(:disabled){transform:translateY(-1px);background:#2a2538}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#e02843,var(--red-deep));border-color:transparent;color:#fff;box-shadow:0 10px 26px #ff3d5759}.btn-primary:hover:not(:disabled){background:#e02843}.btn-google{background:#fff;color:#1f1f1f;border-color:transparent;padding:14px 22px}.btn-google:hover:not(:disabled){background:#f1eff5}.btn-ghost{background:transparent}.btn-big{width:100%;padding:16px 20px;font-size:1.1rem}.btn-small{padding:8px 12px;font-size:.85rem;border-radius:10px}.link{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.topbar .link{white-space:nowrap}.link:hover{color:var(--text)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px}.avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;font-weight:900;color:#fff}.avatar img{width:100%;height:100%;object-fit:cover}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(92vw,480px);padding:12px 18px;border-radius:14px;background:#fff;color:#17141f;font-weight:700;box-shadow:0 16px 40px #00000080;cursor:pointer;z-index:10;animation:rise .25s ease-out}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 20px}.me{display:flex;align-items:center;gap:10px;font-weight:700}.me .link{font-weight:400;font-size:.85rem}.landing{max-width:720px;margin:0 auto;padding:clamp(28px,7vh,72px) 20px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}.landing h1{font-size:clamp(2.4rem,8vw,4.4rem);margin-top:12px}.landing h1 em{font-style:normal;color:var(--yellow)}.lead{font-size:1.1rem;color:var(--muted);max-width:34em;text-wrap:pretty}.cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px}.cta .fine{max-width:30em}.steps{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.92rem;font-weight:600}.steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--bg);font-weight:900}.home,.room{max-width:1080px;margin:0 auto;padding:18px 20px 48px}.home-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}.play{padding:32px;gap:18px}.or{text-align:center;color:var(--muted);font-size:.85rem}.join{display:flex;gap:10px}.join input{flex:1;min-width:0;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg);font-size:1.3rem;font-weight:900;letter-spacing:.35em;text-align:center;text-transform:uppercase}.join input::placeholder{color:#857e98}.lib-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--surface-2);border-radius:14px}.lib-row div{display:flex;align-items:baseline;gap:8px}.lib-row strong{font-size:1.5rem;font-weight:900;font-variant-numeric:tabular-nums}.lib-row span{color:var(--muted);font-size:.9rem}details{font-size:.9rem;color:var(--muted)}summary{cursor:pointer;font-weight:700;color:var(--text)}details ol{padding-left:20px;margin:10px 0}code{background:var(--surface-2);padding:1px 6px;border-radius:6px;font-size:.9em}.code-chip{font-weight:900;letter-spacing:.2em;padding:6px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}.banner{background:var(--yellow);color:var(--bg);font-weight:800;text-align:center;padding:8px;border-radius:12px;margin-bottom:14px}.lobby{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}.invite{grid-column:1 / -1;align-items:center;text-align:center}.big-code{display:flex;gap:8px}.big-code span{display:grid;place-items:center;width:clamp(44px,11vw,64px);aspect-ratio:4 / 5;border-radius:14px;background:var(--bg);border:1px solid var(--line);font-size:clamp(1.6rem,6vw,2.4rem);font-weight:900;color:var(--yellow)}.players{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.players li{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-2);border-radius:14px;min-width:0}.players li>div{flex:1;min-width:0;display:flex;flex-direction:column}.players strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.players small{color:var(--muted)}.players small.bad{color:var(--yellow)}.is-offline{opacity:.45}.tag{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:var(--yellow);color:var(--bg);padding:2px 6px;border-radius:6px;vertical-align:middle}.kick{flex:none;width:28px;height:28px;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer}.kick:hover{background:var(--red-deep);color:#fff}.settings fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.settings fieldset:disabled{opacity:.7}.settings label{display:flex;flex-direction:column;gap:6px;font-weight:700}.settings label>span{display:flex;justify-content:space-between}.settings output{color:var(--yellow);font-variant-numeric:tabular-nums}.settings input[type=range]{accent-color:var(--red);width:100%}.settings select{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}.settings .check{flex-direction:row;align-items:center;gap:10px}.settings .check input{width:20px;height:20px;accent-color:var(--red)}.rules{display:flex;flex-direction:column;gap:8px}.rules>span{font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px}.settings .chip{flex-direction:row;align-items:center;gap:0;padding:7px 12px;border:2px solid var(--line);border-radius:999px;background:var(--bg);color:var(--muted);font-size:.9rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.settings .chip.is-on{border-color:var(--red);background:#ff3d5724;color:var(--text)}.settings .chip input{position:absolute;opacity:0;pointer-events:none}.settings .chip:has(input:focus-visible){outline:2px solid var(--yellow);outline-offset:2px}.settings fieldset:disabled .chip{cursor:default}.game{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.stage{display:flex;flex-direction:column;gap:12px;min-width:0}.round-head{display:flex;align-items:center;justify-content:space-between;min-height:40px}.clock{display:grid;place-items:center;min-width:46px;height:40px;padding:0 10px;border-radius:12px;background:var(--surface-2);font-size:1.25rem;font-weight:900;font-variant-numeric:tabular-nums}.clock.is-low{background:var(--red);animation:pulse .8s ease-in-out infinite}.timer{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.timer i{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),var(--red));transform-origin:left;transition:transform .2s linear}.player-frame{aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--line);box-shadow:0 24px 60px #00000080}.player-frame iframe{width:100%;height:100%;border:0;display:block}.player-frame{position:relative}.player-frame img{width:100%;height:100%;object-fit:cover;display:block}.title-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:radial-gradient(600px 300px at 50% 0%,rgba(255,61,87,.22),transparent 70%),var(--surface-2)}.title-card strong{font-size:clamp(1.2rem,3.4vw,2rem);line-height:1.25;overflow-wrap:anywhere}.video-meta{display:flex;flex-direction:column;min-width:0}.video-meta strong{font-size:1.1rem;overflow-wrap:anywhere}.video-meta span{color:var(--muted);font-size:.9rem}.status{padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.status h2{font-size:1.35rem;font-weight:900}.status p{color:var(--muted)}.status-owner{border-color:var(--yellow);background:#ffd23f14}.status-reveal{border-color:var(--green);background:#35d08a14;animation:pop .35s cubic-bezier(.2,1.4,.4,1)}.status-reveal h2{font-size:1.9rem;color:var(--green)}@keyframes pop{0%{transform:scale(.94)}}.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);font-weight:800;cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.choices-quiz{grid-template-columns:repeat(2,minmax(0,1fr))}.choices-quiz .choice{justify-content:center;min-height:76px;color:inherit;font:inherit;font-weight:800}.choice .text{max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.choices-thumbs .choice{padding:6px}.choices-thumbs img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px;display:block}.choice .count{color:var(--yellow);font-variant-numeric:tabular-nums}.choices-thumbs .text{font-size:.85rem;-webkit-line-clamp:2}.comment-card{margin:0;aspect-ratio:auto;min-height:160px}.channel-card strong{font-size:clamp(1.6rem,5vw,2.6rem)}.comment-card p{margin:0;font-size:clamp(1.05rem,2.6vw,1.5rem);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.comment-card p:before{content:"« ";color:var(--red)}.comment-card p:after{content:" »";color:var(--red)}.number-guess{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface)}.number-guess output{text-align:center;font-size:2rem;font-weight:900;font-variant-numeric:tabular-nums}.number-guess output small{font-size:.95rem;font-weight:700;color:var(--muted)}.number-guess input[type=range]{width:100%;accent-color:var(--red)}.guesses{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.guesses li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.guesses li:first-child{border-color:var(--green)}.guesses .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.guesses strong{font-variant-numeric:tabular-nums}.choice .name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice:hover:not(:disabled){transform:translateY(-2px);border-color:var(--red)}.choice:disabled{cursor:default}.choice:disabled:not(.is-picked):not(.is-owner){opacity:.6}.choice.is-picked{border-color:var(--yellow);background:#ffd23f1a}.choice.is-owner{border-color:var(--green);background:#35d08a24}.choice.is-wrong{border-color:var(--red);background:#ff3d571a}.tick{position:absolute;top:8px;right:10px;color:var(--green);font-weight:900}.voters{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.voted{text-align:center;margin-top:10px}.scoreboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.scoreboard li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface-2)}.scoreboard .is-you{outline:1px solid var(--yellow)}.scoreboard .rank{width:1.2em;text-align:center;font-weight:900;color:var(--muted)}.scoreboard .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.scoreboard .score{font-weight:900;font-variant-numeric:tabular-nums}.scoreboard .delta{color:var(--green);font-weight:800;font-size:.85rem}.results{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:18px;padding-top:12px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin-top:10px}.step{flex:1;max-width:180px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;animation:rise-in .5s ease-out backwards}.step strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step>span:not(.avatar){color:var(--muted);font-variant-numeric:tabular-nums}.step .block{width:100%;margin-top:8px;border-radius:14px 14px 0 0;display:grid;place-items:center;font-size:2rem;font-weight:900;color:var(--bg)}.place-1 .block{height:130px;background:var(--yellow)}.place-2 .block{height:90px;background:#cfd3dc}.place-3 .block{height:60px;background:#d98e5a}.place-1{animation-delay:.3s}.place-2{animation-delay:.15s}@keyframes rise-in{0%{transform:translateY(24px)}}@media(max-width:820px){.home-grid,.lobby,.game,.steps{grid-template-columns:1fr}.steps li{flex-direction:row;text-align:left}.play{padding:22px}.choices{grid-template-columns:repeat(2,1fr)}.me>span:not(.avatar){display:none}.room .logo>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.lang{display:inline-flex;padding:3px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}.lang{gap:2px}.lang button{display:flex;border:0;background:transparent;padding:5px 6px;border-radius:7px;cursor:pointer;opacity:.6;transition:opacity .12s,background .12s}.lang button:hover{opacity:1}.lang button.is-active{background:var(--text);opacity:1}.lang img{display:block;width:21px;height:14px;border-radius:2px;object-fit:cover}.landing-top{width:100%;display:flex;align-items:center;justify-content:space-between}.topbar-end{display:flex;align-items:center;gap:8px}.footer{width:100%;margin-top:36px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;font-size:.82rem;color:var(--muted)}.cta .fine a{color:var(--text)}@media(max-width:480px){.home .logo>span:last-child{display:none}}.home-grid>*{min-width:0}.join input{min-width:0;width:100%}.lib-row>div{min-width:0}