:root{--bg:#0f0f17;--surface:#1a1a26;--surface-2:#252535;--text:#f4f4f8;--muted:#9a9ab0;--accent:#ff4d6d;--ok:#3ddc97;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Kanit,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;min-height:100dvh}a{color:var(--accent)}h1,h2,h3{margin:0}.muted{color:var(--muted)}.center{text-align:center}.error{color:#ff8a9c;margin:0}.btn{appearance:none;border-radius:var(--radius);font:inherit;color:var(--text);background:var(--surface-2);cursor:pointer;text-align:center;border:0;padding:14px 18px;font-weight:600;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--ghost{background:0 0;padding:8px 10px}input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);width:100%;min-width:0;padding:14px 16px}input:focus{outline:2px solid var(--accent);outline-offset:1px}.home{max-width:420px;padding:max(24px, env(safe-area-inset-top)) 16px 24px;flex-direction:column;gap:14px;margin:0 auto;display:flex}.home__hero{text-align:center;padding:24px 0 8px}.home__hero h1{font-size:2.4rem;font-weight:800}.home__logo{filter:drop-shadow(0 8px 24px #00000073);width:min(100%,380px);height:auto;margin:0 auto 8px;animation:.6s cubic-bezier(.2,1.3,.4,1) both logo-in;display:block}@keyframes logo-in{0%{opacity:0;transform:scale(.85)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.home__logo{animation:none}}.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}.field{flex-direction:column;gap:6px;display:flex}.divider{text-align:center;color:var(--muted);margin:6px 0;font-size:.9rem}.join{gap:8px;display:flex}.join__code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:600}.home__hint{text-align:center;font-size:.9rem}.topbar{padding:max(8px, env(safe-area-inset-top)) 12px 8px;justify-content:space-between;align-items:center;gap:8px;display:flex}.code{appearance:none;background:var(--surface);color:var(--text);border-radius:var(--radius);font:inherit;cursor:pointer;border:0;flex-direction:column;align-items:center;padding:4px 16px;display:flex}.code__label{color:var(--muted);font-size:.7rem}.code__value{letter-spacing:.2em;font-size:1.3rem;font-weight:800}.dot{border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.dot--on{color:var(--ok);background:color-mix(in srgb, var(--ok) 16%, transparent);animation:2s ease-out infinite ripple}.dot--off{color:#f5a524;background:#f5a52429;animation:1s infinite alternate pulse}@keyframes ripple{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 55%, transparent)}to{box-shadow:0 0 0 10px #0000}}@keyframes pulse{to{opacity:.3}}.lobby{flex-direction:column;height:100dvh;display:flex}.grid{flex:1;grid-template-columns:1fr;grid-auto-rows:1fr;gap:6px;min-height:0;padding:0 6px;display:grid}.grid--3,.grid--4,.grid--5,.grid--6{grid-template-columns:1fr 1fr}@media (orientation:landscape){.grid--2{grid-template-columns:1fr 1fr}.grid--5,.grid--6{grid-template-columns:1fr 1fr 1fr}}@media (width>=900px){.grid:not(.grid--lobby){flex:1;grid-auto-rows:auto;align-content:center;gap:10px;width:100%;max-width:800px;margin:0 auto;padding:0 12px}.grid:not(.grid--lobby) .tile{aspect-ratio:4/3;max-height:calc(50dvh - 60px)}.grid--1 .tile{max-height:calc(100dvh - 120px)}}.grid.grid--lobby{flex:none;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:8px;padding:0 12px}@media (orientation:landscape) and (height<=600px){.lobby:has(.grid--lobby){grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr 1fr;display:grid}.lobby:has(.grid--lobby)>header{grid-column:1/-1}.lobby:has(.grid--lobby) .grid--lobby{grid-area:2/1;align-self:start;max-height:100%;overflow-y:auto}.lobby:has(.grid--lobby) .grid--lobby .tile{aspect-ratio:4/3}.lobby:has(.grid--lobby)>.panel--lobby{grid-area:2/2;min-height:0;max-height:none}}.grid--lobby .tile{aspect-ratio:1}.grid--lobby.grid--4,.grid--lobby.grid--5,.grid--lobby.grid--6{grid-template-columns:1fr 1fr 1fr}@media (width>=900px) and (height>=601px){.grid.grid--lobby{grid-template-columns:repeat(auto-fit,minmax(0,300px));justify-content:center;width:100%;max-width:640px;margin:0 auto}.grid--lobby .tile{aspect-ratio:4/3}.lobby>.panel--lobby{width:100%;max-width:640px;margin:0 auto}}.tile{background:var(--surface);border-radius:var(--radius);min-height:0;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%;display:block}.tile--self video{transform:scaleX(-1)}.tile__placeholder,.tile__tap{color:var(--muted);font:inherit;place-items:center;display:grid;position:absolute;inset:0}.tile__tap{color:#fff;cursor:pointer;background:#0000008c;border:0}.tile__name{text-overflow:ellipsis;white-space:nowrap;background:#0000008c;border-radius:999px;max-width:calc(100% - 16px);padding:2px 10px;font-size:.85rem;position:absolute;bottom:8px;left:8px;overflow:hidden}.panel{padding:12px 12px max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.panel--lobby{max-height:58dvh;padding-top:0}.panel__scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding-top:12px;padding-bottom:20px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.panel__scroll>*{flex-shrink:0}.panel__actions{flex-direction:column;flex:none;gap:6px;display:flex}.settings{flex-direction:column;gap:8px;display:flex}.settings__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.seg{background:var(--surface);border-radius:10px;padding:3px;display:flex}.seg button{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px}.seg button.on{background:var(--surface-2);color:var(--text)}.seg button:disabled{cursor:default}.lab{max-width:720px;margin:0 auto;padding-bottom:32px}.lab__stage{aspect-ratio:4/3;border-radius:var(--radius);background:#000;margin:0 12px;position:relative;overflow:hidden}.lab__stage video,.lab__stage canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.mirror{transform:scaleX(-1)}.lab__start{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.lab__grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.stat{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:6px;min-width:0;padding:12px;display:flex}.stat p{margin:0}.stat h3{font-size:1rem}.stat--wide{grid-column:1/-1;margin:0 12px}.lab__grid .stat--wide{margin:0}.row{gap:8px;display:flex}.log{max-height:240px;margin:0;padding:0;font-size:.95rem;list-style:none;overflow-y:auto}.log li{border-bottom:1px solid var(--surface-2);padding:4px 0}.log .interim{opacity:.6}.log .hit{color:var(--accent);font-weight:600}.report{white-space:pre-wrap;word-break:break-all;color:var(--muted);margin:0;font-size:.75rem}@media (width<=480px){.lab__grid{grid-template-columns:1fr}}.tile__overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tile--dimmed video{filter:grayscale()brightness(.6)}.tile__score{font-weight:600}.tile__action{z-index:2;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:6px;right:6px}.tile__action:empty{display:none}.speech-debug{z-index:40;color:#7cfc9a;pointer-events:none;background:#000000d9;border-radius:8px;margin:0;padding:6px 8px;position:fixed;bottom:6px;left:6px;right:6px}.speech-debug__toggle{pointer-events:auto;color:#7cfc9a;background:#000000d9;border:1px solid #7cfc9a;border-radius:6px;padding:3px 8px;font:11px/1.2 system-ui,sans-serif;position:absolute;top:-26px;right:6px}.speech-debug pre{white-space:pre-wrap;word-break:break-word;margin:0;font:10.5px/1.35 ui-monospace,monospace}.speech-debug__buttons{pointer-events:auto;flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.speech-debug__buttons button{color:#7cfc9a;background:#7cfc9a1f;border:1px solid #7cfc9a;border-radius:6px;padding:6px 8px;font:11px/1.2 system-ui,sans-serif}.speech-debug__buttons button:disabled{opacity:.5}.audio-debug{color:#7cfc9a;word-break:break-word;background:#000000bf;border-radius:6px;min-width:140px;max-width:calc(50vw - 24px);padding:3px 6px;font:10px/1.3 ui-monospace,monospace}.flag{appearance:none;font:inherit;color:#fff;cursor:pointer;background:#ff4d6deb;border:0;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.code__value.urgent{color:var(--accent)}.grow,.row>.btn{flex:1}.play,.guess,.status-card,.reveal{flex-direction:column;gap:10px;display:flex}.status-card p,.play p,.guess p{margin:0}.status-card__title{font-size:1.1rem;font-weight:600}.word{color:var(--accent);font-weight:800}.mic{flex:none!important}.mic--on{color:var(--ok);background:#1f3b31}.fouls{top:max(64px, calc(env(safe-area-inset-top) + 56px));z-index:10;flex-direction:column;gap:8px;display:flex;position:fixed;left:12px;right:12px}.foul{border:1px solid var(--accent);border-radius:var(--radius);background:#3a1520;flex-direction:column;gap:8px;padding:10px 12px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.foul p{margin:0}.foul__bar{background:var(--accent);height:4px;transition:width .1s linear;position:absolute;bottom:0;left:0}.toast{z-index:11;background:var(--surface-2);border-radius:var(--radius);padding:14px 22px;font-size:1.2rem;font-weight:800;animation:.25s ease-out pop;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000080}.toast--bad{background:var(--accent);color:#fff}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}.scores{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.scores li{background:var(--surface);border-radius:10px;grid-template-columns:1fr auto 2.5em 2em;align-items:center;gap:8px;padding:8px 12px;display:grid}.scores li.me{outline:1px solid var(--accent)}.scores__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scores__gain{color:var(--ok);text-align:right}.scores b{text-align:right}.tile--shake{animation:.5s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(5px,-3px)}30%,50%,70%{transform:translate(-8px,4px)rotate(-1deg)}40%,60%{transform:translate(8px,-4px)rotate(1deg)}}.tile__skull{pointer-events:none;filter:drop-shadow(0 4px 12px #0009);place-items:center;font-size:clamp(40px,22vmin,120px);animation:.4s ease-out skull-in;display:grid;position:absolute;inset:0}@keyframes skull-in{0%{opacity:0;transform:scale(2.2)}}.boom{pointer-events:none;z-index:3;width:0;height:0;position:absolute}.boom__flash{background:radial-gradient(circle,#fff 0%,#ffe066 25%,#ff8c1a 50%,#ff3c1e00 72%);border-radius:50%;width:180px;height:180px;animation:.7s ease-out forwards flash;position:absolute;top:-90px;left:-90px}@keyframes flash{0%{opacity:1;transform:scale(.1)}40%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(2.2)}}.boom__ring{border:6px solid #ffdc78e6;border-radius:50%;width:120px;height:120px;animation:.7s ease-out forwards ring;position:absolute;top:-60px;left:-60px}.boom__ring--late{opacity:0;border-color:#ff6e3cb3;animation-delay:.12s}@keyframes ring{0%{opacity:1;border-width:14px;transform:scale(.1)}to{opacity:0;border-width:1px;transform:scale(3)}}.boom__debris,.boom__chunk{font-size:26px;line-height:1;animation:1s cubic-bezier(.15,.7,.4,1) forwards debris;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.boom__chunk{background:hsl(var(--hue), 100%, 55%);border-radius:2px;width:10px;height:10px}@keyframes debris{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}70%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy) + 40px)) rotate(var(--rot)) scale(.8);opacity:0}}.boom__emoji{font-size:90px;line-height:1;animation:.9s ease-out forwards emoji-pop;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes emoji-pop{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.4)}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.boom__text{color:#fff;-webkit-text-stroke:2px #d62839;text-shadow:0 4px #7a0b17;white-space:nowrap;font-size:34px;font-weight:800;animation:1.3s ease-out forwards boom-text;position:absolute;top:60px;left:0;transform:translate(-50%)}@keyframes boom-text{0%{opacity:0;transform:translate(-50%,10px)scale(.3)rotate(-12deg)}25%{opacity:1;transform:translate(-50%)scale(1.25)rotate(-6deg)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-18px)scale(1)rotate(-6deg)}}.screen-flash{z-index:20;pointer-events:none;background:radial-gradient(circle,#ffe696d9,#ff3232bf);animation:.9s ease-out forwards screen-flash;position:fixed;inset:0}@keyframes screen-flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tile--shake{animation:none}}.heard{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:.85rem;overflow:hidden}.heard.warn{color:#f5a524;white-space:normal}.lastcall{background:var(--surface);border-radius:var(--radius);border:1px solid #f5a524;flex-direction:column;gap:10px;padding:12px;animation:.3s ease-out pop-in;display:flex}.lastcall p{margin:0}.lastcall__head{justify-content:space-between;align-items:center;font-size:1.1rem;display:flex}.lastcall__head span{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.lastcall__head .urgent{color:var(--accent)}.lastcall__track{background:var(--surface-2);border-radius:999px;height:14px;overflow:hidden}.lastcall__bar{background:linear-gradient(90deg,#f5a524,#ffd166);border-radius:999px;height:100%;transition:width .1s linear}.lastcall__bar--urgent{background:linear-gradient(90deg,#ff4d6d,#ff8a9c);animation:.4s infinite alternate pulse}.lastcall .row input{flex:1}.lastcall .row .btn{flex:none}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)}}.warn-text{color:#f5a524;font-weight:600}.panel__label{color:var(--muted);margin:0;font-size:.85rem}.invite{flex-direction:column;gap:8px;display:flex}.invite__buttons{gap:6px;display:flex}.invite__buttons .btn{white-space:nowrap;flex:1;padding:10px 6px;font-size:.9rem}.invite__buttons .btn.on{outline:1px solid var(--accent)}.btn--line{color:#fff;background:#06c755;font-weight:800}.invite__qr{background:var(--surface);border-radius:var(--radius);flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.invite__qr p{margin:0}.invite__qr-img{background:#fff;border-radius:10px;width:min(220px,60vw);padding:8px;line-height:0}.invite__qr-img svg{width:100%;height:auto}.invite__url{color:var(--muted);word-break:break-all;text-align:center;font-size:.7rem}.invited{text-align:center;background:var(--surface);border-radius:var(--radius);padding:14px}.invited p{margin:0}.invited__code{letter-spacing:.25em;color:var(--accent);font-size:2.2rem;font-weight:800}.home__form{flex-direction:column;gap:12px;display:flex}.btn--big{padding:18px;font-size:1.15rem}.linklike{appearance:none;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.voice{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.voice__mic{background:var(--surface-2);border-radius:50%;place-items:center;width:72px;height:72px;font-size:34px;display:grid}.voice__mic--on{background:var(--accent);animation:1s ease-out infinite mic-pulse}@keyframes mic-pulse{0%{box-shadow:0 0 #ff4d6d99}to{box-shadow:0 0 0 22px #ff4d6d00}}.voice__heard{min-height:1.6em;font-size:1.2rem;font-weight:600}.guesses{border-top:1px solid var(--surface-2);flex-direction:column;gap:4px;margin:0;padding:8px 0 0;font-size:.95rem;list-style:none;display:flex}.tile__bot{background:radial-gradient(circle at 50% 70%, #2a2a3d, var(--surface));pointer-events:none;place-items:end center;padding-bottom:12%;font-size:clamp(48px,18vmin,110px);display:grid;position:absolute;inset:0}.tile__overlay{z-index:1}.promo{border-radius:var(--radius);background:var(--surface);border:1px solid var(--surface-2);position:relative;overflow:hidden}.promo__link{color:var(--text);align-items:center;gap:12px;padding:12px 14px 18px;text-decoration:none;display:flex}.promo--compact .promo__link{padding:8px 12px 16px}.promo--nolabel .promo__link{padding-bottom:12px}.promo--compact.promo--nolabel .promo__link{padding-bottom:8px}.promo__icon{background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.promo--compact .promo__icon{width:38px;height:38px;font-size:22px}.promo__img{object-fit:cover;border-radius:12px;flex:none;width:56px;height:56px}.promo__text{flex-direction:column;flex:1;min-width:0;display:flex}.promo__title{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.promo__subtitle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.promo__cta{background:var(--accent);color:#fff;border-radius:999px;flex:none;padding:6px 12px;font-size:.85rem;font-weight:600}.promo--shopee .promo__cta{background:#ee4d2d}.promo__label{color:var(--muted);opacity:.8;font-size:.65rem;position:absolute;bottom:3px;right:10px}.promo--adsense{min-height:60px;padding:8px 8px 18px}.site-links{padding-bottom:env(safe-area-inset-bottom);flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:.85rem;display:flex}.site-links a{color:var(--muted)}.tile__avatar{background:radial-gradient(circle at 50% 72%, color-mix(in srgb, var(--av) 35%, transparent), var(--surface) 70%);pointer-events:none;place-items:end center;padding-bottom:12%;display:grid;position:absolute;inset:0}.tile__avatar-face{--glow:0;aspect-ratio:1;background:var(--av);width:clamp(72px,26vmin,150px);box-shadow:0 0 0 calc(var(--glow) * 10px) color-mix(in srgb, var(--av) 45%, transparent), 0 0 calc(12px + var(--glow) * 40px) color-mix(in srgb, var(--av) 70%, transparent);will-change:transform;border-radius:50%;place-items:center;font-size:clamp(44px,16vmin,96px);display:grid}.tile--dimmed .tile__avatar{filter:grayscale()brightness(.6)}.avatar-picker{flex-direction:column;gap:10px;display:flex}.seg--full{display:flex}.seg--full button{flex:1;padding:10px}.avatar-picker__grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.avatar-picker__emoji{appearance:none;aspect-ratio:1;background:var(--surface);cursor:pointer;border:0;border-radius:12px;padding:0;font-size:1.5rem}.avatar-picker__emoji.on{outline:2px solid #fff}.avatar-picker__colors{justify-content:space-between;gap:6px;display:flex}.avatar-picker__color{appearance:none;cursor:pointer;border:0;border-radius:50%;width:30px;height:30px}.avatar-picker__color.on{outline-offset:2px;outline:3px solid #fff}.avatar-picker__note{margin:0;font-size:.85rem}.my-mode{background:var(--surface);border-radius:var(--radius);padding:8px 12px}.my-mode summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}.my-mode summary::-webkit-details-marker{display:none}.my-mode__current{color:var(--muted)}.my-mode[open] summary{margin-bottom:10px}.topbar__right{align-items:center;gap:10px;display:flex}.icon-btn{appearance:none;background:var(--surface);color:var(--text);cursor:pointer;border:0;border-radius:50%;width:38px;height:38px;font-size:1.1rem}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08080eb8;place-items:center;padding:16px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--surface-2);border-radius:20px;flex-direction:column;gap:12px;width:min(420px,100%);padding:20px;animation:.28s cubic-bezier(.2,1.4,.4,1) modal-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal h3,.modal h2,.modal p{margin:0}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:scale(.85)translateY(20px)}}.winner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.winner__trophy{filter:drop-shadow(0 6px 18px #f5a5248c);font-size:84px;line-height:1;animation:1s cubic-bezier(.2,1.6,.4,1) both trophy,2.4s ease-in-out 1s infinite trophy-bob}@keyframes trophy{0%{transform:scale(0)rotate(-30deg)}}@keyframes trophy-bob{50%{transform:translateY(-8px)rotate(4deg)}}.winner__label{color:#f5a524;letter-spacing:.1em;font-weight:600}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:6px;width:100%;margin-top:8px;display:grid}.podium__col{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.podium__crown{font-size:1.8rem;line-height:1;animation:.4s 1.5s both pop,2.4s ease-in-out 2s infinite trophy-bob}.podium__players{animation:pop .4s var(--show,.9s) both;flex-wrap:wrap;justify-content:center;gap:4px 8px;display:flex}.podium__player{flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%;display:flex}.podium__avatar{width:48px;height:48px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;place-items:center;font-size:1.5rem;font-weight:800;display:grid}.podium__player--me .podium__avatar{box-shadow:0 0 0 3px var(--accent)}.podium__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9rem;font-weight:700;overflow:hidden}.podium__step{width:100%;height:var(--h);background:linear-gradient(180deg, var(--c), color-mix(in srgb, var(--c) 45%, #0d0d14));transform-origin:bottom;animation:podium-rise .5s var(--rise) cubic-bezier(.2, 1.3, .4, 1) both;border-radius:12px 12px 4px 4px;flex-direction:column;align-items:center;gap:2px;padding-top:8px;display:flex}.podium__medal{font-size:1.8rem;line-height:1}.podium__score{color:#fff;text-shadow:0 1px 2px #00000080;font-size:.85rem;font-weight:800}.podium__col--1{--h:118px;--c:#f5a524;--rise:.8s;--show:1.2s}.podium__col--1 .podium__avatar{width:60px;height:60px;font-size:1.9rem}.podium__col--2{--h:84px;--c:#9aa4b8;--rise:.45s;--show:.85s}.podium__col--3{--h:60px;--c:#c07a45;--rise:.1s;--show:.5s}@keyframes podium-rise{0%{transform:scaleY(0)}}.podium__rest{font-size:.85rem}.winner__you{color:var(--accent);font-size:1.2rem;font-weight:800;animation:.6s infinite alternate pulse}.winner .btn{align-self:stretch;margin-top:6px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{top:-12px;left:var(--x);opacity:0;width:8px;height:14px;animation:confetti var(--dur) var(--delay) ease-in infinite;border-radius:2px;position:absolute}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{transform:translate(var(--drift), 560px) rotate(var(--spin));opacity:0}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.winner__trophy,.winner__you,.podium__step,.podium__players,.podium__crown{animation:none}}.place{flex-direction:column;gap:6px;display:flex}.place__note{text-align:center;margin:0;font-size:.85rem}.tips{flex-direction:column;gap:8px;margin:0;padding-left:1.2em;font-size:.95rem;line-height:1.45;display:flex}.tips__note{font-size:.85rem}.tips__fun{background:var(--surface-2);border-radius:10px;margin:0;padding:8px 10px;font-size:.9rem;line-height:1.45}.watermark{right:12px;bottom:max(12px, env(safe-area-inset-bottom));opacity:.85;pointer-events:none;z-index:60;width:88px;height:auto;position:fixed}.home-corner{top:max(12px, env(safe-area-inset-top));z-index:5;gap:8px;display:flex;position:fixed;right:12px}.lang-menu{position:relative}.lang-menu__list{border-radius:16px;min-width:150px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.lang-menu__list button{appearance:none;width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.lang-menu__list button.on,.lang-menu__list button:hover{background:var(--glass-strong)}.flag-icon{vertical-align:-2px;border-radius:2px;box-shadow:0 0 0 1px #00000026}@media (prefers-reduced-motion:reduce){.dot--on,.dot--off{animation:none}}.series{flex-direction:column;gap:6px;display:flex}.series__head{justify-content:space-between;align-items:baseline;display:flex}.series__list li{grid-template-columns:1fr auto auto}.series__wins{color:var(--muted);font-size:.9rem}.series__reset{align-self:flex-end;font-size:.85rem}:root{--radius:20px;--bg:#1b1d2e;--surface:#262940;--surface-2:#33364f;--muted:#aeb1c9;--glass:#ffffff1a;--glass-strong:#ffffff2b;--glass-border:#ffffff29;--glass-blur:blur(18px) saturate(160%);--glass-shadow:0 8px 28px #00000059, inset 0 1px 0 #ffffff14}html{background:var(--bg)}body{background:radial-gradient(60vmax 50vmax at 8% -8%, #ff4d6d57, transparent 60%), radial-gradient(55vmax 45vmax at 100% 0%, #7c5cff57, transparent 60%), radial-gradient(60vmax 50vmax at 50% 115%, #38bdf842, transparent 60%), var(--bg);background-attachment:fixed}#root{background:0 0}.btn{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);border-radius:999px;transition:transform .15s,background .15s,box-shadow .15s}.btn:not(:disabled):hover{background:var(--glass-strong)}.btn:not(:disabled):active{transform:scale(.97)}.btn--primary{background:linear-gradient(135deg,#ff7a93,#ff3d68);border-color:#ffffff47;box-shadow:0 10px 26px #ff3d6861,inset 0 1px #ffffff59}.btn--primary:not(:disabled):hover{background:linear-gradient(135deg,#ff8aa0,#ff4f77)}.btn--ghost{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000}.btn--line{background:linear-gradient(135deg,#1fd96c,#06c755);border-color:#ffffff40}input{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:18px;box-shadow:inset 0 1px 2px #00000040}input:focus{border-color:#ff4d6dcc;outline:0;box-shadow:0 0 0 3px #ff4d6d38}.code,.icon-btn,.my-mode,.promo,.stat,.scores li,.invited{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur)}.code{border-radius:18px}.icon-btn{transition:background .15s}.icon-btn:hover{background:var(--glass-strong)}.scores li{border-radius:14px}.scores li.me{box-shadow:0 0 0 1px #ff4d6d59, var(--glass-shadow);border-color:#ff4d6db3;outline:0}.seg{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:999px;position:relative}.seg button{z-index:1;border-radius:999px;transition:color .2s;position:relative}.seg button.on{background:0 0}.seg__thumb{z-index:0;background:var(--glass-strong);pointer-events:none;border-radius:999px;position:absolute;top:0;left:0;box-shadow:0 2px 10px #0000004d,inset 0 1px #ffffff24}.seg__thumb--animate{transition:transform .32s cubic-bezier(.34,1.4,.64,1),width .32s cubic-bezier(.34,1.4,.64,1),height .32s}@media (prefers-reduced-motion:reduce){.seg__thumb--animate{transition:none}}.tile{border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 34px #0006}.tile__name{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);background:#14142073;padding:3px 12px}.avatar-picker__emoji{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px}.avatar-picker__emoji.on{background:var(--glass-strong);border-color:#fff;outline:0}.modal-backdrop{-webkit-backdrop-filter:blur(10px);background:#0808108c}.modal{border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(160deg,#ffffff21,#ffffff0d);border-radius:28px;box-shadow:0 24px 70px #0000008c,inset 0 1px #ffffff24}.home__logo{filter:drop-shadow(0 10px 28px #ff4d6d40)}.join .btn{white-space:nowrap;padding-inline:22px}:root[data-theme=light]{--bg:#eef1f8;--surface:#fff;--surface-2:#e4e8f3;--text:#1c1c2b;--muted:#666a82;--accent:#f0305a;--ok:#17a870;--glass:#ffffff9e;--glass-strong:#ffffffeb;--glass-border:#ffffffd9;--glass-shadow:0 8px 26px #3c467824, inset 0 1px 0 #ffffffe6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] body{background:radial-gradient(60vmax 50vmax at 8% -8%, #ff6b8a47, transparent 60%), radial-gradient(55vmax 45vmax at 100% 0%, #9678ff42, transparent 60%), radial-gradient(60vmax 50vmax at 50% 115%, #5ac8fa42, transparent 60%), var(--bg);background-attachment:fixed}:root[data-theme=light] .error{color:#d62b4d}:root[data-theme=light] input{box-shadow:inset 0 1px 2px #3c46781a}:root[data-theme=light] .seg{background:#ffffff73;border-color:#ffffffe6}:root[data-theme=light] .seg__thumb{box-shadow:0 2px 10px #3c46782e,inset 0 1px #fff}:root[data-theme=light] .btn--primary{color:#fff;box-shadow:0 10px 24px #f0305a52,inset 0 1px #fff6}:root[data-theme=light] .tile{border-color:#ffffffe6;box-shadow:0 10px 30px #3c467833}:root[data-theme=light] .avatar-picker__emoji.on,:root[data-theme=light] .avatar-picker__color.on{border-color:var(--text);outline-color:var(--text)}:root[data-theme=light] .modal-backdrop{background:#282d5059}:root[data-theme=light] .modal{background:linear-gradient(160deg,#fffffff2,#ffffffbf);box-shadow:0 24px 70px #3c46784d,inset 0 1px #fff}:root[data-theme=light] .home__logo{filter:drop-shadow(0 10px 24px #f0305a38)}.lang-menu__list{background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), 0 12px 32px #00000040;-webkit-backdrop-filter:var(--glass-blur)}