@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#17131f;--c-bg-soft:#1c1726;--c-surface:#241e31;--c-surface-2:#2d263d;--c-surface-3:#382f4c;--c-border:#3d3452;--c-border-strong:#54486e;--c-text:#f6f1fb;--c-text-muted:#b9aecb;--c-text-faint:#8f84a4;--c-accent:#f4a6d7;--c-accent-hover:#f8bfe3;--c-accent-soft:#f4a6d724;--c-accent-softer:#f4a6d712;--c-accent-ink:#2a1530;--c-success:#9be3c1;--c-success-soft:#9be3c124;--c-warning:#ffd58f;--c-warning-soft:#ffd58f24;--c-danger:#ff9fa8;--c-danger-soft:#ff9fa824;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font:"Nunito Variable", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-md:1rem;--fs-lg:1.1875rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.75rem;--fw-regular:500;--fw-bold:750;--fw-black:900;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 12px 32px #00000059;--focus-ring:0 0 0 3px var(--c-bg), 0 0 0 5px var(--c-accent);--ease:cubic-bezier(.2, .8, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.14s;--dur:.24s;--dur-slow:.48s;--tap:48px;--container:1120px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s;--dur-slow:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(1200px 600px at 10% -10%, #f4a6d712, transparent 60%), radial-gradient(900px 500px at 110% 10%, #b4a0ff0d, transparent 60%), var(--c-bg);min-height:100dvh;color:var(--c-text);font-family:var(--font);font-size:var(--fs-md);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;line-height:1.5}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:var(--fw-black);letter-spacing:-.01em;line-height:1.2}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}a{color:var(--c-accent);text-underline-offset:3px;text-decoration-thickness:2px}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:var(--c-accent);color:var(--c-accent-ink)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack{gap:var(--gap,var(--space-4));flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap,var(--space-3));flex-wrap:wrap;display:flex}.row-between{justify-content:space-between}.grow{flex:1;min-width:0}.center{text-align:center;place-items:center;display:grid}.text-center{text-align:center}.muted{color:var(--c-text-muted)}.faint{color:var(--c-text-faint)}.small{font-size:var(--fs-sm)}.tiny{font-size:var(--fs-xs)}.bold{font-weight:var(--fw-bold)}.break{overflow-wrap:anywhere}.page{width:100%;max-width:var(--container);padding:var(--space-4);margin:0 auto}@media (width>=720px){.page{padding:var(--space-6)}}.btn{--btn-bg:var(--c-surface-2);--btn-fg:var(--c-text);--btn-border:var(--c-border);justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1.5px solid var(--btn-border);border-radius:var(--radius-full);background:var(--btn-bg);color:var(--btn-fg);font-weight:var(--fw-bold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);line-height:1.1;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){--btn-bg:var(--c-surface-3);--btn-border:var(--c-border-strong)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{--btn-bg:var(--c-accent);--btn-fg:var(--c-accent-ink);--btn-border:var(--c-accent)}.btn-primary:hover:not(:disabled){--btn-bg:var(--c-accent-hover);--btn-border:var(--c-accent-hover)}.btn-ghost{--btn-bg:transparent;--btn-border:transparent}.btn-ghost:hover:not(:disabled){--btn-bg:var(--c-surface-2);--btn-border:transparent}.btn-danger{--btn-fg:var(--c-danger);--btn-border:#ff9fa859}.btn-danger:hover:not(:disabled){--btn-bg:var(--c-danger-soft);--btn-border:var(--c-danger)}.btn-lg{min-height:56px;padding:0 var(--space-6);font-size:var(--fs-lg)}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--fs-sm)}.btn-block{width:100%}.btn-icon{flex:none;width:44px;padding:0}.btn-icon.btn-sm{width:36px}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-text-muted)}.hint{font-size:var(--fs-xs);color:var(--c-text-faint)}.error-text{font-size:var(--fs-sm);color:var(--c-danger);font-weight:var(--fw-bold)}.input,.textarea,.select{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg-soft);color:var(--c-text);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.textarea{resize:vertical;min-height:96px;line-height:1.45}.select{appearance:none;padding-right:var(--space-7);background-image:linear-gradient(45deg, transparent 50%, var(--c-text-muted) 50%), linear-gradient(135deg, var(--c-text-muted) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px}.input::placeholder,.textarea::placeholder{color:var(--c-text-faint)}.input:hover,.textarea:hover,.select:hover{border-color:var(--c-border-strong)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.input-lg{min-height:60px;font-size:var(--fs-xl);font-weight:var(--fw-bold);text-align:center;border-radius:var(--radius-lg)}.input-code{letter-spacing:.35em;text-transform:uppercase;padding-left:calc(var(--space-4) + .35em)}.input-code::placeholder{letter-spacing:.35em}.switch{align-items:center;gap:var(--space-3);cursor:pointer;font-weight:var(--fw-bold);display:inline-flex}.switch input{appearance:none;border-radius:var(--radius-full);background:var(--c-surface-3);border:1.5px solid var(--c-border-strong);cursor:pointer;width:46px;height:28px;transition:background var(--dur) var(--ease);flex:none;margin:0;position:relative}.switch input:after{content:"";background:var(--c-text-muted);width:19px;height:19px;transition:transform var(--dur) var(--ease-bounce), background var(--dur) var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--c-accent);border-color:var(--c-accent)}.switch input:checked:after{background:var(--c-accent-ink);transform:translate(18px)}.switch input:disabled{opacity:.5;cursor:not-allowed}.segmented{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--c-bg-soft);border:1.5px solid var(--c-border);flex-wrap:wrap;display:flex}.segmented>label{flex:auto;position:relative}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented>label>span{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border-radius:calc(var(--radius-md) - 5px);color:var(--c-text-muted);font-weight:var(--fw-bold);font-size:var(--fs-sm);text-align:center;cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);display:flex}.segmented>label:hover>span{color:var(--c-text)}.segmented>label>input:checked+span{background:var(--c-accent);color:var(--c-accent-ink)}.segmented>label>input:focus-visible+span{box-shadow:var(--focus-ring)}input[type=range]{accent-color:var(--c-accent);width:100%}input[type=radio],input[type=checkbox]:not(.switch input){accent-color:var(--c-accent);width:18px;height:18px}.card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--c-surface);border:1.5px solid var(--c-border);box-shadow:var(--shadow-sm)}.card-soft{padding:var(--space-4);border-radius:var(--radius-md);background:var(--c-bg-soft);border:1.5px solid var(--c-border)}.card-accent{background:linear-gradient(160deg, var(--c-accent-soft), var(--c-surface) 60%);border-color:#f4a6d773}@media (width<=480px){.card{padding:var(--space-4);border-radius:var(--radius-md)}}.divider{background:var(--c-border);border:0;height:1px;margin:0}.badge{align-items:center;gap:var(--space-1);min-height:26px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--c-surface-2);border:1px solid var(--c-border);color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap;display:inline-flex}.badge-accent{background:var(--c-accent-soft);color:var(--c-accent);border-color:#f4a6d766}.badge-success{background:var(--c-success-soft);color:var(--c-success);border-color:#9be3c166}.badge-danger{background:var(--c-danger-soft);color:var(--c-danger);border-color:#ff9fa866}.badge-warning{background:var(--c-warning-soft);color:var(--c-warning);border-color:#ffd58f66}.dot{background:var(--c-text-faint);border-radius:50%;flex:none;width:9px;height:9px}.dot-on{background:var(--c-success);box-shadow:0 0 0 3px var(--c-success-soft)}.avatar{width:var(--size,44px);height:var(--size,44px);object-fit:cover;background:var(--c-surface-3);border-radius:50%;flex:none;display:block}.avatar-off{filter:grayscale(.85);opacity:.55}.spinner{width:var(--size,22px);height:var(--size,22px);border:3px solid var(--c-accent-soft);border-top-color:var(--c-accent);border-radius:50%;animation:.8s linear infinite spin}.progress{border-radius:var(--radius-full);background:var(--c-surface-3);height:10px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--c-accent);height:100%;transition:width var(--dur-slow) var(--ease);display:block}.kbd{border:1px solid var(--c-border-strong);background:var(--c-surface-2);min-width:22px;height:22px;color:var(--c-text-muted);font-size:.75rem;font-weight:var(--fw-bold);border-radius:6px;place-items:center;padding:0 5px;display:inline-grid}.empty{padding:var(--space-6) var(--space-4);border:1.5px dashed var(--c-border);border-radius:var(--radius-lg);text-align:center;color:var(--c-text-muted)}.modal{border:1.5px solid var(--c-border-strong);border-radius:var(--radius-lg);background:var(--c-surface);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--c-text);box-shadow:var(--shadow-md);padding:0;overflow:auto}.modal[open]{animation:pop-in var(--dur) var(--ease-bounce)}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a080fb8}.modal-body{padding:var(--space-5)}.modal-wide{width:min(960px,100vw - 24px)}.toasts{z-index:100;inset:auto auto max(var(--space-4), env(safe-area-inset-bottom)) 50%;align-items:center;gap:var(--space-2);pointer-events:none;background:0 0;border:0;flex-direction:column;width:min(480px,100vw - 24px);margin:0;padding:0;display:flex;position:fixed;overflow:visible;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--c-surface-3);border:1.5px solid var(--c-border-strong);box-shadow:var(--shadow-md);font-weight:var(--fw-bold);font-size:var(--fs-sm);pointer-events:auto;animation:slide-up var(--dur) var(--ease-bounce);display:flex}.toast-error{border-color:#ff9fa899}.toast-success{border-color:#9be3c199}.status-pill{z-index:90;top:max(var(--space-3), env(safe-area-inset-top));align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--c-surface-3);border:1.5px solid var(--c-border-strong);box-shadow:var(--shadow-md);font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;animation:slide-down var(--dur) var(--ease-bounce);display:flex;position:fixed;left:50%;transform:translate(-50%)}.status-pill-warning{color:var(--c-warning);border-color:#ffd58f99}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes squish{0%,to{transform:scale(1)}40%{transform:scale(1.06,.94)}70%{transform:scale(.97,1.03)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}.anim-rise{animation:rise-in var(--dur-slow) var(--ease) both}.anim-pop{animation:pop-in var(--dur) var(--ease-bounce) both}.anim-float{animation:3.2s ease-in-out infinite float}.mascot{overflow:visible}.mascot-body{transform-origin:60px 98px;animation:2.8s ease-in-out infinite squish}.mascot-eyes{transform-box:fill-box;transform-origin:50%;animation:4.2s ease-in-out infinite blink}.entry{align-items:center;gap:var(--space-5);max-width:480px;min-height:100dvh;padding-top:max(var(--space-6), env(safe-area-inset-top));padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));flex-direction:column;display:flex}.entry>*{width:100%}.entry-hero{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.brand{font-size:var(--fs-3xl);background:linear-gradient(120deg, var(--c-text) 30%, var(--c-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.entry-back{align-self:flex-start;width:auto}.entry-room{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.entry-admin{width:auto;margin-top:auto;text-decoration:none}.entry-admin:hover{color:var(--c-text-muted)}.notice{text-align:center;font-weight:var(--fw-bold)}.avatar-field{border:0;margin:0;padding:0}.avatar-picker{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(60px,1fr));display:grid}.avatar-option{aspect-ratio:1;cursor:pointer;transition:transform var(--dur) var(--ease-bounce), border-color var(--dur-fast) var(--ease);border:3px solid #0000;border-radius:50%;padding:3px;display:block}.avatar-option img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-option:hover{transform:scale(1.06)}.avatar-option.selected{border-color:var(--c-accent);transform:scale(1.1)}.avatar-option:has(input:focus-visible){box-shadow:var(--focus-ring)}.game{flex-direction:column;min-height:100dvh;display:flex}.game-bar{z-index:20;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);padding-top:max(var(--space-2), env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border);background:#17131fd9;display:flex;position:sticky;top:0}.game-me{flex-direction:column;line-height:1.25;display:flex}.game-main{width:100%;max-width:720px;padding:var(--space-4);padding-bottom:max(var(--space-7), env(safe-area-inset-bottom));flex:1;margin:0 auto}.phase{--gap:var(--space-5)}.waiting-text{color:var(--c-text-muted);font-weight:var(--fw-bold)}.dots span{animation:1.2s ease-in-out infinite pulse-soft}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.player-cloud{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));margin:0;padding:0;list-style:none;display:grid}.player-cloud li{align-items:center;gap:var(--space-1);text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-bold);flex-direction:column;display:flex}.player-cloud li.me .avatar{box-shadow:0 0 0 3px var(--c-accent)}.question-card{gap:var(--space-4);flex-direction:column;display:flex}.question-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.question-title{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(1.35rem,4.5vw,2rem)}.difficulty-stars{letter-spacing:1px}.countdown{flex:none;place-items:center;display:grid;position:relative}.countdown svg{position:absolute;inset:0;transform:rotate(-90deg)}.countdown circle{fill:none;stroke-width:4px}.countdown-track{stroke:var(--c-surface-3)}.countdown-bar{stroke:var(--c-accent);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.countdown span{font-weight:var(--fw-black);font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.countdown-urgent .countdown-bar{stroke:var(--c-danger)}.countdown-urgent span{color:var(--c-danger);animation:.8s ease-in-out infinite pulse-soft}.answer-form{gap:var(--space-3);flex-direction:column;display:flex}.choices{gap:var(--space-3);display:grid}@media (width>=560px){.choices{grid-template-columns:1fr 1fr}}.choice{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--c-border);background:var(--c-surface-2);font-weight:var(--fw-bold);font-size:var(--fs-lg);text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);display:flex}.choice:hover:not(:disabled){border-color:var(--c-border-strong);background:var(--c-surface-3)}.choice:active:not(:disabled){transform:scale(.98)}.choice:disabled{cursor:default}.choice-letter{background:var(--c-surface-3);width:36px;height:36px;color:var(--c-text-muted);font-weight:var(--fw-black);font-size:var(--fs-md);border-radius:50%;flex:none;place-items:center;display:grid}.choice-text{overflow-wrap:anywhere;flex:1;min-width:0}.choice-selected{border-color:var(--c-accent);background:var(--c-accent-soft)}.choice-selected .choice-letter{background:var(--c-accent);color:var(--c-accent-ink)}.choice-dimmed{opacity:.55}.choice-correct{border-color:var(--c-success);background:var(--c-success-soft);color:var(--c-success)}.choice-correct .choice-letter{background:var(--c-success);color:#12291f}.choice-wrong{border-color:var(--c-danger);background:var(--c-danger-soft);color:var(--c-danger)}.time-up{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--c-warning-soft);color:var(--c-warning);font-weight:var(--fw-black);font-size:var(--fs-lg);display:flex}.carousel{gap:var(--space-2);flex-direction:column;display:flex}.carousel-frame{border-radius:var(--radius-md);background:var(--c-bg-soft);cursor:zoom-in;touch-action:pan-y;place-items:center;display:grid;position:relative;overflow:hidden}.carousel-frame img{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-height:min(52dvh,460px)}.carousel-nav{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.carousel-dots{gap:6px;display:flex}.carousel-dots span{background:var(--c-surface-3);width:8px;height:8px;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:50%}.carousel-dots span.active{background:var(--c-accent);transform:scale(1.3)}.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;padding:var(--space-4);background:0 0;border:0;place-items:center;margin:0;display:grid}.lightbox::backdrop{background:#08060ceb}.lightbox img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:100%}.lightbox-close{top:max(var(--space-4), env(safe-area-inset-top));right:var(--space-4);position:fixed}.media-playable{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.media-playable audio{width:100%}.media-playable video{border-radius:var(--radius-md);background:#000;width:100%;max-height:56dvh}.waiting{--gap:var(--space-3);padding-top:var(--space-5)}.waiting-orbit{place-items:center;width:180px;height:160px;display:grid;position:relative}.orbit{background:var(--c-accent);border-radius:50%;width:12px;height:12px;margin:-6px;animation:3.2s linear infinite orbit;position:absolute;top:50%;left:50%}.orbit-2{background:#fff;width:8px;height:8px;margin:-4px;animation-duration:4.4s;animation-direction:reverse}.orbit-3{background:#c9b8ff;width:10px;height:10px;margin:-5px;animation-duration:5.6s;animation-delay:-1.5s}@keyframes orbit{0%{transform:rotate(0)translate(82px)rotate(0)}to{transform:rotate(360deg)translate(82px)rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.orbit{display:none}}.your-answer{align-items:center;gap:var(--space-2);max-width:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--c-surface-2);border:1.5px solid var(--c-border);display:inline-flex}.answered-row{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.answered-row li{opacity:.4;transition:opacity var(--dur) var(--ease);position:relative}.answered-row li.done{opacity:1}.answered-row li svg{background:var(--c-success);color:#12291f;box-sizing:content-box;border-radius:50%;padding:2px;position:absolute;bottom:-4px;right:-4px}.shared-answers{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.shared-answers li{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-bg-soft);display:flex}.result{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:2px solid var(--c-border);display:flex}.result h1{font-size:var(--fs-xl)}.result-points{font-size:var(--fs-2xl);font-weight:var(--fw-black);font-variant-numeric:tabular-nums}.result-correct{background:var(--c-success-soft);border-color:#9be3c199}.result-correct .result-points{color:var(--c-success)}.result-half{background:var(--c-warning-soft);border-color:#ffd58f99}.result-half .result-points{color:var(--c-warning)}.result-wrong{background:var(--c-danger-soft);border-color:#ff9fa880}.result-wrong .result-points{color:var(--c-danger)}.reference{align-items:center;gap:var(--space-2);color:var(--c-success);flex-wrap:wrap;display:flex}.explanation{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--c-accent-softer);color:var(--c-text);border:1.5px solid #f4a6d74d;display:flex}.explanation svg{color:var(--c-accent);margin-top:3px}.text{color:var(--c-text)}.standings{--row:58px;height:calc(var(--count) * var(--row));position:relative}.standing-slot{height:calc(var(--row) - 6px);transform:translateY(calc(var(--pos) * var(--row)));transition:transform .9s var(--ease);position:absolute;top:0;left:0;right:0}.standing{align-items:center;gap:var(--space-3);height:100%;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--c-surface);border:1.5px solid var(--c-border);display:flex}.standing-me{border-color:var(--c-accent);background:linear-gradient(90deg, var(--c-accent-soft), var(--c-surface) 70%)}.standing-rank{text-align:center;width:28px;font-weight:var(--fw-black);font-size:var(--fs-lg);color:var(--c-text-muted);font-variant-numeric:tabular-nums}.standing-name{min-width:0;font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.standing-score{text-align:right;min-width:56px;font-weight:var(--fw-black);font-variant-numeric:tabular-nums}.move{font-size:var(--fs-xs);font-weight:var(--fw-black);text-align:center;min-width:26px}.move-up{color:var(--c-success)}.move-down{color:var(--c-danger)}.move-same{color:var(--c-text-faint)}@media (width<=420px){.standings{--row:54px}.standing{gap:var(--space-2);padding:0 var(--space-2)}.standing .avatar{width:32px;height:32px;--size:32px!important}}.podium{align-items:end;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));min-height:260px;display:grid}.podium-step{height:100%;animation:rise-in .7s var(--ease-bounce) both;flex-direction:column;justify-content:flex-end;display:flex}.podium-player{padding-bottom:var(--space-2);text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.podium-score{font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:var(--fw-bold)}.podium-block{height:var(--h);padding-top:var(--space-2);border-radius:var(--radius-md) var(--radius-md) 6px 6px;background:var(--c-surface-2);border:1.5px solid var(--c-border);font-size:var(--fs-2xl);font-weight:var(--fw-black);color:var(--c-text-muted);place-items:start center;display:grid}.podium-1 .podium-block{background:linear-gradient(180deg, var(--c-accent-soft), var(--c-surface-2));color:var(--c-accent);border-color:#f4a6d78c}.podium-1 .avatar{box-shadow:0 0 0 4px var(--c-accent)}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti span{opacity:.9;border-radius:2px;width:8px;height:12px;animation:linear both confetti-fall;position:absolute;top:-12px}.confetti span.round{border-radius:50%;width:9px;height:9px}@keyframes confetti-fall{0%{transform:translateY(0) rotate(var(--rot))}to{transform:translateY(110dvh) rotate(calc(var(--rot) + 540deg))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.sound-control{position:relative}.sound-panel{right:0;top:calc(100% + var(--space-2));z-index:40;gap:var(--space-3);width:230px;padding:var(--space-4);flex-direction:column;display:flex;position:absolute}.audio-hint{z-index:25;left:50%;bottom:max(var(--space-4), env(safe-area-inset-bottom));align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--c-border-strong);background:var(--c-surface-3);color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-md);display:inline-flex;position:fixed;transform:translate(-50%)}