@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(data:font/woff2;base64,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)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:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-cyrillic-wght-normal-C627f1f8.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-vietnamese-wght-normal-rat7GD3o.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:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-ext-wght-normal-D6H-S6MW.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:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-wght-normal-D5afBTBx.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{--bg:#060a22;--bg2:#0b1238;--panel:#ffffff0b;--panel2:#ffffff14;--border:#ffffff1a;--border2:#ffffff2e;--text:#eef1ff;--muted:#9aa3cf;--dim:#646d9c;--gold:#ffc94d;--gold2:#ffe39a;--blue:#3d5bff;--blue2:#6b84ff;--cell1:#1c2fa8;--cell2:#101d77;--good:#2fd480;--bad:#ff5470;--warn:#ffa84d;--radius:16px;--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Unbounded Variable", "Inter Variable", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(1200px 700px at 15% -10%, #3d5bff47, transparent 60%), radial-gradient(900px 600px at 110% 10%, #8c3cff2e, transparent 60%), radial-gradient(900px 700px at 50% 120%, #ffc94d14, transparent 60%), var(--bg);position:fixed;top:0;bottom:0;left:0;right:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--blue2)}::selection{background:#ffc94d59}.page{flex-direction:column;min-height:100%;display:flex}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}.narrow{max-width:560px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#060a2299;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.logo{font-family:var(--display);letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.logo-mark{width:32px;height:32px;color:var(--gold);background:linear-gradient(135deg,#2b4bff,#101a6b);border-radius:9px;place-items:center;font-size:13px;display:grid;box-shadow:0 4px 14px #3d5bff73,inset 0 1px #ffffff40}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.col{flex-direction:column;gap:12px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:13px}.center{text-align:center}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0}h1{font-size:clamp(28px,5vw,44px);font-weight:800}h2{font-size:22px;font-weight:700}h3{font-size:16px;font-weight:700}.btn{border:1px solid var(--border2);background:var(--panel2);color:var(--text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:transform 80ms,background .15s,border-color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:#ffffff21}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{color:#231600;background:linear-gradient(#ffd66e,#ffb627);border-color:#0000;box-shadow:0 6px 20px #ffbe324d,inset 0 1px #ffffff80}.btn.primary:hover{background:linear-gradient(#ffe08c,#ffc03f)}.btn.blue{background:linear-gradient(#4d6bff,#2d45e0);border-color:#0000;box-shadow:0 6px 20px #3d5bff59}.btn.good{color:#032515;background:linear-gradient(#37e08c,#1eb96b);border-color:#0000}.btn.bad{color:#fff;background:linear-gradient(#ff6a82,#e8385a);border-color:#0000}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--panel);color:var(--text)}.btn.sm{border-radius:10px;padding:7px 12px;font-size:13px}.btn.lg{border-radius:14px;padding:15px 24px;font-size:17px}.btn.icon{width:38px;height:38px;padding:8px}.btn.block{width:100%}.input,.textarea,.select{border:1px solid var(--border2);background:#00000040;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--blue2);box-shadow:0 0 0 3px #6b84ff40}.textarea{resize:vertical;min-height:90px;line-height:1.45}.select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}.select option{background:#111a4a}.field{flex-direction:column;gap:6px;display:flex}.field>label,.label{color:var(--muted);font-size:13px;font-weight:600}.hint{color:var(--dim);font-size:12px}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--gold)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.tag{background:var(--panel2);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.tag.gold{color:var(--gold);background:#ffc94d26}.tag.blue{color:var(--blue2);background:#6b84ff2e}.tag.good{color:var(--good);background:#2fd48026}.tag.bad{color:var(--bad);background:#ff547026}.error-box{color:#ffc2cd;background:#ff54701f;border:1px solid #ff547059;border-radius:12px;padding:12px 14px;font-size:14px}.divider{background:var(--border);height:1px;margin:8px 0}.progress{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--blue), var(--blue2));border-radius:99px;height:100%;transition:width .3s}.progress.gold>div{background:linear-gradient(90deg, #ffb627, var(--gold2))}.spinner{border:3px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-back{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#020412b8;justify-content:center;align-items:flex-start;padding:40px 16px;animation:.15s fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal{border:1px solid var(--border2);background:#0d1440;border-radius:20px;width:100%;max-width:760px;animation:.18s ease-out pop;box-shadow:0 30px 80px #00000080}.modal-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 20px;display:flex}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.modal-foot{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;padding:16px 20px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.98)}}.toast{border:1px solid var(--border2);z-index:200;background:#1a2466;border-radius:12px;max-width:calc(100% - 32px);padding:12px 18px;animation:.2s pop;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.hero{text-align:center;padding:64px 0 28px}.hero h1{background:linear-gradient(#fff 20%,#b9c3ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,9vw,84px);line-height:1}.hero h1 span{background:linear-gradient(180deg, var(--gold2), #ffae1a);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:520px;margin:18px auto 0;font-size:18px;line-height:1.5}.home-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0 60px;display:grid}@media (max-width:860px){.home-grid{grid-template-columns:1fr}}.home-card{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:linear-gradient(160deg,#ffffff14,#ffffff05);border-radius:22px;flex-direction:column;gap:12px;padding:26px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.home-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 20px 50px #00000059}.home-card .ico{border-radius:16px;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.home-card h2{font-size:21px}.home-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.pin-input{font-family:var(--display);letter-spacing:.25em;text-align:center;padding:14px;font-size:30px;font-weight:700}.game{grid-template-rows:auto 1fr auto;height:100dvh;display:grid;overflow:hidden}.game.with-side{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 360px}.game.with-side .g-top{grid-column:1/-1}.game.with-side .g-side{grid-area:2/2/4}.g-top{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060a228c;align-items:center;gap:10px;min-height:56px;padding:10px 16px;display:flex}.g-main{flex-direction:column;min-height:0;padding:16px;display:flex;position:relative;overflow:auto}.g-side{border-left:1px solid var(--border);background:#060a2280;flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.g-bottom{border-top:1px solid var(--border);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#060a228c}@media (max-width:1000px){.game.with-side{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.game.with-side .g-side{border-left:none;border-top:1px solid var(--border);grid-area:auto}.game.with-side .g-main{min-height:60vh;overflow:visible}}.pin-badge{font-family:var(--display);letter-spacing:.12em;color:var(--gold);background:#ffc94d1f;border-radius:10px;padding:6px 12px;font-size:15px;font-weight:700}.status-dot{background:var(--good);width:9px;height:9px;box-shadow:0 0 10px var(--good);border-radius:50%}.status-dot.off{background:var(--bad);box-shadow:0 0 10px var(--bad)}.players{scrollbar-width:none;justify-content:safe center;gap:10px;padding:2px;display:flex;overflow-x:auto}.players::-webkit-scrollbar{display:none}.pcard{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;flex:none;gap:2px;min-width:118px;padding:10px 14px;transition:border-color .2s,box-shadow .2s,transform .2s,opacity .2s;display:flex;position:relative}.pcard .pname{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:150px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.pcard .pscore{font-family:var(--display);font-size:20px;font-weight:700}.pcard .pscore.neg{color:var(--bad)}.pcard.me{background:#6b84ff24}.pcard.off{opacity:.45}.pcard.chooser{border-color:#ffc94d99}.pcard.chooser:after{content:"выбирает";text-transform:uppercase;letter-spacing:.06em;background:var(--gold);color:#231600;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-9px;right:10px}.pcard.answering{border-color:var(--blue2);transform:translateY(-3px);box-shadow:0 0 0 3px #6b84ff59,0 0 30px #6b84ff66}.pcard.tried{opacity:.55}.pcard.flash-good{animation:.9s flashGood}.pcard.flash-bad{animation:.9s flashBad}@keyframes flashGood{30%{box-shadow:0 0 0 4px #2fd48099,0 0 40px #2fd48080}}@keyframes flashBad{30%{box-shadow:0 0 0 4px #ff547099,0 0 40px #ff547080}}.avatar{border-radius:50%;flex:none;width:10px;height:10px}.delta{font-size:13px;font-weight:800;animation:1.6s forwards rise;position:absolute;bottom:8px;right:10px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.board-wrap{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.round-title{justify-content:center;align-items:center;gap:10px;display:flex}.board{flex:1;gap:6px;min-height:0;display:grid}.board-row{grid-template-columns:minmax(110px, 1.6fr) repeat(var(--cols), minmax(0, 1fr));gap:6px;min-height:0;display:grid}.cell,.theme-cell{text-align:center;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:6px 8px;display:flex}.theme-cell{text-transform:uppercase;letter-spacing:.01em;word-break:break-word;background:linear-gradient(#2238be8c,#101d778c);border:1px solid #788cff40;font-size:clamp(11px,1.4vw,16px);font-weight:700;line-height:1.15}.cell{background:linear-gradient(180deg, var(--cell1), var(--cell2));font-family:var(--display);color:var(--gold);text-shadow:0 2px #00000059,0 0 18px #ffc94d40;-webkit-user-select:none;user-select:none;border:1px solid #788cff4d;font-size:clamp(16px,2.6vw,34px);font-weight:800;transition:transform .12s,filter .15s,box-shadow .15s}.cell.can{cursor:pointer}.cell.can:hover{filter:brightness(1.25);transform:translateY(-1px);box-shadow:0 0 0 2px #ffc94d8c,0 8px 24px #00000059}.cell.can:active{transform:scale(.97)}.cell.used{color:#0000;text-shadow:none;background:#ffffff06;border-color:#ffffff0d}.cell.empty{visibility:hidden}@media (max-width:600px){.board{gap:4px}.board-row{grid-template-columns:minmax(84px, 1.5fr) repeat(var(--cols), minmax(0, 1fr));gap:4px}.cell,.theme-cell{border-radius:8px;min-height:42px;padding:4px}.theme-cell{font-size:10px}.cell{font-size:15px}}.stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;padding:8px;display:flex}.stage-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.stage-theme{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:14px;font-weight:700}.stage-price{font-family:var(--display);color:var(--gold);font-size:18px;font-weight:800}.q-text{white-space:pre-wrap;text-wrap:balance;max-width:1000px;font-size:clamp(20px,3.2vw,40px);font-weight:600;line-height:1.3;animation:.3s fade}.q-text.small{font-size:clamp(17px,2.2vw,26px)}.q-media{object-fit:contain;background:#000;border-radius:14px;max-width:100%;max-height:min(52vh,560px);animation:.25s fade;box-shadow:0 20px 60px #00000073}img.q-media{background:0 0}.audio-viz{background:radial-gradient(circle,#6b84ff59,#3d5bff0d 70%);border-radius:50%;place-items:center;width:140px;height:140px;display:grid;position:relative}.audio-viz:before,.audio-viz:after{content:"";border:2px solid #6b84ff80;border-radius:50%;animation:1.6s ease-out infinite pulse;position:absolute;top:0;bottom:0;left:0;right:0}.audio-viz:after{animation-delay:.8s}.audio-viz.still:before,.audio-viz.still:after{opacity:.3;animation:none}@keyframes pulse{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}.answer-box{background:#2fd4801a;border:1px solid #2fd48059;border-radius:16px;max-width:900px;padding:16px 22px;animation:.25s pop}.answer-box .lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--good);margin-bottom:6px;font-size:12px;font-weight:700}.answer-box .val{font-size:clamp(20px,3vw,34px);font-weight:700}.intro-card{background:linear-gradient(180deg, var(--cell1), var(--cell2));border:1px solid #788cff59;border-radius:22px;padding:34px 48px;animation:.45s cubic-bezier(.2,1.4,.4,1) zoomIn;box-shadow:0 30px 80px #00000073,0 0 60px #3d5bff59}.intro-card .t{text-transform:uppercase;letter-spacing:.08em;color:#c7d0ff;font-size:16px;font-weight:700}.intro-card .p{font-family:var(--display);color:var(--gold);text-shadow:0 4px #0000004d,0 0 40px #ffc94d59;font-size:clamp(48px,9vw,96px);font-weight:800}.intro-card .special{font-family:var(--display);color:var(--gold2);margin-bottom:8px;font-size:clamp(22px,4vw,36px);font-weight:800}@keyframes zoomIn{0%{opacity:0;transform:scale(.6)}}.answering-banner{background:#6b84ff2e;border:1px solid #6b84ff80;border-radius:999px;align-items:center;gap:12px;padding:12px 20px;font-size:18px;font-weight:700;animation:.2s pop;display:flex}.timer{width:min(520px,90%)}.timer-bar{background:#ffffff1a;border-radius:9px;height:6px;overflow:hidden}.timer-bar>div{background:linear-gradient(90deg, var(--gold), #ff8a3d);transform-origin:0;height:100%}.timer-bar.blue>div{background:linear-gradient(90deg, var(--blue2), var(--blue))}.round-intro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;animation:.4s fade;display:flex}.round-intro h1{background:linear-gradient(#fff,#b9c3ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,7vw,72px)}.theme-list{flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;display:flex}.theme-list .tag{padding:8px 14px;font-size:15px}.theme-list .tag.removed{opacity:.35;text-decoration:line-through}.buzzer{width:100%;height:clamp(110px,22vh,190px);font-family:var(--display);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;color:var(--dim);box-shadow:inset 0 0 0 1px var(--border);background:#ffffff0f;border:none;border-radius:24px;font-size:clamp(22px,5vw,34px);font-weight:800;transition:background .12s,transform 60ms,box-shadow .12s}.buzzer.ready{color:#fff;background:radial-gradient(circle at 50% 30%,#ff6b6b,#d41b3b);animation:1.1s ease-in-out infinite glow;box-shadow:0 10px 40px #ff3c5a80,inset 0 2px #ffffff59}.buzzer.ready:active{transform:scale(.98)}.buzzer.wait{color:var(--gold);background:#ffc94d14;box-shadow:inset 0 0 0 1px #ffc94d4d}.buzzer.early{color:var(--bad);background:#ff547026;animation:.3s shake;box-shadow:inset 0 0 0 1px #ff547080}.buzzer.pressed{color:var(--blue2);background:#6b84ff33;box-shadow:inset 0 0 0 1px #6b84ff80}.buzzer.mine{color:#032515;background:linear-gradient(#37e08c,#1eb96b)}@keyframes glow{50%{box-shadow:0 10px 60px #ff3c5abf,inset 0 2px #ffffff59}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.kbd{border:1px solid var(--border2);color:var(--muted);font-size:12px;font-family:var(--font);letter-spacing:0;border-radius:6px;padding:1px 7px;font-weight:600;display:inline-block}.hp-section{flex-direction:column;gap:10px;display:flex}.hp-title{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-size:12px;font-weight:700}.hp-answer{background:#2fd48014;border:1px solid #2fd4804d;border-radius:14px;padding:12px 14px}.hp-answer .val{font-size:17px;font-weight:700}.hp-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hp-player{background:var(--panel);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.hp-player .nm{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.hp-player input{border:1px solid var(--border2);text-align:right;background:#00000040;border-radius:8px;width:84px;padding:6px 8px;font-weight:700}.menu{border:1px solid var(--border2);z-index:30;background:#121b52;border-radius:12px;min-width:190px;padding:6px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 16px 40px #00000073}.menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:9px 12px;font-size:14px;display:block}.menu button:hover{background:var(--panel2)}.lobby{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:24px;width:100%;max-width:1100px;margin:0 auto;display:grid}@media (max-width:800px){.lobby{grid-template-columns:1fr}}.join-box{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.join-box .big-pin{font-family:var(--display);letter-spacing:.12em;color:var(--gold);text-shadow:0 0 40px #ffc94d59;font-size:clamp(48px,9vw,88px);font-weight:800;line-height:1}.qr{background:#fff;border-radius:16px;padding:12px;line-height:0}.qr svg{width:180px;height:180px}.lobby-players{flex-wrap:wrap;gap:10px;display:flex}.lobby-player{background:var(--panel);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;min-width:150px;padding:10px 14px;animation:.25s pop;display:flex}.lobby-player .ld{color:var(--muted);font-size:12px}.mini-progress{background:#ffffff1a;border-radius:9px;width:60px;height:4px;overflow:hidden}.mini-progress>div{background:var(--good);height:100%}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;text-align:center;background:#060a22b3;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;animation:.2s fade;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.full-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px;display:flex}.podium{justify-content:center;align-items:flex-end;gap:14px;margin-top:10px;display:flex}.podium .step{flex-direction:column;align-items:center;gap:8px;width:min(180px,28vw);display:flex}.podium .bar{width:100%;font-family:var(--display);border-radius:14px 14px 0 0;justify-content:center;align-items:flex-start;padding-top:12px;font-size:28px;font-weight:800;animation:.8s cubic-bezier(.2,1,.3,1) both growUp;display:flex}.podium .p1 .bar{color:#3b2600;background:linear-gradient(#ffd66e,#c88a0f);height:200px}.podium .p2 .bar{color:#1b2350;background:linear-gradient(#dfe6ff,#8b95c2);height:150px;animation-delay:.15s}.podium .p3 .bar{color:#3a1804;background:linear-gradient(#ffb385,#b8612f);height:110px;animation-delay:.3s}@keyframes growUp{0%{transform-origin:bottom;transform:scaleY(0)}}.ed{grid-template-columns:290px 1fr;min-height:calc(100dvh - 61px);display:grid}@media (max-width:900px){.ed{grid-template-columns:1fr}}.ed-side{border-right:1px solid var(--border);background:#060a2266;flex-direction:column;gap:16px;padding:18px;display:flex}@media (max-width:900px){.ed-side{border-right:none;border-bottom:1px solid var(--border)}}.ed-main{flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex}.round-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;transition:background .15s;display:flex}.round-item:hover{background:var(--panel)}.round-item.active{background:#6b84ff29;border-color:#6b84ff66}.round-item .nm{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.ed-theme{background:var(--panel);border:1px solid var(--border);border-radius:14px;grid-template-columns:minmax(160px,240px) 1fr;align-items:stretch;gap:10px;padding:10px;display:grid}@media (max-width:700px){.ed-theme{grid-template-columns:1fr}}.ed-theme-name{flex-direction:column;gap:6px;display:flex}.ed-theme-name input{font-weight:700}.ed-qs{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.ed-q{cursor:pointer;text-align:left;background:linear-gradient(#2238be99,#101d7799);border:1px solid #788cff4d;border-radius:12px;flex-direction:column;gap:4px;width:104px;min-height:76px;padding:8px 10px;transition:transform .12s,box-shadow .15s;display:flex;position:relative}.ed-q:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #ffc94d80}.ed-q .pr{font-family:var(--display);color:var(--gold);font-size:18px;font-weight:800}.ed-q .tx{color:#c4ccf5;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.ed-q .icons{gap:3px;font-size:11px;display:flex;position:absolute;top:7px;right:8px}.ed-q.incomplete{border-color:#ffa84d8c}.ed-q.add{border:1px dashed var(--border2);color:var(--muted);background:0 0;justify-content:center;align-items:center;font-size:24px}.media-slot{border:1.5px dashed var(--border2);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:110px;padding:14px;transition:border-color .15s,background .15s;display:flex}.media-slot.drag{border-color:var(--gold);background:#ffc94d0f}.media-item{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex;position:relative}.media-item img,.media-item video{border-radius:10px;max-width:100%;max-height:220px}.media-item audio{width:100%}.pack-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;padding:16px 18px;transition:border-color .15s;display:flex}.pack-card:hover{border-color:var(--border2)}.pack-card .pc-icon{background:linear-gradient(135deg,#2b4bff,#101a6b);border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.empty{text-align:center;color:var(--muted);border:1.5px dashed var(--border2);border-radius:18px;padding:50px 20px}.seg{border:1px solid var(--border);background:#00000040;border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600}.seg button.on{background:var(--panel2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border2)}.dropzone{border:2px dashed var(--border2);text-align:center;cursor:pointer;border-radius:18px;padding:34px 20px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--gold);background:#ffc94d0d}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.settings-grid{grid-template-columns:1fr}}.steps{gap:8px;display:flex}.final-answer-card{background:var(--panel);border:1px solid var(--border);text-align:left;border-radius:16px;flex-direction:column;gap:8px;min-width:200px;padding:16px;display:flex}.final-answer-card.good{background:#2fd48014;border-color:#2fd48080}.final-answer-card.bad{background:#ff547014;border-color:#ff547080}.pause-badge{color:var(--warn);background:#ffa84d2e;border-radius:9px;padding:5px 10px;font-size:13px;font-weight:700}.reaction{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;font-weight:600}@media (max-width:700px){.hide-sm{display:none!important}.g-top .logo span:last-child{display:none}}.game{grid-template-columns:minmax(0,1fr)}.game.with-side{grid-template-columns:minmax(0,1fr) 360px}.g-main,.g-bottom,.g-top,.g-side{min-width:0}.game{overscroll-behavior:none}.game button,.game .cell{touch-action:manipulation}.g-top{padding-top:calc(10px + env(safe-area-inset-top))}.q-stage{justify-content:flex-start;gap:12px}.q-stage>.stage-meta{flex:none;margin-top:auto}.q-stage>:last-child{margin-bottom:auto}.media-box{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:90px;display:flex}.media-box .q-media{width:auto;max-width:100%;height:auto;min-height:0;max-height:100%}.media-box img.q-media{object-fit:contain}.q-stage>.q-text{flex:0 auto;min-height:0;overflow-y:auto}.q-text.long{text-align:left;font-size:clamp(16px,2vw,26px)}.q-stage>.answer-box,.q-stage>.answering-banner,.q-stage>.timer{flex:none}.buzzer.compact{height:64px;font-size:18px}@media (hover:none){.buzzer .kbd,.hide-touch{display:none!important}}@media (max-width:700px){body{font-size:15px}.input,.textarea,.select{font-size:16px}.btn{min-height:44px}.btn.sm{min-height:36px}.container{padding:0 16px}.topbar{padding:10px 16px}.hero{padding:36px 0 12px}.home-card{padding:20px}.g-top{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;gap:8px;min-height:50px}.g-top .logo-mark{width:30px;height:30px}.pin-badge{padding:5px 10px;font-size:14px}.g-main{padding:10px 12px}.g-bottom{padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px!important}.players{scroll-snap-type:x proximity;justify-content:flex-start;gap:6px;padding:8px 2px 2px}.pcard{scroll-snap-align:start;border-radius:12px;width:auto;min-width:0;padding:6px 10px}.pcard .pname{gap:5px;max-width:96px;font-size:12px}.pcard .pscore{font-size:16px}.pcard.chooser:after{padding:1px 6px;font-size:9px;top:-8px;right:6px}.delta{font-size:11px;bottom:4px;right:6px}.board-wrap{gap:8px}.board{grid-auto-rows:minmax(0,1fr);gap:8px;grid-template-rows:none!important}.board-row{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:auto minmax(40px,1fr);align-content:stretch;gap:5px}.theme-cell{text-align:left;letter-spacing:.04em;min-height:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;grid-column:1/-1;justify-content:flex-start;padding:0 2px;font-size:11px;display:block;overflow:hidden}.cell{border-radius:9px;min-height:40px;padding:2px;font-size:clamp(15px,4.6vw,20px)}.round-title{font-size:13px}.stage{gap:10px;padding:2px}.stage-theme{font-size:12px}.stage-price{font-size:15px}.q-text{font-size:clamp(18px,5.2vw,24px)}.q-text.small{font-size:clamp(16px,4.4vw,19px)}.q-text.long{font-size:15px}.q-media{border-radius:10px;box-shadow:0 10px 30px #0006}.audio-viz{width:96px;height:96px}.audio-viz span{font-size:34px!important}.answer-box{border-radius:12px;padding:10px 14px}.answer-box .val{font-size:20px}.answering-banner{gap:8px;padding:8px 14px;font-size:15px}.timer{width:100%}.intro-card{border-radius:18px;padding:20px 26px}.intro-card .t{font-size:13px}.intro-card .p{font-size:56px}.intro-card .special{font-size:20px}.buzzer{border-radius:20px;height:clamp(96px,20dvh,150px);font-size:26px}.buzzer.compact{border-radius:14px;height:52px;font-size:16px}.lobby{align-content:start;gap:14px}.role-player .lobby,.role-screen .lobby{align-items:start}.join-box{gap:8px}.big-pin.small-pin{letter-spacing:.1em;font-size:34px}.me-card{gap:8px;padding:14px}.lobby-list{gap:10px!important}.lobby-list h2{font-size:18px}.lobby-players{gap:6px}.lobby-player{border-radius:12px;gap:8px;min-width:0;padding:7px 10px}.lobby-player b{font-size:13px!important}.lobby-player .ld{font-size:11px}.mini-progress{width:40px}.qr svg{width:140px;height:140px}.round-intro{gap:12px}.round-intro h1{font-size:30px}.theme-list{gap:6px}.theme-list .tag{padding:6px 10px;font-size:13px}.theme-list .btn{flex:40%}.stage h2{font-size:19px}.stage .card{width:100%;padding:14px;min-width:0!important}.final-answer-card{flex:140px;min-width:0;padding:12px}.podium{gap:8px;width:100%}.podium .step{gap:4px;width:31%}.podium .step b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.podium .p1 .bar{height:120px}.podium .p2 .bar{height:90px}.podium .p3 .bar{height:66px}.podium .bar{font-size:22px}.modal-back{align-items:flex-end;padding:12px 0 0}.modal{border-radius:20px 20px 0 0;flex-direction:column;max-height:calc(100dvh - 12px);display:flex}.modal-body{padding:16px;overflow-y:auto}.modal-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.ed-side{gap:12px;padding:14px}.ed-main{padding:14px}.ed-q{width:calc(33.33% - 6px);min-height:68px}.ed-q.add{width:calc(33.33% - 6px)}}@media (max-width:1000px){.game.with-side{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.game.with-side .g-top{grid-row:1}.game.with-side .g-main{grid-row:2;min-height:0;overflow:auto}.game.with-side .g-bottom{grid-row:3}.game.with-side .g-side{border-top:1px solid var(--border);grid-area:4/1;gap:12px;max-height:44dvh;padding:12px}.game.with-side.phase-lobby .g-side{max-height:36dvh}.game.with-side .g-side .btn.lg{padding:12px 18px;font-size:16px}}@media (max-height:520px){.g-top{min-height:44px;padding-top:6px;padding-bottom:6px}.g-main{padding:6px 12px}.buzzer{border-radius:14px;font-size:20px;height:64px!important}.buzzer.compact{height:44px!important}.buzzer .kbd{display:none}.intro-card{padding:12px 22px}.intro-card .p{font-size:40px}.pcard{padding:4px 10px}.pcard .pscore{font-size:14px}.cell{min-height:32px}.board-row{grid-template-rows:auto minmax(30px,1fr)}.q-text{font-size:17px}}@media (max-height:520px) and (orientation:landscape){.game:not(.with-side):not(.phase-lobby){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(190px,34vw,300px)}.game:not(.with-side):not(.phase-lobby) .g-top{grid-column:1/-1}.game:not(.with-side):not(.phase-lobby) .g-main{grid-area:2/1}.game:not(.with-side):not(.phase-lobby) .g-bottom{border-top:none;border-left:1px solid var(--border);min-height:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom)) 8px;flex-direction:column;grid-area:2/2;display:flex}.g-bottom .buzzer{flex:auto;min-height:70px;height:auto!important}.g-bottom .buzzer.compact{flex:0 0 44px;min-height:0}.game:not(.with-side) .g-bottom .players{flex-wrap:wrap;flex:0 auto;align-content:flex-start;max-height:48%;padding-top:8px;overflow:hidden auto}.game:not(.with-side) .g-bottom:not(:has(.buzzer)) .players{max-height:none}.game:not(.with-side) .pcard{flex:calc(50% - 6px)}.game:not(.with-side) .pcard .pname{max-width:100%}}input[type=range]{width:100%;height:32px}@media (max-width:700px){.modal-foot{flex-wrap:nowrap;gap:8px}}