@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0e7b7e0b829e3eb9-s.2j75_l12byk_u.woff2)format("woff2");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:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/daf789e4474d0d90-s.07wt1b-68kohk.woff2)format("woff2");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:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9e9f04e3c37952ab-s.p.0pan85mumqyf3.woff2)format("woff2");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}@font-face{font-family:Anton Fallback;src:local(Arial);ascent-override:129.7%;descent-override:36.29%;line-gap-override:0.0%;size-adjust:90.69%}.anton_9e703c98-module__mJqafq__className{font-family:Anton,Anton Fallback;font-style:normal;font-weight:400}.anton_9e703c98-module__mJqafq__variable{--font-anton:"Anton", "Anton Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");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}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");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}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");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}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");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}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");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}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_619ba5a5-module__cJcvMG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_619ba5a5-module__cJcvMG__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--bg:#03040b;--panel:#080c24c7;--panel-strong:#06091ceb;--line:#7896ff38;--text:#f4f6ff;--dim:#8a93c7;--cyan:#29e7ff;--coral:#ff2e63;--amber:#ffb800;--green:#2ee59d;--red:#ff3b5c;--orange:#ff9f1c;--radius:18px;--shadow:0 20px 60px #0000008c;--font-display:var(--font-anton), Impact, sans-serif;--font-text:var(--font-outfit), "Segoe UI", Roboto, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.stage-root{position:fixed;inset:0}.stage-canvas{inset:0;position:absolute!important}.overlay{pointer-events:none;z-index:10;position:fixed;inset:0}.overlay>*{pointer-events:auto}.glass{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px)saturate(140%);box-shadow:var(--shadow)}.display{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-weight:400}.btn{letter-spacing:.02em;color:var(--text);background:linear-gradient(#2a3580,#151c52);border:1px solid #a0b4ff40;border-radius:14px;padding:14px 22px;font-weight:800;transition:transform .15s,box-shadow .2s,filter .2s}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(#ff5c85,#e0164a);border-color:#ff8aa8;box-shadow:0 8px 28px #ff2e6373}.btn.cyan{color:#02121a;background:linear-gradient(#46f0ff,#10a8d8);border-color:#9ff6ff;box-shadow:0 8px 28px #29e7ff66}.btn.ghost{background:#ffffff0f}.btn.small{border-radius:10px;padding:8px 12px;font-size:13px}.input{background:#00000059;border:1px solid #a0b4ff4d;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:17px;font-weight:700;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #29e7ff33}.label{letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.home{z-index:20;background:radial-gradient(#03040b1a,#03040bb3);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.home-card{grid-template-columns:1.05fr 1fr;gap:28px;width:min(980px,100%);padding:28px;animation:.7s cubic-bezier(.2,.8,.2,1) both rise;display:grid}.home-logo{margin:0;font-size:clamp(44px,7vw,76px);line-height:.95}.logo-blind{color:#fff;text-shadow:0 0 28px #29e7ffb3;position:relative}.logo-blind:after{content:"";background:linear-gradient(90deg, var(--cyan), #1a8cff);border-radius:999px;height:24%;display:none;position:absolute;top:42%;left:-6%;right:-6%;transform:rotate(-4deg);box-shadow:0 0 22px #29e7ffb3}.logo-quizz{color:#ffc94a;text-shadow:0 0 28px #ffbe3c99;margin-left:.18em}.tagline{color:var(--dim);margin:12px 0 22px;font-weight:600;line-height:1.45}.modes-legend{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.mode-chip{border:1px solid;border-radius:12px;min-width:96px;padding:10px 12px}.mode-chip b{font-family:var(--font-display);font-size:22px;font-weight:400;display:block}.mode-chip small{opacity:.85;font-weight:700}.char-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px;display:grid}.char-btn{aspect-ratio:1;background:#ffffff0d;border:2px solid #0000;border-radius:14px;padding:0;transition:transform .15s,border-color .2s;position:relative;overflow:hidden}.char-btn:hover{transform:translateY(-2px)}.char-btn.active{border-color:var(--cyan);box-shadow:0 0 18px #29e7ff80}.char-face{border-radius:50% 50% 46% 46%;position:absolute;inset:12% 14%}.char-hair{border-radius:50% 50% 20% 20%;height:34%;position:absolute;top:4%;left:10%;right:10%}.char-eyes{justify-content:space-between;display:flex;position:absolute;top:48%;left:32%;right:32%}.char-eyes i{aspect-ratio:1;background:#111;border-radius:50%;width:16%;min-width:5px;display:block}.char-outfit{border-radius:40% 40% 0 0;height:24%;position:absolute;bottom:-10%;left:18%;right:18%}.preview-wrap{border:1px solid var(--line);background:radial-gradient(at 50% 70%,#1b2a7a,#050818 70%);border-radius:16px;height:250px;position:relative;overflow:hidden}.preview-name{font-size:26px;position:absolute;bottom:10px;left:14px}.row{align-items:center;gap:10px;display:flex}.stack{gap:14px;display:grid}.rounds{gap:6px;display:flex}.rounds button{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;flex:1;padding:10px 0;font-weight:800}.rounds button.active{background:var(--cyan);color:#031018;border-color:var(--cyan)}.divider{color:var(--dim);letter-spacing:.14em;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.hud-top{pointer-events:none;z-index:15;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:fixed;top:14px;left:16px;right:16px}.hud-top>*{pointer-events:auto}.bug{align-items:center;gap:12px;padding:8px 14px 8px 10px;display:flex}.live-dot{letter-spacing:.12em;color:#fff;background:var(--red);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:900;display:inline-flex}.live-dot:before{content:"";background:#fff;border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.bug-logo{font-size:22px;line-height:1}.bug-info{color:var(--dim);letter-spacing:.08em;font-size:12px;font-weight:800}.hud-actions{gap:8px;display:flex}.icon-btn{border-radius:12px;place-items:center;width:42px;height:42px;padding:0;font-size:18px;display:grid}.toasts{z-index:40;pointer-events:none;gap:8px;width:min(520px,100% - 32px);display:grid;position:fixed;top:76px;left:50%;transform:translate(-50%)}.toast{text-align:center;padding:12px 16px;font-weight:700;animation:.35s both rise}.toast.error{border-color:#ff3b5c99}.toast.success{border-color:#2ee59d99}.bc-timer{z-index:16;pointer-events:none;filter:drop-shadow(0 8px 24px #0009);place-items:center;width:96px;height:96px;display:grid;position:fixed;top:10px;left:50%;transform:translate(-50%)}.bc-timer svg{transform-origin:50%;position:absolute;inset:0}.bc-timer .track{fill:#040614e0;stroke:#ffffff1f;stroke-width:8px}.bc-timer .bar{fill:none;stroke:var(--cyan);stroke-width:8px;stroke-linecap:round;transform-origin:50%;filter:drop-shadow(0 0 6px var(--cyan));transform:rotate(-90deg)}.bc-timer span{color:#fff;font-size:50px;line-height:1;position:relative}.bc-timer.urgent .bar{stroke:var(--red);filter:drop-shadow(0 0 8px var(--red))}.bc-timer.urgent span{color:var(--red)}.bc-timer em{letter-spacing:.14em;color:var(--coral);white-space:nowrap;font-size:11px;font-style:normal;font-weight:900;position:absolute;bottom:-20px}@media (max-width:700px){.bc-timer{width:74px;height:74px;top:68px}.bc-timer span{font-size:38px}}.lobby-panel{z-index:15;width:min(380px,100% - 32px);padding:18px;animation:.5s both rise;position:fixed;bottom:16px;left:16px}.room-code{color:#fff;text-shadow:0 0 24px #29e7ff99;letter-spacing:.04em;font-size:54px;line-height:1}.players-list{gap:6px;max-height:180px;margin:12px 0;display:grid;overflow:auto}.player-row{background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-weight:700;display:flex}.swatch{border-radius:4px;flex:none;width:12px;height:12px}.console{z-index:16;background:linear-gradient(#1a2150,#0a0e26);border:1px solid #96aaff59;border-radius:22px;width:min(720px,100% - 24px);padding:10px;animation:.45s cubic-bezier(.2,.8,.2,1) both rise;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #000000b3,inset 0 1px #ffffff26}.console-screen{background:radial-gradient(at 50% 0,#10205a,#040820 75%);border:1px solid #29e7ff40;border-radius:14px;min-height:92px;padding:14px;position:relative;overflow:hidden}.console-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 4px);position:absolute;inset:0}.console-question{color:#fff;margin:0 0 10px;font-size:16px;font-weight:800;line-height:1.3}.console-head{letter-spacing:.14em;color:var(--dim);justify-content:space-between;align-items:center;gap:10px;padding:0 6px 8px;font-size:11px;font-weight:900;display:flex}.cam-tag{align-items:center;gap:6px;display:inline-flex}.cam-tag:before{content:"";background:var(--red);border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.me-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.me-name{font-size:28px}.me-score{color:var(--cyan);text-shadow:0 0 16px #29e7ff99;font-size:34px}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{color:var(--amber);background:#ffb80026;border:1px solid #ffb80066;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:900}.badge.bad{color:var(--red);background:#ff3b5c26;border-color:#ff3b5c66}.badge.good{color:var(--green);background:#2ee59d26;border-color:#2ee59d66}.timer-bar{background:#ffffff1a;border-radius:999px;height:10px;margin-bottom:12px;overflow:hidden}.timer-bar>i{background:linear-gradient(90deg, var(--cyan), #6af2ff);border-radius:999px;height:100%;transition:width .1s linear;display:block;box-shadow:0 0 12px #29e7ffb3}.timer-bar.urgent>i{background:linear-gradient(90deg, var(--red), #ff7a90);box-shadow:0 0 12px #ff3b5ccc}.timer-row{align-items:center;gap:12px;display:flex}.timer-num{text-align:center;width:52px;font-size:40px;line-height:1}.timer-num.urgent{color:var(--red);animation:.5s infinite alternate pulse}.mode-buttons{flex:1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mode-btn{color:#070712;border:0;border-radius:14px;justify-items:center;gap:2px;padding:12px 6px 10px;font-weight:900;transition:transform .12s,box-shadow .12s,filter .2s;display:grid;box-shadow:0 6px #00000059,0 10px 24px #00000059}.mode-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.mode-btn:active{transform:translateY(4px);box-shadow:0 2px #00000059}.mode-btn b{font-family:var(--font-display);font-size:34px;font-weight:400;line-height:1}.mode-btn span{font-size:13px}.mode-btn small{opacity:.8;font-size:11px;font-weight:800}.kbd{opacity:.55;font-size:10px;font-weight:900}.options{flex:1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.option-btn{text-align:left;background:linear-gradient(#243379,#141d55);border:1px solid #a0beff59;border-radius:12px;align-items:center;gap:10px;min-height:54px;padding:14px 12px;font-size:17px;font-weight:800;transition:transform .12s,filter .2s,border-color .2s;display:flex}.option-btn:hover{filter:brightness(1.2);border-color:var(--cyan)}.option-btn:active{transform:scale(.98)}.option-letter{font-family:var(--font-display);background:#ffffff1f;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-weight:400;display:grid}.solo-form{flex:1;gap:10px;display:flex}.solo-form .input{text-transform:uppercase;font-size:20px}.status-big{text-align:center;padding:6px 0;font-size:30px}.status-sub{text-align:center;color:var(--dim);font-weight:700}.result-good{color:var(--green);text-shadow:0 0 20px #2ee59d99}.result-bad{color:var(--red)}.points-pop{animation:.6s cubic-bezier(.2,1.6,.4,1) both pop}.lower-third{z-index:14;pointer-events:none;align-items:stretch;max-width:min(560px,100% - 32px);animation:.45s cubic-bezier(.2,.8,.2,1) both slide-in;display:flex;position:fixed;bottom:190px;left:16px}.lower-third .tag{background:var(--coral);font-family:var(--font-display);border-radius:10px 0 0 10px;align-items:center;padding:8px 12px;font-size:18px;display:flex}.lower-third .txt{border:1px solid var(--line);background:#05081ae6;border-left:0;border-radius:0 10px 10px 0;align-items:center;padding:8px 14px;font-weight:800;display:flex}.center-cta{z-index:17;justify-items:center;gap:10px;width:min(640px,100% - 24px);animation:.4s both rise;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.spin-btn{border-radius:999px;padding:18px 44px;font-size:30px;animation:1.1s infinite alternate glow-pulse}.targets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.final-panel{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:16px 18px;display:flex}.muted{color:var(--dim)}.conn-banner{z-index:50;text-align:center;background:var(--red);padding:6px;font-size:13px;font-weight:800;position:fixed;bottom:0;left:0;right:0}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.console,.center-cta{--tx:-50%}@keyframes blink{50%{opacity:.2}}@keyframes pulse{to{transform:scale(1.12)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}}@keyframes slide-in{0%{opacity:0;transform:translate(-30px)}}@keyframes glow-pulse{0%{box-shadow:0 0 20px #ff2e6380}to{box-shadow:0 0 50px #ff2e63f2}}@keyframes console-rise{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}.console,.center-cta{animation-name:console-rise}@media (max-width:1100px){.bug-info{display:none}}@media (max-width:560px){.hide-xs{display:none}}@media (max-width:820px){.home-card{grid-template-columns:1fr;gap:18px;padding:18px}.preview-wrap{height:180px}.lower-third{top:70px;bottom:auto}.lobby-panel{padding:14px;bottom:12px;left:12px}.room-code{font-size:40px}}@media (max-width:560px){.char-grid{grid-template-columns:repeat(6,1fr);gap:6px}.bug-info{display:none}.console{padding:8px;bottom:8px}.console-screen{padding:10px}.timer-row{flex-direction:column;align-items:stretch;gap:8px}.timer-num{display:none}.mode-btn b{font-size:26px}.option-btn{min-height:46px;padding:10px;font-size:15px}.me-name{font-size:22px}.me-score{font-size:26px}.solo-form{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}}.mode-btn.pending,.option-btn.pending{transform:scale(1.04);box-shadow:0 0 0 3px #fff,0 0 24px #ffffff8c}.mode-btn.dimmed,.option-btn.dimmed{opacity:.45;pointer-events:none}:root{--tv-gold:#ffc94a;--tv-gold-soft:#ffc94a8c;--tv-navy:#070c26e0;--tv-blue:#3a86ff;--tv-good:#22c55e;--tv-bad:#ef4444;--tv-bottom-h:96px}.tv-glass{background:linear-gradient(180deg, #101844e6, var(--tv-navy));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid #ffc94a73;border-radius:18px;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff14,0 0 22px #ffc94a1f}.tv-round{z-index:17;min-width:250px;padding:12px 18px 14px;position:fixed;top:14px;left:16px}.tv-round-title{font-family:var(--font-display);letter-spacing:.5px;font-size:24px}.tv-round-sub{color:#dfe6ff;margin-top:2px;font-weight:700}.tv-round-steps{align-items:center;gap:8px;margin-top:10px;display:flex}.tv-round-steps i{background:#ffffff24;border-radius:8px;flex:1;height:8px}.tv-round-steps i.done{background:linear-gradient(90deg,#29e7ff,#3a86ff)}.tv-round-steps i.current{background:var(--tv-gold);box-shadow:0 0 10px var(--tv-gold)}.tv-panel{left:50%;bottom:calc(var(--tv-bottom-h) + 22px);z-index:16;border-width:2px;border-color:var(--tv-gold-soft);align-items:center;gap:18px;width:min(1000px,100% - 600px);padding:20px 24px;display:flex;position:fixed;transform:translate(-50%)}.tv-panel.locked{border-color:#ef4444b3}.tv-panel-main{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.tv-question{text-align:center;text-wrap:balance;font-size:clamp(19px,2vw,28px);font-weight:800;line-height:1.25}.tv-question.dim{font-family:var(--font-display);color:var(--tv-gold);letter-spacing:.5px}.tv-hint{text-align:center;color:#c9d3ff;font-weight:700}.tv-answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tv-answers.single{grid-template-columns:1fr;width:100%;max-width:520px;margin:0 auto}.tv-answer{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(#1e3c968c,#0c1846bf);border:1.5px solid #5a96ffbf;border-radius:14px;align-items:center;gap:14px;min-height:58px;padding:8px 16px 8px 8px;font-size:clamp(16px,1.35vw,20px);font-weight:700;transition:transform .12s,box-shadow .2s,background .2s,opacity .2s;display:flex}.tv-answer:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 18px #5a96ff73}.tv-answer:disabled{cursor:default}.tv-letter{border:2px solid #ffffffd9;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.tv-answer-text{overflow-wrap:anywhere}.tv-answer.selected{background:linear-gradient(#3a86ff,#1d4ed8);border-color:#fff;box-shadow:0 0 0 2px #ffffff59,0 0 26px #3a86ffb3}.tv-answer.correct{background:linear-gradient(#2ee37a,#15a34a);border-color:#bbf7d0;box-shadow:0 0 28px #22c55ebf}.tv-answer.wrong{background:linear-gradient(#f87171,#b91c1c);border-color:#fecaca;box-shadow:0 0 22px #ef444499}.tv-answer.faded{opacity:.45}.tv-solo{gap:10px;width:100%;max-width:640px;margin:0 auto;display:flex}.tv-solo input{color:#fff;background:#060c28d9;border:1.5px solid #2ee59dcc;border-radius:14px;flex:1;min-width:0;height:56px;padding:0 16px;font-size:20px;font-weight:700}.tv-solo input:focus{outline:none;box-shadow:0 0 0 3px #2ee59d59}.tv-solo button{color:#04120b;cursor:pointer;background:linear-gradient(#5ff5b8,#22c58a);border:0;border-radius:14px;height:56px;padding:0 20px;font-size:17px;font-weight:800}.tv-solo button:disabled{opacity:.5;cursor:default}.tv-status{text-align:center;color:#dfe6ff;font-size:17px;font-weight:800}.tv-status.good{color:#6ff0a4}.tv-status.bad{color:#ff8a8a}.tv-explain{text-align:center;color:#b9c3f0;font-size:15px;line-height:1.4}.tv-badges{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tv-badge{color:#fff;cursor:default;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}button.tv-badge{cursor:pointer}.tv-badge.good{color:#86efac;border-color:#22c55e99}.tv-badge.bad{color:#fca5a5;border-color:#ef444499}.tv-timer{flex:none;place-items:center;width:118px;height:118px;display:grid;position:relative}.tv-timer svg{filter:drop-shadow(0 0 10px #29e7ff8c);position:absolute;inset:0;transform:rotate(-90deg)}.tv-timer .track{fill:#04081ee6;stroke:#ffffff1f;stroke-width:9px}.tv-timer .bar{fill:none;stroke:#29e7ff;stroke-width:9px;stroke-linecap:round;transition:stroke .3s}.tv-timer span{font-size:46px;position:relative}.tv-timer.urgent .bar{stroke:#ff4d4d}.tv-timer.urgent svg{filter:drop-shadow(0 0 12px #ff4d4dcc)}.tv-timer.urgent span{color:#ff6b6b}.tv-side{right:16px;bottom:calc(var(--tv-bottom-h) + 22px);z-index:16;width:262px;padding:12px;position:fixed}.tv-side-title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--tv-gold);padding:0 4px 8px;font-size:15px}.tv-modes{flex-direction:column;gap:8px;display:flex}.tv-modes.inline{display:none}.tv-mode{border:1.5px solid color-mix(in srgb, var(--mode) 60%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--mode) 22%, transparent), #080c2499);color:#fff;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;transition:transform .12s,box-shadow .2s,opacity .2s;display:flex;position:relative}.tv-mode:disabled{cursor:default}.tv-mode.ready:hover{box-shadow:0 0 18px color-mix(in srgb, var(--mode) 55%, transparent);transform:translate(-2px)}.tv-mode.ready{animation:1.6s ease-in-out infinite tv-pulse}.tv-mode.chosen{background:linear-gradient(90deg, var(--mode), color-mix(in srgb, var(--mode) 55%, #000));box-shadow:0 0 22px color-mix(in srgb, var(--mode) 70%, transparent);border-color:#fff}.tv-mode.off,.tv-mode.idle{opacity:.5}.tv-mode-badge{border:2px solid var(--mode);background:#00000059;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.tv-mode-text{flex-direction:column;flex:1;line-height:1.15;display:flex}.tv-mode-text b{font-size:15px}.tv-mode-text small{opacity:.8;font-size:12px}.tv-mode-pts{color:#fff;font-size:22px}.tv-mode kbd{opacity:.45;font-family:inherit;font-size:9px;position:absolute;top:4px;right:6px}@keyframes tv-pulse{50%{box-shadow:0 0 16px color-mix(in srgb, var(--mode) 45%, transparent)}}.tv-bottom{height:var(--tv-bottom-h);z-index:16;gap:14px;display:flex;position:fixed;bottom:12px;left:16px;right:16px}.tv-players{scrollbar-width:none;flex:1;gap:12px;min-width:0;display:flex;overflow-x:auto}.tv-player{border-color:color-mix(in srgb, var(--pc) 35%, #ffffff26);flex:1 1 0;align-items:center;gap:10px;min-width:190px;max-width:290px;padding:10px 14px;display:flex}.tv-player.me{border:2px solid var(--tv-gold);box-shadow:0 0 24px #ffc94a59,0 10px 40px #00000080}.tv-player.offline{opacity:.5}.tv-pawn{filter:drop-shadow(0 0 8px color-mix(in srgb, currentColor 30%, transparent));flex:none}.tv-player-info{min-width:0}.tv-player-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex;overflow:hidden}.tv-crown{font-size:14px}.tv-answered{color:#6ff0a4;font-size:13px}.tv-player-score{color:var(--pc);white-space:nowrap;font-size:22px}.tv-dots{gap:5px;margin-top:4px;display:flex}.tv-dots i{background:#ffffff2e;border-radius:50%;width:11px;height:11px}.tv-dots i.good{background:var(--tv-good);box-shadow:0 0 6px var(--tv-good)}.tv-dots i.bad{background:var(--tv-bad)}.tv-tally{flex-direction:column;flex:none;justify-content:center;gap:10px;width:290px;padding:12px 16px;display:flex}.tv-tally-title{font-weight:700}.tv-tally-bar{gap:4px;display:flex}.tv-tally-bar i{background:#ffffff24;border-radius:4px;flex:1;height:14px}.tv-tally-bar i.on{background:linear-gradient(#4ade80,#16a34a);box-shadow:0 0 8px #22c55e99}@media (max-width:1280px){.tv-side{display:none}.tv-modes.inline{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tv-modes.inline .tv-mode{text-align:center;flex-direction:column;gap:4px;padding:10px 6px}.tv-modes.inline .tv-mode-text small{display:none}.tv-panel{width:calc(100% - 32px);max-width:1000px}.tv-tally{width:230px}}@media (max-width:760px){:root{--tv-bottom-h:70px}.tv-round{min-width:0;padding:8px 12px 10px;top:10px;left:10px}.tv-round-title{font-size:17px}.tv-round-sub{font-size:12px}.tv-round-steps{gap:5px;margin-top:6px}.tv-panel{bottom:calc(var(--tv-bottom-h) + 14px);align-items:flex-start;gap:10px;width:calc(100% - 16px);padding:12px}.tv-panel-main{gap:10px}.tv-question{text-align:left;font-size:17px}.tv-timer{width:64px;height:64px}.tv-timer span{font-size:26px}.tv-answers{grid-template-columns:1fr;gap:8px}.tv-answer{gap:10px;min-height:46px;font-size:16px}.tv-letter{width:32px;height:32px;font-size:16px}.tv-modes.inline .tv-mode-badge{width:36px;height:36px;font-size:18px}.tv-modes.inline .tv-mode-text b{font-size:12px}.tv-mode-pts{font-size:18px}.tv-bottom{bottom:8px;left:8px;right:8px}.tv-tally{display:none}.tv-player{gap:8px;min-width:142px;padding:8px 10px}.tv-player .tv-pawn{width:24px;height:28px}.tv-player-score{font-size:17px}.tv-dots i{width:8px;height:8px}.tv-explain{display:none}}.hud-actions .icon-btn:last-child{gap:6px;width:auto;padding:0 14px;font-weight:800;display:flex}@media (max-width:760px){.hud-quit-label{display:none}.hud-actions .icon-btn:last-child{justify-content:center;width:42px;padding:0}}.lower-third{top:132px;bottom:auto}@media (max-width:1280px) and (min-width:761px){.tv-player{min-width:150px;padding:10px 12px}.tv-player-score{font-size:19px}.tv-tally{width:200px}}@media (max-width:760px){.tv-solo{flex-direction:column}.tv-solo input,.tv-solo button{height:48px}}.dec-root{z-index:0;background:#02030a;position:fixed;inset:0;overflow:hidden}.dec-frame{position:absolute}.dec-bg{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dec-fx{pointer-events:none;mix-blend-mode:screen;will-change:opacity, transform;position:absolute}.dec-sweep{background:linear-gradient(105deg,#0000 42%,#ffd68c29 50%,#0000 58%) 0 0/260% 100%;animation:11s linear infinite dec-sweep;inset:0}@keyframes dec-sweep{0%{background-position:130% 0}to{background-position:-30% 0}}.dec-beam{clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);transform-origin:50% 0;filter:blur(6px);background:linear-gradient(#ffe8b433,#ffd28c0f 60%,#0000 85%);width:26%;height:100%;top:-6%}.dec-beam.left{animation:8s ease-in-out infinite alternate dec-beam-l;left:20%}.dec-beam.right{animation:9s ease-in-out infinite alternate dec-beam-r;left:54%}@keyframes dec-beam-l{0%{transform:rotate(14deg)}to{transform:rotate(-10deg)}}@keyframes dec-beam-r{0%{transform:rotate(-14deg)}to{transform:rotate(10deg)}}.dec-ring{box-shadow:0 0 calc(46px * var(--k)) #ffbe468c, inset 0 0 calc(40px * var(--k)) #5096ff80;border-radius:50%;animation:3.2s ease-in-out infinite dec-pulse}.dec-floor{background:radial-gradient(#ffc86459,#508cff1f 45%,#0000 70%);border-radius:50%;animation:4.5s ease-in-out infinite dec-pulse}@keyframes dec-pulse{0%,to{opacity:.35}50%{opacity:.95}}.dec-spot{background:radial-gradient(circle,#fff4d2f2 0,#ffcd7866 22%,#0000 60%);border-radius:50%;animation:2.4s ease-in-out infinite alternate dec-twinkle}@keyframes dec-twinkle{0%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.1)}}.dec-screen{border-radius:calc(10px * var(--k));border:calc(4px * var(--k)) solid #e7b64a;box-shadow:0 0 calc(34px * var(--k)) #ffbe468c, 0 0 0 calc(3px * var(--k)) #5aa8ffb3, 0 calc(10px * var(--k)) calc(30px * var(--k)) #0009;background:#050a24;position:absolute;overflow:hidden}.dec-screen canvas{width:100%;height:100%;display:block}.dec-host{pointer-events:none;position:absolute}.dec-host canvas{width:100%!important;height:100%!important}.dec-tag{border-radius:calc(9px * var(--k));border:calc(2px * var(--k)) solid var(--pc);box-shadow:0 0 calc(14px * var(--k)) color-mix(in srgb, var(--pc) 55%, transparent);color:#fff;cursor:default;background:linear-gradient(#0e1640f0,#05081cf0);flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0 4px;line-height:1.05;transition:box-shadow .3s,border-color .3s,transform .2s;display:flex;position:absolute}.dec-tag-name{font-weight:800;font-size:max(10px, calc(15px * var(--k)));white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.dec-tag-score{font-family:var(--font-display);font-size:max(11px, calc(19px * var(--k)));color:var(--pc)}.dec-tag.me{outline:calc(2px * var(--k)) solid #ffc94a;outline-offset:calc(2px * var(--k))}.dec-tag.answered{box-shadow:0 0 calc(18px * var(--k)) #ffffff8c}.dec-tag.good{box-shadow:0 0 calc(22px * var(--k)) #22c55ed9;border-color:#22c55e}.dec-tag.bad{box-shadow:0 0 calc(18px * var(--k)) #ef4444b3;border-color:#ef4444}.dec-tag.offline{opacity:.45}.dec-tag.selectable{cursor:pointer;animation:.9s ease-in-out infinite alternate dec-target}@keyframes dec-target{to{box-shadow:0 0 calc(26px * var(--k)) #ff2e63e6;border-color:#ff2e63;transform:scale(1.08)}}.dec-wheel{z-index:12;pointer-events:none;filter:drop-shadow(0 0 30px #ffbe468c)drop-shadow(0 20px 40px #0009);width:min(52vh,86vw);animation:.6s cubic-bezier(.2,.9,.3,1.2) both dec-wheel-in;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.dec-wheel svg{width:100%;height:auto;display:block}.dec-bulb{fill:#ffd84a;animation:.6s steps(2,end) infinite dec-bulb}@keyframes dec-bulb{50%{fill:#5a3d0a}}@keyframes dec-wheel-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}@media (prefers-reduced-motion:reduce){.dec-fx,.dec-bulb{animation:none}}.dec-backdrop{background:var(--decor) center 30% / cover no-repeat;filter:blur(28px)brightness(.35)saturate(1.2);position:absolute;inset:-40px}.menu{z-index:20;color:#fff;position:fixed;inset:0;overflow:hidden auto}.menu-bg{background:linear-gradient(#0306161a 0%,#03061659 30%,#030616bf 60%,#030616e6 100%),url(/decor/menu.webp) top/cover no-repeat,url(/decor/plateau.webp) top/cover no-repeat,#02030a;position:fixed;inset:0}.menu-col{flex-direction:column;gap:14px;width:min(640px,100%);margin:0 auto;padding:14px 14px 28px;display:flex;position:relative}.menu-card,.menu-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#101a4ec7,#060a22db);border:1.5px solid #5a96ff59;border-radius:18px;box-shadow:0 10px 34px #00000073,inset 0 1px #ffffff12}.menu-top{justify-content:space-between;align-items:center;display:flex}.menu-profile{color:#fff;cursor:pointer;text-align:left;background:#060a22bf;border:1.5px solid #5a96ff59;border-radius:999px;align-items:center;gap:10px;padding:4px 18px 4px 4px;display:flex}.menu-profile b{font-size:17px;display:block}.menu-profile small{color:#ffc94a;font-size:12px;font-weight:800}.menu-settings{position:relative}.menu-icon{color:#fff;cursor:pointer;background:#060a22cc;border:1.5px solid #5a96ff59;border-radius:14px;width:48px;height:48px;font-size:24px}.menu-pop{z-index:2;white-space:nowrap;background:#060a22f2;border:1.5px solid #5a96ff66;border-radius:14px;padding:8px;position:absolute;top:56px;right:0}.menu-pop button{color:#fff;cursor:pointer;background:0 0;border:0;padding:8px 10px;font-weight:800}.menu-logo{filter:drop-shadow(0 0 24px #ffbe4659);width:min(330px,70vw);height:auto;margin:-6px auto -10px}.menu-tagline{text-align:center;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.menu-tagline b{font-size:18px}.menu-tagline span{color:#8fb6ff;font-weight:600}.menu-modes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.menu-mode{text-align:center;border:2px solid;border-radius:16px;flex-direction:column;align-items:center;padding:12px 6px;line-height:1.2;display:flex}.menu-mode b{margin-top:4px;font-size:17px}.menu-mode em{font-style:normal;font-weight:800}.menu-mode small{font-size:12px;font-weight:700}.menu-mode.gold{background:linear-gradient(#78500a8c,#281804cc);border-color:#ffc94a;box-shadow:0 0 22px #ffbe3c59}.menu-mode.gold em,.menu-mode.gold small{color:#ffd98a}.menu-mode.blue{background:linear-gradient(#1432828c,#060e32d9);border-color:#3a86ff;box-shadow:0 0 22px #3a86ff59}.menu-mode.blue em,.menu-mode.blue small{color:#9cc0ff}.menu-mode.green{background:linear-gradient(#0a643c8c,#042418d9);border-color:#2ee59d;box-shadow:0 0 22px #2ee59d59}.menu-mode.green em,.menu-mode.green small{color:#8ff5c8}.menu-perso{grid-template-columns:auto 1fr 200px;align-items:stretch;gap:10px;padding:12px;display:grid}.menu-perso h2,.menu-box h3,.menu-custom h4{letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.menu-box h3 small{color:#6f9bff;font-size:10px}.menu-grid{scrollbar-width:none;grid-template-columns:repeat(2,1fr);gap:6px;max-height:290px;display:grid;overflow-y:auto}.menu-face{cursor:pointer;background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:12px;padding:4px;line-height:0}.menu-face.active{background:#29e7ff1f;border-color:#29e7ff;box-shadow:0 0 14px #29e7ff99}.menu-stage{min-height:300px;position:relative}.menu-preview{position:absolute;inset:0 0 26px}.menu-pedestal{background:radial-gradient(#29e7ff8c,#2978ff40 45%,#0000 70%);border:3px solid #e7b64a;border-radius:50%;height:44px;position:absolute;bottom:6px;left:8%;right:8%;box-shadow:0 0 26px #ffbe4680,inset 0 0 18px #29e7ff99}.menu-arrow{color:#fff;cursor:pointer;background:#060a22d9;border:1.5px solid #5a96ff99;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1;position:absolute;top:48%}.menu-arrow.left{left:0}.menu-arrow.right{right:0}.menu-perso-right{flex-direction:column;gap:8px;display:flex}.menu-box{border-radius:14px;padding:10px}.menu-tabs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.menu-tabs button{cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff24;border-radius:10px;height:40px;font-size:19px}.menu-tabs button.active{background:#29e7ff26;border-color:#29e7ff}.menu-input{background:#00000059;border:1.5px solid #ffffff24;border-radius:10px;align-items:center;gap:6px;padding:0 10px;display:flex}.menu-input input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;height:40px;font-size:17px;font-weight:800}.menu-warn{color:#ff8a8a;font-weight:700}.menu-rounds{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.menu-rounds button{color:#fff;cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff24;border-radius:9px;height:38px;font-size:16px;font-weight:900}.menu-rounds button.active{background:linear-gradient(#3aa0ff,#1d5bff);border-color:#9cc9ff;box-shadow:0 0 14px #3a86ffb3}.menu-custom{background:#0000004d;border:1.5px solid #29e7ff59;border-radius:14px;flex-direction:column;grid-column:1/-1;gap:8px;padding:10px;display:flex}.menu-swatches{flex-wrap:wrap;gap:8px;display:flex}.menu-swatch{cursor:pointer;border:2px solid #ffffff4d;border-radius:50%;width:34px;height:34px}.menu-swatch.active{border-color:#fff;box-shadow:0 0 0 3px #29e7ff}.menu-chips{flex-wrap:wrap;gap:6px;display:flex}.menu-chips button{color:#fff;cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff29;border-radius:999px;padding:7px 12px;font-weight:800}.menu-chips button.active{background:#29e7ff2e;border-color:#29e7ff}.menu-cta{color:#fff;text-transform:uppercase;cursor:pointer;border:1.5px solid #fff3;border-radius:16px;justify-content:center;align-items:center;gap:12px;font-weight:900;transition:transform .12s,filter .2s;display:flex}.menu-cta:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.menu-cta:disabled{opacity:.55;cursor:default}.menu-cta i{margin-left:auto;font-size:30px;font-style:normal;line-height:1}.menu-cta.create{min-height:74px;font-size:26px;font-family:var(--font-display);letter-spacing:1px;background:linear-gradient(#ff4f86,#e3175a);border-color:#ffb3cb;padding:0 22px;box-shadow:0 0 26px #ff2e638c}.menu-cta.create span{font-size:30px}.menu-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.menu-row .menu-cta{text-align:left;justify-content:flex-start;min-height:78px;padding:10px 14px;font-size:15px;line-height:1.25}.menu-cta.demo{background:linear-gradient(#101a4ee6,#060a22f2);border-color:#5a96ff73}.menu-cta.teal{background:linear-gradient(#19b8a6,#0b7a70);border-color:#7ff5e6;box-shadow:0 0 22px #19b8a673}.menu-play{background:#1d5bff;border:3px solid #fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:22px;display:grid}.menu-play.teal{background:#ffffff2e;border-color:#ffffffb3}.menu-divider{color:#6f9bff;letter-spacing:1px;align-items:center;gap:12px;font-size:14px;font-weight:900;display:flex}.menu-divider:before,.menu-divider:after{content:"";background:#6f9bff66;flex:1;height:1px}.menu-join{grid-template-columns:1fr 1fr;gap:12px;display:grid}.menu-code{background:#060a22e6;border:1.5px solid #5a96ff73;border-radius:16px;align-items:center;gap:8px;min-height:64px;padding:0 12px;display:flex}.menu-code b{font-size:22px;font-weight:900}.menu-code input{color:#fff;letter-spacing:1px;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:22px;font-weight:900}.menu-code button{color:#8fb6ff;cursor:pointer;background:0 0;border:0;font-size:20px}.menu-cta.join{text-transform:none;background:linear-gradient(#8b5cf6,#5b21b6);border-color:#c4b5fd;min-height:64px;padding:0 20px;font-size:20px;box-shadow:0 0 22px #8b5cf680}@media (max-width:560px){.menu-col{gap:12px;padding:10px 10px 24px}.menu-perso{grid-template-columns:96px 1fr}.menu-perso-right{grid-column:1/-1}.menu-grid{max-height:250px}.menu-stage{min-height:250px}.menu-mode b{font-size:14px}.menu-mode small{font-size:10px}.menu-cta.create{min-height:64px;font-size:21px}.menu-row .menu-cta{gap:8px;font-size:12px}.menu-play{width:42px;height:42px;font-size:18px}.menu-code b,.menu-code input{font-size:18px}.menu-cta.join{font-size:17px}}.dec-tag .avatar{top:calc(-38px * var(--k));width:calc(40px * var(--k));height:calc(40px * var(--k));filter:drop-shadow(0 2px 6px #0009);position:absolute;left:50%;transform:translate(-50%)}.tv-player .avatar{flex:none}@media (max-width:760px){.tv-player .avatar{width:32px;height:32px}}.menu-join>*,.menu-row>*{min-width:0}@media (max-width:560px){.menu-perso{grid-template-columns:124px 1fr}.menu-join{grid-template-columns:1.3fr 1fr}}.menu-bg{background:url(/decor/menu.webp) top/cover no-repeat,#02030a}.menu-bg-shade,.menu-sparkles{pointer-events:none;position:fixed;inset:0}.menu-bg-shade{background:radial-gradient(at 50% 18%,#0000 0,#0306161a 40%,#0306168c 75%),linear-gradient(#0000 30%,#0306168c 70%,#030616d9)}.menu-sparkles{opacity:.8;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#ffdc96e6,#0000),radial-gradient(1.5px 1.5px at 30% 70%,#78b4ffe6,#0000),radial-gradient(2px 2px at 55% 35%,#ffe6aacc,#0000),radial-gradient(1.5px 1.5px at 75% 80%,#78b4ffcc,#0000),radial-gradient(2px 2px at 90% 45%,#ffdc96cc,#0000),radial-gradient(1.5px 1.5px at 45% 90%,#ffdc96b3,#0000);background-size:420px 420px;animation:26s linear infinite menu-sparkle}@keyframes menu-sparkle{0%{background-position:0 0}to{background-position:0 -420px}}.menu-col>*{animation:.6s cubic-bezier(.2,.8,.2,1) both menu-in}.menu-col>:nth-child(2){animation-delay:50ms}.menu-col>:nth-child(3){animation-delay:.12s}.menu-col>:nth-child(4){animation-delay:.18s}.menu-col>:nth-child(5){animation-delay:.24s}.menu-col>:nth-child(n+6){animation-delay:.3s}@keyframes menu-in{0%{opacity:0;transform:translateY(16px)}}.menu-logo-wrap{aspect-ratio:1;place-items:center;width:min(360px,78vw);margin:-10px auto -18px;display:grid;position:relative}.menu-logo-wrap .menu-logo{filter:drop-shadow(0 6px 18px #0009)drop-shadow(0 0 22px #ffbe4659);width:100%;margin:0;animation:6s ease-in-out infinite menu-float;position:relative}.menu-logo-halo{background:radial-gradient(circle at 50% 45%,#2850c873,#050a281a 65%,#0000 72%);border:4px solid #ffc94ad9;border-radius:50%;position:absolute;inset:13% 9% 5%;box-shadow:0 0 30px #ffbe4699,inset 0 0 40px #3c8cff8c,0 0 0 10px #3a86ff40}.menu-logo-halo:before{content:"";background:conic-gradient(from 0deg, transparent 0 70%, #78befff2 80%, transparent 90%);border-radius:50%;animation:5s linear infinite menu-spin;position:absolute;inset:-12px;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64% 70%,#0000 72%);mask:radial-gradient(circle,#0000 62%,#000 64% 70%,#0000 72%)}@keyframes menu-spin{to{transform:rotate(360deg)}}@keyframes menu-float{50%{transform:translateY(-6px)}}.menu-mode{transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.menu-mode:hover{transform:translateY(-3px)}.menu-mode svg{filter:drop-shadow(0 0 10px)}.menu-mode:after{content:"";background:linear-gradient(115deg,#0000 35%,#ffffff24 50%,#0000 65%);animation:5s ease-in-out infinite menu-shine;position:absolute;inset:0;transform:translate(-100%)}.menu-mode.blue:after{animation-delay:1.2s}.menu-mode.green:after{animation-delay:2.4s}@keyframes menu-shine{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}.menu-chev{opacity:.85;font-size:30px;font-style:normal;font-weight:300;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.menu-shield{color:#3a2400;clip-path:polygon(50% 0,100% 18%,92% 70%,50% 100%,8% 70%,0 18%);background:linear-gradient(#ffe08a,#d99a1c);place-items:center;width:24px;height:26px;font-size:15px;display:grid;position:absolute;top:6px;right:8px}.menu-spot{clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);filter:blur(4px);pointer-events:none;background:linear-gradient(#5aa0ff59,#5aa0ff0d 70%,#0000);position:absolute;inset:-12px 20% 24px}.menu-pedestal:before{content:"";background:conic-gradient(from 0deg, transparent 0 60%, #29e7ffe6 75%, transparent 90%);border-radius:50%;animation:3.5s linear infinite menu-spin;position:absolute;inset:-6px;-webkit-mask:radial-gradient(#0000 64%,#000 68% 76%,#0000 80%);mask:radial-gradient(#0000 64%,#000 68% 76%,#0000 80%)}.menu-cta.create{animation:.6s cubic-bezier(.2,.8,.2,1) both menu-in,2.6s ease-in-out .8s infinite menu-pulse;position:relative;overflow:hidden}.menu-cta.create:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 48%,#0000 62%);animation:3.2s ease-in-out infinite menu-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes menu-pulse{50%{box-shadow:0 0 42px #ff2e63d9,0 0 0 4px #ff78a040}}.menu-card,.menu-box{border-image:}.menu-perso{border-color:#78aaff73;box-shadow:0 10px 34px #00000073,inset 0 1px #ffffff14,0 0 26px #3a86ff2e}@media (min-width:1100px) and (min-aspect-ratio:1){.menu-bg{background:url(/decor/plateau.webp) 50%/cover no-repeat,#02030a}.menu-bg-shade{background:linear-gradient(90deg,#0306168c,#03061640 40% 60%,#03061699),linear-gradient(#0000 50%,#03061699)}.menu-col{grid-template:"top top""logo perso""tag perso""modes perso""create perso""row perso""div perso""join perso"1fr/minmax(0,1fr) minmax(0,1.05fr);align-content:start;gap:14px 30px;width:min(1260px,100%);min-height:100%;padding:18px 28px 28px;display:grid}.menu-top{grid-area:top}.menu-logo-wrap{grid-area:logo;width:min(330px,30vw)}.menu-tagline{grid-area:tag}.menu-modes{grid-area:modes}.menu-perso{grid-area:perso;grid-template-columns:auto 1fr 230px;align-self:start;margin-top:30px}.menu-stage{min-height:460px}.menu-grid{max-height:470px}.menu-cta.create{grid-area:create}.menu-row{grid-area:row}.menu-divider{grid-area:div}.menu-join{grid-area:join;align-self:start}}@media (prefers-reduced-motion:reduce){.menu-col>*,.menu-sparkles,.menu-logo-wrap .menu-logo,.menu-logo-halo:before,.menu-pedestal:before,.menu-mode:after,.menu-cta.create,.menu-cta.create:after{animation:none}}.menu-mode{padding-left:10px;padding-right:18px}@media (max-width:560px){.menu-chev{font-size:20px;top:auto;bottom:8px;right:4px;transform:none}.menu-mode{padding:12px 6px}}
