:root{--bg:#0b0713;--bg-raise:#171024;--line:#2c2140;--text:#cfc4e4;--text-strong:#fdfaff;--pink:#ff2d78;--cyan:#2de2ff;--lime:#c8ff2d;--display:"Unbounded", system-ui, sans-serif;--body:"Manrope", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--body);color:var(--text);background:radial-gradient(60vw 60vw at 85% -10%, #ff2d782e, transparent 60%), radial-gradient(50vw 50vw at -10% 100%, #2de2ff24, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:17px;line-height:1.5}body:before{content:"";pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--display);color:var(--text-strong);margin:0;line-height:1.15}button{font:inherit;cursor:pointer;border:none}input{font:inherit}::selection{background:var(--pink);color:#fff}.page{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100dvh;padding:1.5rem;display:flex;position:relative}.muted{color:var(--text);opacity:.7}.btn{font-family:var(--display);color:#14020a;background:var(--pink);border-radius:999px;flex-direction:column;align-items:center;gap:.15rem;padding:1rem 2.2rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 0 32px #ff2d7873}.btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 0 48px #ff2d78a6}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn small{font-family:var(--body);opacity:.75;font-size:.72rem;font-weight:600}.btn-hero{font-size:1.15rem}.btn-cyan{background:var(--cyan);color:#01222a;box-shadow:0 0 28px #2de2ff66}.btn-cyan:hover:not(:disabled){box-shadow:0 0 44px #2de2ff99}.brand{text-align:center}.brand-note{color:var(--lime);text-shadow:0 0 24px #c8ff2dcc;font-size:2.4rem;animation:2.4s ease-in-out infinite bob;display:block}@keyframes bob{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-10px)rotate(8deg)}}.brand-name{letter-spacing:-.02em;background:linear-gradient(100deg, var(--pink), var(--cyan) 70%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,9vw,5rem);font-weight:900}.brand-tag{opacity:.75;margin:.4rem 0 0}.home-actions{flex-direction:column;align-items:center;gap:2.2rem;width:min(100%,24rem);display:flex}.join-form{text-align:center;width:100%}.join-form label{opacity:.8;margin-bottom:.6rem;font-weight:600;display:block}.join-row{justify-content:center;gap:.6rem;display:flex}.join-row input{text-align:center;width:8.5rem;font-family:var(--display);letter-spacing:.35em;text-indent:.35em;color:var(--text-strong);background:var(--bg-raise);border:2px solid var(--line);text-transform:uppercase;border-radius:1rem;padding:.55rem .4rem;font-size:1.4rem;font-weight:700}.join-row input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 20px #2de2ff40}.join-row .btn{padding:.7rem 1.4rem;font-size:.95rem}.page.host{justify-content:flex-start;padding:2rem clamp(1.5rem,5vw,4rem)}.host-top{width:100%;font-family:var(--display);justify-content:space-between;align-items:center;font-weight:700;display:flex}.host-brand{color:var(--lime);text-shadow:0 0 18px #c8ff2d80}.host-count{color:var(--text-strong);background:var(--bg-raise);border:1px solid var(--line);border-radius:999px;padding:.4rem 1rem;font-size:.9rem}.host-main{flex:1;grid-template-columns:auto 1fr;align-items:center;gap:clamp(2rem,6vw,5rem);width:100%;display:grid}@media (width<=820px){.host-main{text-align:center;grid-template-columns:1fr;justify-items:center}}.host-join{flex-direction:column;align-items:center;gap:1rem;display:flex}.host-hint{opacity:.8;margin:0;font-size:1.1rem}.host-url{color:var(--cyan);margin:0;font-size:1.15rem;font-weight:800}.code-tiles{gap:.6rem;display:flex}.code-tile{font-family:var(--display);color:var(--text-strong);background:var(--bg-raise);border:2px solid var(--line);border-radius:1.2rem;padding:.9rem 1.1rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:1;animation:.5s cubic-bezier(.34,1.56,.64,1) both tile-pop;box-shadow:inset 0 0 24px #ff2d781f,0 0 34px #ff2d7838}@keyframes tile-pop{0%{opacity:0;transform:translateY(18px)scale(.7)}to{opacity:1;transform:none}}.qr-card{background:#fff;border-radius:1.2rem;padding:.9rem;line-height:0;box-shadow:0 0 40px #2de2ff4d}.host-lobby{flex-direction:column;align-items:flex-start;gap:1.4rem;display:flex}@media (width<=820px){.host-lobby{align-items:center}}.lobby-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text);opacity:.85;font-size:1.3rem}.player-list{flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.player-chip{color:var(--text-strong);background:var(--bg-raise);border:2px solid var(--line);border-radius:999px;align-items:center;gap:.6rem;padding:.5rem 1.2rem .5rem .6rem;font-size:1.15rem;font-weight:800;animation:.4s cubic-bezier(.34,1.56,.64,1) both tile-pop;display:inline-flex}.player-chip.off{opacity:.35;filter:grayscale()}.player-avatar{background:#ffffff14;border-radius:999px;place-items:center;width:2.4rem;height:2.4rem;font-size:1.6rem;display:grid}.start-btn{margin-top:.5rem}.starting-title{text-align:center;background:linear-gradient(100deg, var(--lime), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,4rem)}.join-code-label{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:1rem}.join-code-label strong{color:var(--lime);font-family:var(--display);letter-spacing:.2em}.join-card{background:var(--bg-raise);border:1px solid var(--line);border-radius:1.6rem;flex-direction:column;gap:1.3rem;width:min(100%,22rem);padding:1.8rem 1.5rem;display:flex;box-shadow:0 24px 60px #00000073}.join-title{text-align:center;font-size:1.5rem}.name-input{text-align:center;width:100%;color:var(--text-strong);background:var(--bg);border:2px solid var(--line);border-radius:1rem;padding:.8rem;font-size:1.2rem;font-weight:700}.name-input:focus{border-color:var(--pink);outline:none;box-shadow:0 0 20px #ff2d7840}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.avatar-option{background:var(--bg);border:2px solid var(--line);border-radius:.9rem;padding:.45rem 0;font-size:1.5rem;transition:transform .12s,border-color .12s}.avatar-option:hover{transform:scale(1.1)}.avatar-option.selected{border-color:var(--lime);transform:scale(1.08);box-shadow:0 0 16px #c8ff2d59}.join-error{text-align:center;color:var(--pink);margin:0;font-weight:700}.ready-screen{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:22rem;display:flex}.ready-avatar{font-size:4.5rem;animation:2.4s ease-in-out infinite bob}.others{color:var(--cyan);font-weight:600}:root{--opt-0:#ff2d78;--opt-1:#2de2ff;--opt-2:#c8ff2d;--opt-3:#ffb02d}.pack-row{flex-wrap:wrap;gap:.6rem;display:flex}.pack-chip{color:var(--text);background:var(--bg-raise);border:2px solid var(--line);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-weight:800;transition:transform .12s,border-color .12s;display:inline-flex}.pack-chip:hover{transform:translateY(-2px)}.pack-chip.selected{border-color:var(--lime);color:var(--text-strong);box-shadow:0 0 18px #c8ff2d4d}.pack-emoji{font-size:1.2rem}.page.game{justify-content:flex-start;gap:1rem}.game-top{width:100%;font-family:var(--display);justify-content:space-between;align-items:center;gap:1rem;font-weight:700;display:flex}.round-label{color:var(--lime);letter-spacing:.05em}.answer-count{color:var(--text);opacity:.8;font-size:.85rem}.round-clock{color:var(--text-strong);background:var(--bg-raise);border:2px solid var(--line);text-align:center;border-radius:1rem;min-width:3.2rem;padding:.2rem .9rem;font-size:1.6rem}.countdown-bar{background:linear-gradient(90deg, var(--pink), var(--cyan));transform-origin:0;border-radius:999px;width:100%;height:6px;animation:linear forwards shrink}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.game-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.question-text{text-align:center;font-size:clamp(1.6rem,4.5vw,3rem)}.loading-title{text-align:center;font-size:clamp(1.4rem,4vw,2.4rem)}.equalizer{align-items:flex-end;gap:.45rem;height:4rem;display:flex}.equalizer span{background:linear-gradient(180deg, var(--cyan), var(--pink));border-radius:999px;width:.7rem;animation:.9s ease-in-out infinite alternate eq}@keyframes eq{0%{height:18%}to{height:100%}}.option-grid{grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:62rem;display:grid}@media (width<=640px){.option-grid{grid-template-columns:1fr}}.option-card{color:var(--text-strong);background:var(--bg-raise);border:2px solid var(--line);border-radius:1.2rem;align-items:center;gap:1rem;padding:1.1rem 1.4rem;font-size:clamp(1rem,2.2vw,1.5rem);font-weight:800;transition:opacity .4s,box-shadow .4s;animation:.4s cubic-bezier(.34,1.56,.64,1) both tile-pop;display:flex}.option-card .option-icon{font-size:1.3rem}.option-card.opt-0 .option-icon{color:var(--opt-0)}.option-card.opt-1 .option-icon{color:var(--opt-1)}.option-card.opt-2 .option-icon{color:var(--opt-2)}.option-card.opt-3 .option-icon{color:var(--opt-3)}.option-card.correct{border-color:var(--lime);box-shadow:0 0 34px #c8ff2d66}.option-card.faded{opacity:.25}.reveal-song{align-items:center;gap:1.6rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both tile-pop;display:flex}.reveal-art{border-radius:1.2rem;width:clamp(7rem,16vw,11rem);box-shadow:0 0 44px #2de2ff59}.reveal-title{font-size:clamp(1.5rem,3.5vw,2.6rem)}.reveal-artist{color:var(--cyan);margin:.3rem 0 0;font-size:1.15rem;font-weight:700}.standings-strip{flex-wrap:wrap;justify-content:center;gap:.7rem;width:100%;display:flex}.standing-chip{background:var(--bg-raise);border:1px solid var(--line);color:var(--text-strong);border-radius:999px;padding:.45rem 1rem;font-weight:700}.standing-chip strong{color:var(--lime)}.standing-chip .gained{color:var(--cyan);margin-left:.4rem;font-style:normal}.unblock-btn{z-index:10;position:fixed;bottom:1.5rem;right:1.5rem}.podium-title{font-size:clamp(2rem,5vw,3.4rem)}.podium{align-items:flex-end;gap:1.2rem;display:flex}.podium-block{flex-direction:column;align-items:center;gap:.4rem;animation:.6s cubic-bezier(.34,1.56,.64,1) both tile-pop;display:flex}.podium-block .podium-avatar{font-size:3rem}.podium-name{color:var(--text-strong);font-weight:800}.podium-score{font-family:var(--display);color:var(--cyan)}.podium-bar{border:2px solid var(--line);background:var(--bg-raise);border-bottom:none;border-radius:1rem 1rem 0 0;place-items:center;width:7rem;font-size:2rem;display:grid}.place-1 .podium-bar{border-color:var(--lime);height:9rem;box-shadow:0 0 34px #c8ff2d40}.place-2 .podium-bar{border-color:var(--cyan);height:6.5rem}.place-3 .podium-bar{border-color:var(--pink);height:4.5rem}.place-1{animation-delay:.35s}.place-2{animation-delay:.15s}.place-3{animation-delay:0s}.question-page{justify-content:flex-start;gap:1.2rem}.player-q-top{width:100%;font-family:var(--display);justify-content:space-between;align-items:center;display:flex}.player-question{text-align:center;font-size:1.3rem}.answer-grid{flex:1;grid-template-rows:repeat(4,1fr);gap:.9rem;width:100%;max-width:26rem;padding-bottom:1rem;display:grid}.answer-btn{text-align:left;color:#10030c;border-radius:1.2rem;align-items:center;gap:.9rem;padding:1rem 1.2rem;font-size:1.05rem;font-weight:800;transition:transform .1s;animation:.35s cubic-bezier(.34,1.56,.64,1) both tile-pop;display:flex}.answer-btn:active{transform:scale(.96)}.answer-btn .option-icon{font-size:1.3rem}.answer-btn.opt-0{background:var(--opt-0);box-shadow:0 0 24px #ff2d7859}.answer-btn.opt-1{background:var(--opt-1);box-shadow:0 0 24px #2de2ff59}.answer-btn.opt-2{background:var(--opt-2);box-shadow:0 0 24px #c8ff2d59}.answer-btn.opt-3{background:var(--opt-3);box-shadow:0 0 24px #ffb02d59}.reveal-result.good h1{color:var(--lime)}.reveal-result.bad h1{color:var(--pink)}.mode-hint{max-width:26rem;margin:0}.hitster-center{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:1.8rem;width:100%;padding-top:.5rem;display:flex}.hitster-question{flex-direction:column;align-items:center;gap:1rem;display:flex}.reveal-year{color:var(--lime);font-family:var(--display);font-size:1.4em}.timeline-board{flex-direction:column;gap:.9rem;width:100%;max-width:70rem;display:flex}.timeline-row{align-items:center;gap:1rem;display:flex}.timeline-row.off{opacity:.4;filter:grayscale()}.timeline-player{min-width:11rem;color:var(--text-strong);align-items:center;gap:.5rem;font-weight:800;display:flex}.timeline-verdict{font-size:1.1rem;font-weight:900}.timeline-verdict.good{color:var(--lime)}.timeline-verdict.bad{color:var(--pink)}.timeline-cards{flex-wrap:wrap;gap:.5rem;display:flex}.timeline-card{background:var(--bg-raise);border:2px solid var(--line);text-align:center;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:7rem;min-height:3.4rem;padding:.35rem .4rem;animation:.4s cubic-bezier(.34,1.56,.64,1) both tile-pop;display:flex}.timeline-card strong{font-family:var(--display);color:var(--cyan);font-size:.95rem}.timeline-card small{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.62rem;line-height:1.2;display:-webkit-box;overflow:hidden}.timeline-card.empty{opacity:.35;background:0 0;border-style:dashed;animation:none}.slot-list{flex-direction:column;gap:.6rem;width:100%;max-width:24rem;padding-bottom:1.5rem;display:flex;overflow-y:auto}.slot-group{flex-direction:column;gap:.6rem;display:flex}.slot-btn{font-weight:800;font-family:var(--display);color:#01222a;background:var(--cyan);border-radius:999px;padding:.75rem 1rem;font-size:.85rem;transition:transform .1s;box-shadow:0 0 18px #2de2ff4d}.slot-btn:active{transform:scale(.96)}.my-card{background:var(--bg-raise);border:2px solid var(--line);color:var(--text-strong);border-radius:1rem;align-items:center;gap:.8rem;padding:.7rem 1rem;font-weight:700;display:flex}.my-card strong{font-family:var(--display);color:var(--lime)}.my-card span{font-size:.85rem}.admin-crown{font-size:1rem}.admin-hint{color:var(--text);margin:.5rem 0 0;font-weight:600}.admin-hint strong{color:var(--lime)}.target-label{opacity:.8;align-self:center;font-weight:700}.timeline-row.team{background:var(--bg-raise);border:2px solid #0000;border-radius:1.2rem;padding:.7rem .9rem}.timeline-row.team.turn{border-color:var(--lime);box-shadow:0 0 28px #c8ff2d40}.timeline-row.team .timeline-name{flex-direction:column;line-height:1.2;display:flex}.team-members{color:var(--text);opacity:.8;font-size:.68rem;font-weight:600}.team-warning{text-align:center;margin:-.6rem 0 0;font-size:.85rem}.kick-btn{width:1.6rem;height:1.6rem;color:var(--pink);background:#ff2d7824;border:1px solid #ff2d7866;border-radius:999px;place-items:center;margin-left:.4rem;font-size:.8rem;font-weight:800;line-height:1;transition:transform .1s,background .15s;display:inline-grid}.kick-btn:hover{background:var(--pink);color:#fff;transform:scale(1.12)}.standing-chip.off{opacity:.45;filter:grayscale()}.mando-player-list{flex-direction:column;gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.mando-player{color:var(--text-strong);background:var(--bg-raise);border:1px solid var(--line);border-radius:.9rem;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .9rem;font-weight:700;display:flex}.mando-player.off{opacity:.5;filter:grayscale()}.mando-kick-hint{margin:0;font-size:.82rem}.trivia-question{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.trivia-cat{font-family:var(--display);letter-spacing:.05em;color:var(--lime);background:#c8ff2d1a;border:1px solid #c8ff2d4d;border-radius:999px;padding:.35rem 1rem;font-size:.9rem;font-weight:700}.option-check{color:var(--lime);margin-left:auto;font-size:1.3rem;font-weight:900}.diff-range{flex-direction:column;gap:.7rem;width:min(100%,24rem);display:flex}.diff-head{color:var(--text-strong);justify-content:space-between;align-items:baseline;gap:.8rem;font-weight:700;display:flex}.diff-head .muted{font-size:.8rem;font-weight:500}.diff-count{font-family:var(--display);color:var(--lime);white-space:nowrap;font-size:.85rem}.diff-count.low{color:var(--pink)}.range-row{align-items:center;gap:.8rem;display:flex}.range-row>span{opacity:.8;width:2.5rem;font-size:.85rem;font-weight:700}.range-row input[type=range]{accent-color:var(--pink);cursor:pointer;flex:1;height:1.4rem}.mode-hint.low{color:var(--pink);font-weight:600}.english-word-box{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.english-prompt{font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--cyan);opacity:.85;font-size:1rem;font-weight:700}.english-word{letter-spacing:-.01em;background:linear-gradient(100deg, var(--cyan), var(--lime) 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,9vw,6rem);font-weight:900}