:root{--font-body: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px}html[data-theme=dark]{color-scheme:dark;--bg: #0b0b12;--bg-2: #101018;--surface: #151522;--surface-2: #1c1c2e;--surface-3: #22223a;--text: #f5f5f7;--muted: #9aa0b4;--border: #2a2a3d;--glass: rgba(255, 255, 255, .06);--glass-2: rgba(255, 255, 255, .1);--shadow: 0 24px 80px rgba(0, 0, 0, .45)}html[data-theme=light]{color-scheme:light;--bg: #f6f7fb;--bg-2: #eef0f7;--surface: #ffffff;--surface-2: #f2f3fa;--surface-3: #e9ebf5;--text: #151522;--muted: #5b6075;--border: #e2e5ef;--glass: rgba(255, 255, 255, .7);--glass-2: rgba(255, 255, 255, .9);--shadow: 0 24px 80px rgba(20, 20, 40, .12)}html[data-palette=a]{--primary: #7c5cff;--primary-2: #a78bfa;--accent: #2dd4bf;--accent-2: #f472b6;--danger: #f87171;--success: #4ade80;--on-primary: #ffffff;--gradient: linear-gradient(135deg, #7c5cff, #f472b6 60%, #2dd4bf)}html[data-palette=b]{--primary: #ffb020;--primary-2: #ff7a00;--accent: #ff5c5c;--accent-2: #ffd166;--danger: #ef4444;--success: #22c55e;--on-primary: #1a1208;--gradient: linear-gradient(135deg, #ffb020, #ff5c5c 60%, #ff7a00)}html[data-palette=c]{--primary: #4f46e5;--primary-2: #818cf8;--accent: #a3e635;--accent-2: #22d3ee;--danger: #ef4444;--success: #16a34a;--on-primary: #ffffff;--gradient: linear-gradient(135deg, #4f46e5, #818cf8 55%, #a3e635)}html[data-palette=d]{--primary: #f5c542;--primary-2: #ffd166;--accent: #e63946;--accent-2: #4cc9f0;--danger: #e63946;--success: #2a9d8f;--on-primary: #1a1208;--gradient: linear-gradient(135deg, #f5c542, #e63946 60%, #4cc9f0)}html[data-palette=b][data-theme=dark]{--bg: #171210;--bg-2: #1f1714;--surface: #241a16;--surface-2: #2e211b;--surface-3: #3a2921;--border: #463229}html[data-palette=b][data-theme=light]{--bg: #fdf7f0;--bg-2: #faeee1;--surface: #fffdfa;--surface-2: #fdf3e8;--surface-3: #f8e7d6;--border: #f0ddc8}html[data-palette=c][data-theme=dark]{--bg: #0a0f1a;--bg-2: #0e1524;--surface: #121c2e;--surface-2: #17243a;--surface-3: #1d2d47;--border: #263a58}html[data-palette=c][data-theme=light]{--bg: #f5f7ff;--bg-2: #eef1ff;--surface: #ffffff;--surface-2: #f4f6ff;--surface-3: #e9edff;--border: #dfe4f5}html[data-palette=d][data-theme=dark]{--bg: #0e1726;--bg-2: #111c2f;--surface: #16233a;--surface-2: #1c2c47;--surface-3: #223553;--border: #2c4266}html[data-palette=d][data-theme=light]{--bg: #f6f8fc;--bg-2: #eef2f9;--surface: #ffffff;--surface-2: #f3f6fb;--surface-3: #e8eef7;--border: #dce4ef}.hh-button{border:0;border-radius:.75rem;font:inherit;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease}.hh-button:hover{filter:brightness(1.1)}.hh-button:active{transform:scale(.98)}.hh-button:disabled{opacity:.5;cursor:not-allowed}.hh-button--primary{background:var(--primary, #7c5cff);color:var(--on-primary, #ffffff)}.hh-button--secondary{background:var(--surface-3, #262a3a);color:var(--text, #e9eaff)}.hh-button--danger{background:var(--danger, #d33b4d);color:#fff}.hh-button--ghost{background:transparent;color:var(--muted, #c7cbe0);border:1px solid var(--border, #3a3f55)}.hh-button--sm{padding:.4rem .8rem;font-size:.85rem}.hh-button--md{padding:.65rem 1.1rem}.hh-button--lg{padding:.9rem 1.6rem;font-size:1.1rem}.hh-timer{display:grid;place-items:center;width:6rem;height:6rem;border-radius:50%;border:.4rem solid currentColor;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.hh-timer--green{color:var(--success, #4ade80)}.hh-timer--yellow{color:var(--primary, #facc15)}.hh-timer--red{color:var(--danger, #f87171)}.hh-card{border-radius:var(--radius-lg, 28px);padding:1.25rem;background:var(--surface);border:1px solid var(--border)}.hh-card--flat{background:var(--surface)}.hh-card--elevated{box-shadow:var(--shadow)}.hh-card--glass{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hh-card--gradient{border:1.5px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--gradient) border-box}.hh-answers{display:grid;gap:.6rem}.hh-answers--adaptive,.hh-answers--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-answers--list{grid-template-columns:1fr}.hh-answer{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-md, 18px);padding:.85rem 1rem;font:inherit;font-weight:700;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.hh-answer:hover{border-color:var(--primary);transform:translateY(-1px)}.hh-answer.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 18%,var(--surface-2));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent)}.hh-answer.is-correct{border-color:var(--success);background:color-mix(in srgb,var(--success) 18%,var(--surface-2));box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 40%,transparent)}.hh-answer--static{cursor:default}.hh-answer--static:hover{transform:none}.hh-answer:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 480px){.hh-answers--adaptive{grid-template-columns:1fr}}@media (min-width: 1280px){.hh-answers--adaptive{grid-template-columns:repeat(4,minmax(0,1fr))}}.hh-ring{--progress: 100%;--ring-color: var(--primary);width:7rem;height:7rem;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--ring-color) var(--progress),var(--surface-3) 0)}.hh-ring:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:var(--surface)}.hh-ring span{position:relative;font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.hh-ring--sm{width:5rem;height:5rem}.hh-ring--sm span{font-size:1.4rem}.hh-ring--lg{width:9rem;height:9rem}.hh-ring--lg span{font-size:2.8rem}.hh-ring--green{--ring-color: var(--success)}.hh-ring--yellow{--ring-color: #facc15}.hh-ring--red{--ring-color: var(--danger)}.hh-media-progress{display:flex;flex-direction:column;gap:.35rem}.hh-media-progress__track{height:.8rem;border-radius:999px;background:var(--surface-3);overflow:hidden}.hh-media-progress__track i{display:block;height:100%;border-radius:999px;background:var(--gradient);transition:width .2s linear}.hh-media-progress__label{color:var(--muted);font-size:.8rem}.hh-game-progress{display:flex;flex-direction:column;gap:.4rem}.hh-game-progress__segments{display:flex;gap:.3rem}.hh-game-progress__segments i{flex:1;height:.55rem;border-radius:999px;background:var(--surface-3)}.hh-game-progress__segments i.is-done{background:var(--gradient)}.hh-game-progress__label{color:var(--muted);font-size:.8rem}body{margin:0;min-height:100vh;background:var(--bg, #0b0b12);color:var(--text, #f5f5f7);font-family:var(--font-body, system-ui, sans-serif);transition:background .18s ease,color .18s ease}*{box-sizing:border-box}.screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:2rem;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted, #9aa0b4);font-size:.8rem}h1{font-family:var(--font-display, var(--font-body, system-ui, sans-serif));font-size:clamp(2.5rem,8vw,6rem);margin:0}.lead{max-width:40rem;color:var(--muted, #c7cbe0);font-size:1.1rem}.row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.hint{color:var(--muted, #7f859c);font-size:.9rem}.display-shell{min-height:100vh;background:radial-gradient(900px 600px at 15% -10%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 60%),radial-gradient(900px 600px at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),var(--bg);color:var(--text)}.display-shell--auth{display:flex;align-items:flex-start;justify-content:center}.display-shell--auth .display-main{width:100%}.display-shell--game{padding-top:2.5rem}.display-main{max-width:1400px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,3rem) 3rem}.display-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,3vw,2.5rem);background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.display-brand{display:flex;align-items:center;gap:.7rem;font-size:1.1rem;font-weight:800}.display-brand__mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:.8rem;background:var(--gradient);color:#fff;font-family:var(--font-display)}.display-brand small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase}.display-topbar__actions{display:flex;align-items:center;gap:.6rem}.display-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:.45rem .85rem;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.display-user{color:var(--muted);font-size:.85rem;font-weight:700}.display-auth,.display-connect{max-width:520px;margin:5vh auto 0}.display-auth h1,.display-connect h1{font-size:clamp(2.2rem,6vw,3.4rem);margin:.3rem 0 .6rem}.display-form{display:grid;gap:1rem;margin-top:1.4rem}.display-form label{display:grid;gap:.4rem;color:var(--muted);font-size:.85rem;font-weight:700}.display-form input{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:.8rem;padding:.9rem 1rem;font:inherit}.display-form input:focus{outline:2px solid var(--primary);outline-offset:1px}.display-code-input{font-family:var(--font-display);font-size:2rem;letter-spacing:.3em;text-align:center;text-transform:uppercase}.display-error{color:var(--danger);font-weight:700;margin:0}.display-lobby{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1rem,2.5vw,2rem);align-items:stretch;min-height:62vh}.display-lobby__info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.display-lobby__info h1{font-size:clamp(2.4rem,6vw,4.4rem);margin:.2rem 0 .8rem}.display-code{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);letter-spacing:.3em;color:var(--primary);margin:.2rem 0 .8rem}.display-lobby__teams h2{font-family:var(--font-display);font-size:1.4rem;margin:0 0 .8rem}.display-teams-list{display:flex;flex-direction:column;gap:.4rem}.display-team{display:flex;align-items:center;gap:.8rem;padding:.8rem .5rem;border-bottom:1px solid var(--border);font-size:1.15rem;font-weight:700}.display-team__avatar{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--gradient);color:#fff;font-size:.9rem}.display-team__check{margin-left:auto;color:var(--success)}.display-question{display:flex;flex-direction:column;gap:1rem}.display-question__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.display-theme{color:var(--muted);font-weight:700}.display-question__body{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1rem,2.5vw,2rem);align-items:stretch;min-height:60vh}.display-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.display-media h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);margin:0}.display-correct{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--success);margin:0}.display-wave{display:flex;align-items:center;gap:.35rem;height:7rem}.display-wave i{width:.8rem;border-radius:999px;background:var(--gradient);animation:display-wave 1.1s ease-in-out infinite}.display-wave i:nth-child(1){height:35%;animation-delay:0s}.display-wave i:nth-child(2){height:65%;animation-delay:.1s}.display-wave i:nth-child(3){height:45%;animation-delay:.2s}.display-wave i:nth-child(4){height:90%;animation-delay:.3s}.display-wave i:nth-child(5){height:55%;animation-delay:.4s}.display-wave i:nth-child(6){height:75%;animation-delay:.5s}.display-wave i:nth-child(7){height:40%;animation-delay:.6s}@keyframes display-wave{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.display-question__content{display:flex;flex-direction:column;gap:1rem}.display-question__content h1{font-size:clamp(1.8rem,3.6vw,3rem);margin:0}.display-team-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.display-team-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.4rem .8rem;font-size:.8rem;font-weight:700}.display-team-chip.is-answered{border-color:var(--success);color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--surface-2))}.display-final{max-width:900px;margin:3vh auto 0;text-align:center}.display-final h1{font-size:clamp(2.4rem,6vw,4rem);margin:.2rem 0 1.5rem}.display-final__table{display:flex;flex-direction:column;gap:.6rem}.display-final__row{display:grid;grid-template-columns:4rem 1fr auto;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:1rem;background:var(--surface);border:1px solid var(--border);font-size:1.35rem;font-weight:700;text-align:left}.display-final__row:first-child{border-color:var(--primary);background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--gradient) border-box}.display-final__place{font-family:var(--font-display);font-size:1.6rem;color:var(--primary)}.display-final__row strong{color:var(--primary)}.display-wait{max-width:720px;margin:10vh auto 0;text-align:center}.team-nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.team-nav__link{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:999px;padding:.5rem .9rem;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.team-nav__link:hover{color:var(--text);border-color:var(--border)}.team-nav__link.is-active{color:var(--text);background:var(--surface-2);border-color:var(--border)}.team-page{display:flex;flex-direction:column;gap:1.25rem}.team-page__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.team-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--gradient) border-box;border-color:transparent}.team-hero__identity{display:flex;align-items:center;gap:1.2rem}.team-hero__identity h1{margin:.15rem 0 .3rem;font-size:clamp(1.8rem,4vw,2.8rem)}.team-hero__actions{display:flex;gap:.6rem;flex-wrap:wrap}.team-avatar{width:5.5rem;height:5.5rem;flex-shrink:0;display:grid;place-items:center;border-radius:1.5rem;overflow:hidden;background:var(--gradient);color:#fff;font-family:var(--font-display);font-size:2.4rem;font-weight:800}.team-avatar img,.team-avatar-preview{width:100%;height:100%;object-fit:cover}.team-carousel__head,.team-carousel__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem}.team-carousel__viewport{margin:.8rem 0;border-radius:1rem;overflow:hidden;background:var(--surface-2);aspect-ratio:16 / 9}.team-carousel__viewport img{width:100%;height:100%;object-fit:cover;display:block}.team-carousel__dots{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center}.team-dot{width:.55rem;height:.55rem;padding:0;border-radius:50%;border:none;background:var(--border);cursor:pointer}.team-dot.is-active{background:var(--primary)}.team-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.team-section-title{margin:.5rem 0 0}.team-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.team-theme-card{display:flex;flex-direction:column;gap:.4rem}.team-theme-card .button{margin-top:auto}.team-chorus{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.team-chorus__actions,.team-own-track__actions,.team-game-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.team-game-actions{margin-top:1rem}.team-answer-panel{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.team-answer-result{color:var(--muted);font-weight:700}.team-question-media{display:flex;flex-direction:column;gap:.6rem;align-items:center}.team-video{width:100%;max-height:16rem;border-radius:.8rem;background:#000}.team-lyrics{width:100%;color:var(--muted);font-size:.85rem}.team-lyrics pre{white-space:pre-wrap;font:inherit;max-height:10rem;overflow:auto}.team-own-track{display:flex;flex-direction:column;gap:.5rem}.team-range-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.team-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem;margin-top:.8rem}.team-photo{position:relative;aspect-ratio:1;border-radius:.8rem;overflow:hidden;background:var(--surface-2)}.team-photo img{width:100%;height:100%;object-fit:cover}.team-photo__delete{position:absolute;top:.25rem;right:.25rem;width:1.6rem;height:1.6rem;border:none;border-radius:50%;background:#000000a6;color:#fff;cursor:pointer}.team-avatar-upload{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.team-avatar-preview{width:4rem;height:4rem;border-radius:1rem}.team-hall{display:flex;flex-direction:column;gap:.6rem}.team-hall__row{display:grid;grid-template-columns:3rem 1fr auto auto;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:.9rem;border:1px solid var(--border);background:var(--surface-2)}.team-hall__place{font-family:var(--font-display);font-size:1.3rem;color:var(--primary)}.team-hall__team{font-weight:700}.display-info{color:var(--success);font-weight:600}.display-final__my{font-size:1.2rem;font-weight:700;color:var(--primary)}.display-tv-exit{position:fixed;top:.75rem;right:.75rem;z-index:50;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--text);border-radius:999px;padding:.5rem .9rem;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width: 900px){.display-lobby,.display-question__body{grid-template-columns:1fr}.display-question__body{min-height:auto}.display-final__row{font-size:1rem;padding:.8rem 1rem}.display-topbar{flex-wrap:wrap}.team-nav{order:3;width:100%;justify-content:center}.team-hero{flex-direction:column;align-items:flex-start}.team-hall__row{grid-template-columns:2rem 1fr auto;font-size:.9rem}.team-hall__row>span:nth-child(3){display:none}}