@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#f6e7d4;font-synthesis:none;--ink:#0d0d0c;--panel:#171614;--line:#deaa7733;--muted:#b8a38e;--lime:#dc745b;--purple:#e0ad78;--cream:#f2d9bd;background:#0d0d0c;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#0d0d0c;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.home-shell{background:radial-gradient(circle at 18% 10%,#71392738,#0000 32%),radial-gradient(circle at 86% 85%,#744d2924,#0000 30%),#0d0d0c;place-items:center;height:100dvh;min-height:0;padding:clamp(12px,3vh,24px);display:grid;position:relative;overflow:hidden}.orb{filter:blur(1px);opacity:.7;border-radius:999px;position:absolute}.orb-one{opacity:.22;background:#a94f3d;width:220px;height:220px;top:-150px;right:12%}.orb-two{opacity:.18;background:#b37a44;width:150px;height:150px;bottom:-110px;left:9%}.home-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#11100ee6;border-radius:20px;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(28px,5vw,56px);width:min(1050px,100%);min-height:min(620px,100dvh - 24px);max-height:calc(100dvh - 24px);padding:clamp(28px,5vh,42px);display:grid;position:relative;box-shadow:0 35px 100px #0000008c}.brand-mark{color:var(--cream);letter-spacing:-.03em;align-items:center;gap:9px;font:800 18px Manrope,sans-serif;display:flex;position:absolute;top:38px;left:42px}.brand-mark.small{font-size:16px;position:static}.home-copy h1,.stage h1{letter-spacing:-.065em;margin:10px 0 18px;font:800 clamp(2.8rem,6vw,5rem)/.98 Manrope,sans-serif}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:13px;font-weight:700}.intro,.stage-note{max-width:520px;color:var(--muted);font-size:17px;line-height:1.65}.join-panel{color:var(--cream);border:1px solid var(--line);background:#181613;border-radius:18px;padding:30px;box-shadow:0 16px 45px #00000059}label{gap:8px;margin-bottom:18px;font-size:14px;font-weight:700;display:grid}input,select{width:100%;min-height:52px;color:var(--cream);background:#100f0e;border:1px solid #e0ad7859;border-radius:10px;outline:none;padding:0 15px;font-size:16px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#74685b}input:focus,select:focus{border-color:#dc745b;box-shadow:0 0 0 4px #dc745b24}.code-input{letter-spacing:.34em;font:800 22px Manrope,sans-serif}.primary,.secondary,.accept,.reject{border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 19px;font-weight:800;display:inline-flex}.primary{color:#fff9f2;background:linear-gradient(110deg,#c85f4b,#df7a61);box-shadow:0 6px #74382d}.primary:active{transform:translateY(3px);box-shadow:0 3px #74382d}.join-panel .primary,.join-panel .secondary{width:100%}.secondary{color:var(--cream);background:0 0;border:1px solid #e0ad7859}.divider{color:#88818f;align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.error{color:#b4233b;font-size:14px;font-weight:700}.game-shell{background:radial-gradient(circle at 42% -25%, #703c283d 0, transparent 36%), var(--ink);min-height:100vh}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 clamp(18px,4vw,48px);display:grid}.room-code{color:#fff;border:1px solid var(--line);background:#ffffff12;border-radius:11px;justify-self:center;align-items:center;gap:9px;min-height:42px;padding:0 14px;display:flex}.room-code span{color:var(--muted)}.room-code strong{letter-spacing:.12em;font:800 17px Manrope}.text-button{color:var(--muted);background:0 0;border:0;justify-self:end;padding:10px;font-weight:700}.text-button:hover{color:#fff}.top-actions{justify-self:end;align-items:center;gap:5px;display:flex}.players-toggle,.manual-button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#ffffff0a;border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-weight:700;display:inline-flex}.leave-button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-weight:700;display:inline-flex}.leave-button:hover{color:var(--cream);background:#ffffff0a}.players-toggle strong{color:#fff;background:#4a2c24;border-radius:7px;place-items:center;min-width:22px;height:22px;padding:0 5px;display:grid}.players-toggle.active,.manual-button.active{color:var(--lime);background:#c7ff4a14;border-color:#c7ff4a52}.game-grid{min-height:calc(100vh - 74px);transition:grid-template-columns .22s;display:grid}.game-grid.players-open{grid-template-columns:minmax(0,1fr) 310px}.game-grid.players-closed{grid-template-columns:minmax(0,1fr) 0}.stage{padding:clamp(24px,5vw,72px);display:grid}.stage-center{text-align:center;flex-direction:column;align-items:center;width:min(720px,100%);margin:auto;display:flex}.stage-center h1{font-size:clamp(2.6rem,7vw,5.5rem)}.round-icon{width:70px;height:70px;color:var(--lime);background:#dc745b14;border:1px solid #dc745b8c;border-radius:50%;place-items:center;margin-bottom:25px;display:grid;transform:rotate(-4deg)}.round-icon svg{transform:rotate(4deg)}.lobby-stage h1{margin-bottom:10px;font-size:clamp(2.3rem,5vw,4.2rem)}.lobby-players{overscroll-behavior:contain;scrollbar-width:thin;flex-wrap:wrap;justify-content:center;gap:7px;width:100%;max-height:122px;margin-bottom:24px;display:flex;overflow-y:auto}.lobby-players span{color:#ddd7e7;background:#ffffff0f;border-radius:11px;align-items:center;gap:7px;min-height:36px;padding:4px 10px 4px 5px;font-size:14px;font-weight:700;display:flex}.lobby-players i{color:#2b1813;background:#d99a72;border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;font-style:normal;display:grid}.host-actions{align-items:end;gap:12px;margin-top:22px;display:flex}.lobby-settings{justify-items:center;gap:14px;width:min(760px,100%);display:grid}.lobby-settings .host-actions{width:100%;margin-top:18px}.lobby-settings>.jumbo{min-width:240px}.topic-picker{border:1px solid var(--line);text-align:left;background:#ffffff06;border-radius:12px;width:100%}.topic-picker summary{cursor:pointer;min-height:46px;color:var(--cream);align-items:center;gap:8px;padding:0 14px;font-weight:700;list-style:none;display:flex}.topic-picker summary::-webkit-details-marker{display:none}.topic-picker summary span{color:var(--muted);margin-left:auto;font-size:13px}.topic-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:190px;padding:4px 12px 13px;display:grid;overflow-y:auto}.topic-grid label{min-height:38px;color:var(--muted);background:#ffffff09;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:0;padding:7px 9px;font-size:13px;display:flex}.topic-grid input{width:16px;min-height:16px;accent-color:var(--lime)}.timer-field{text-align:left;min-width:180px;color:var(--muted);margin:0}.timer-field select{background:var(--panel);color:#fff;border-color:var(--line)}.jumbo{min-width:210px}.waiting{color:var(--muted);align-items:center;gap:6px;margin-top:30px;font-weight:700;display:flex}.waiting span{background:var(--purple);border-radius:50%;width:7px;height:7px;animation:1.2s infinite bounce}.waiting span:nth-child(2){animation-delay:.15s}.waiting span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-7px)}}.timer{border:5px solid var(--purple);border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:26px;font:800 24px Manrope;display:grid}.timer.urgent{color:#ff8294;border-color:#ff5d75;animation:.8s infinite alternate pulse}.timer.timeless{color:var(--lime);border-color:#c7ff4a73}@keyframes pulse{to{transform:scale(1.07)}}.category{white-space:nowrap;overflow-wrap:normal;width:100%;max-width:900px;color:var(--cream);letter-spacing:-.055em;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:600;overflow:visible}.category.category-long{font-size:clamp(2rem,5.4vw,4.7rem)}.category.category-very-long{font-size:clamp(1.6rem,4.2vw,3.7rem)}.category-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:28px;margin-top:-5px;display:flex}.category-tags span,.category-tags strong{border:1px solid var(--line);color:var(--muted);background:#ffffff06;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.category-tags strong{color:#e5aa8d;border-color:#dc745b59}.answer-form{grid-template-columns:1fr auto;gap:12px;width:min(620px,100%);margin-top:30px;display:grid}.answer-form input{border:2px solid #0000;min-height:64px;font-size:19px}.answer-form .primary{min-height:64px}.submitted{color:#fff7ef;background:#a94f3d;border-radius:14px;justify-items:center;gap:4px;margin-top:25px;padding:20px 34px;display:grid}.submitted span{opacity:.7;font-size:14px}.submitted-count{color:var(--muted);margin-top:28px}.close-early{justify-self:center}.comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:100%;margin:32px 0;display:grid}.comparison strong{background:var(--panel);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:18px;padding:28px 15px;font:800 clamp(1.4rem,4vw,2.2rem) Manrope}.comparison span{color:var(--purple);font-size:34px}.decision-buttons{gap:14px;margin-bottom:18px;display:flex}.decision-buttons button{min-width:145px}.accept{color:#fff;background:#b95a46}.reject{color:var(--cream);background:#302925}.results-stage{width:min(900px,100%);margin:auto}.results-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.results-heading h1{margin-bottom:0;font-size:clamp(2.3rem,5vw,4.4rem)}.answer-groups{gap:12px;display:grid}.answer-group{background:var(--panel);border:1px solid var(--line);border-radius:17px;grid-template-columns:minmax(130px,1fr) 1.5fr auto auto;align-items:center;gap:18px;min-height:92px;padding:17px 20px;display:grid}.answer-group.match{background:linear-gradient(100deg, #dc745b21, var(--panel) 60%);border-color:#dc745b7a}.answer-group>div:first-child{gap:4px;display:grid}.answer-group strong{overflow-wrap:anywhere;font:800 21px Manrope}.group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:12px}.match .group-label{color:var(--lime)}.answer-people{flex-wrap:wrap;gap:7px;display:flex}.answer-people span{color:#d7d0e2;background:#ffffff12;border-radius:8px;padding:6px 9px;font-size:14px}.point{color:var(--lime);font:800 21px Manrope}.centered{text-align:center;margin:28px auto 0}.empty{color:var(--muted)}.manual-row{min-height:44px;color:var(--muted);align-items:center;gap:12px;margin:-12px 0 18px;font-size:14px;display:flex}.merge-choice{color:#f1b39f;background:#dc745b1a;border:1px solid #dc745b73;border-radius:9px;min-height:36px;padding:0 10px;font-weight:700}.answer-group.merge-selected{border-color:var(--lime);box-shadow:0 0 0 2px #dc745b2e}.players-panel{border-left:1px solid var(--line);background:#131210d1;min-width:0;padding:28px 20px;transition:opacity .18s;overflow:hidden}.players-closed .players-panel{opacity:0;pointer-events:none;border-left:0;padding-left:0;padding-right:0}.panel-title{color:var(--lime);justify-content:space-between;align-items:center;padding:0 8px 18px;font-weight:700;display:flex}.panel-title strong{color:#fff;background:#4a2c24;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.players-panel ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.players-panel li{border-radius:12px;grid-template-columns:24px 38px minmax(0,1fr) auto auto auto;align-items:center;gap:7px;min-height:54px;padding:7px 9px;display:grid}.players-panel li:hover{background:#ffffff0a}.players-panel li.offline{opacity:.45}.mod-button{border:1px solid var(--line);color:#76675a;background:0 0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.mod-button.active{color:var(--cream);border-color:var(--lime);background:#dc745b1f}.result-tools{justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.rating{color:var(--muted);align-items:center;gap:7px;font-size:14px;display:flex}.rating button,.history-button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#ffffff06;border-radius:9px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.rating button{width:38px}.rating button.active,.history-button:hover{color:var(--cream);border-color:var(--lime);background:#dc745b1a}.history-button{padding:0 12px;font-weight:700}.game-summary{text-align:center;background:linear-gradient(110deg,#dc745b21,#e0ad780a);border:1px solid #dc745b66;border-radius:14px;margin-top:22px;padding:20px}.game-summary span{color:var(--lime);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;display:block}.game-summary strong{color:var(--cream);margin:5px 0;font:800 25px Manrope;display:block}.game-summary p{color:var(--muted);margin:0}.history-overlay{z-index:50;width:auto;max-width:none;height:auto;color:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050504d1;border:0;place-items:center;margin:0;padding:clamp(12px,4vw,40px);display:grid;position:fixed;inset:0}.history-sheet{border:1px solid var(--line);background:#151310;border-radius:18px;grid-template-rows:auto minmax(0,1fr);width:min(920px,100%);max-height:calc(100dvh - 24px);display:grid;overflow:hidden;box-shadow:0 30px 90px #0009}.history-sheet>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:18px 22px;display:flex}.history-sheet h2{margin:2px 0 0;font:800 27px Manrope}.history-sheet header button{border:1px solid var(--line);width:42px;height:42px;color:var(--cream);background:0 0;border-radius:10px;place-items:center;display:grid}.history-list{gap:12px;padding:18px;display:grid;overflow-y:auto}.history-list>article{border:1px solid var(--line);background:#ffffff05;border-radius:13px;grid-template-columns:180px 1fr;gap:18px;padding:16px;display:grid}.history-round{align-content:start;gap:4px;display:grid}.history-round span,.history-round small{color:var(--muted)}.history-round strong{color:var(--cream);font-size:18px}.history-results{gap:6px;display:grid}.history-results>div{color:var(--muted);background:#ffffff06;border-radius:8px;grid-template-columns:minmax(100px,1fr) 1.5fr auto;gap:10px;padding:8px 10px;display:grid}.history-results>div.match{background:#dc745b14}.history-results strong{color:var(--cream)}.history-results b{color:var(--lime)}.rank{color:#76675a;text-align:center;font-weight:700}.avatar{color:#2b1813;background:linear-gradient(145deg,#edc69a,#c96c57);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.player-name small{color:var(--muted);margin-left:7px;font-weight:500}.score{color:var(--cream);font:800 18px Manrope}.status-dot{background:#4b423c;border-radius:50%;width:9px;height:9px}.status-dot.done{background:var(--lime);box-shadow:0 0 10px #dc745bb3}.score-note{color:#76675a;padding:18px 8px 0;font-size:13px;line-height:1.5}@media (width<=800px){.home-card{grid-template-columns:1fr;gap:clamp(16px,3vh,28px);padding:clamp(72px,11vh,92px) 22px 18px}.brand-mark{top:28px;left:24px}.home-copy h1{font-size:clamp(2.7rem,13vw,4rem)}.intro{font-size:16px}.game-grid,.game-grid.players-open,.game-grid.players-closed{grid-template-columns:1fr}.players-panel{z-index:20;border-left:1px solid var(--line);opacity:0;pointer-events:none;background:#151310;border-top:0;width:min(330px,88vw);padding:24px 18px;transition:transform .22s,opacity .18s;position:fixed;top:74px;bottom:0;right:0;transform:translate(105%);box-shadow:-20px 0 50px #00000080}.players-panel.open{opacity:1;pointer-events:auto;transform:translate(0)}.players-panel ol{grid-template-columns:1fr}.stage{min-height:calc(100vh - 74px);padding:28px 18px}.category{letter-spacing:-.06em;font-size:clamp(2.2rem,12vw,4.5rem)}.category.category-long{letter-spacing:-.055em;font-size:clamp(1.35rem,6.8vw,2.2rem)}.category.category-very-long{letter-spacing:-.045em;font-size:clamp(1rem,5.1vw,1.65rem)}.lobby-stage .round-icon{width:54px;height:54px;margin-bottom:16px}.lobby-stage .round-icon svg{width:25px}.lobby-players{flex-wrap:wrap;order:-1;justify-content:center;max-height:88px;margin-bottom:18px;padding:2px;overflow:hidden auto}.lobby-stage .stage-note{margin:0}.lobby-stage h1{font-size:2.5rem}.results-heading{flex-direction:column;align-items:flex-start}.answer-group{grid-template-columns:1fr auto}.answer-people{grid-area:2/1/auto/-1}.point{grid-area:1/2}.merge-choice{grid-column:1/-1;width:100%}.host-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.host-actions .jumbo{grid-column:1/-1}.timer-field{width:100%;min-width:0}.answer-form{grid-template-columns:1fr}.answer-form .primary{width:100%}.comparison{gap:8px}.comparison strong{padding:20px 8px}.topbar{grid-template-columns:1fr auto}.topbar .brand-mark{display:none}.room-code{justify-self:start}.top-actions{grid-column:2}.players-toggle span{display:none}.manual-row{flex-direction:column;align-items:flex-start}}@media (width<=470px){.home-shell{padding:0}.home-card{border:0;border-radius:0;height:100dvh;min-height:100dvh;max-height:100dvh}.join-panel{margin:0 -5px;padding:18px}.home-copy h1{margin-bottom:10px}.intro{margin-bottom:0;line-height:1.45}.join-panel label{margin-bottom:12px}.divider{margin:14px 0}.decision-buttons{width:100%}.decision-buttons button{flex:1;min-width:0}.comparison{grid-template-columns:1fr}.comparison span{line-height:.5}.answer-group{padding:15px}.host-actions{grid-template-columns:1fr}.host-actions .jumbo{grid-column:1}.leave-button span{display:none}}@media (height<=700px) and (width<=800px){.home-card{gap:12px;padding-top:62px}.home-copy h1{font-size:clamp(2.25rem,10vw,3rem)}.intro{font-size:14px}.join-panel{padding:16px}input,select,.primary,.secondary{min-height:46px}}@media (width<=800px){.lobby-settings .host-actions{grid-template-columns:1fr 1fr}.lobby-settings .host-actions label:last-child{grid-column:1/-1}.topic-grid{grid-template-columns:1fr 1fr}.result-tools{flex-direction:column;align-items:stretch}.rating{justify-content:center}.history-button{width:100%}.history-list>article{grid-template-columns:1fr}.history-results>div{grid-template-columns:1fr auto}.history-results>div span{grid-area:2/1/auto/-1}}@media (width<=470px){.topic-grid,.lobby-settings .host-actions{grid-template-columns:1fr}.lobby-settings .host-actions label:last-child{grid-column:1}}