@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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+1F00-1FFF}@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+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #070611;--bg-2: #0d0b1c;--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .08);--surface-3: rgba(255, 255, 255, .12);--glass: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .035));--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text: #f4f1fb;--muted: #aaa0c6;--faint: #776e95;--brand: #ff2d9b;--brand-2: #9d5cff;--brand-soft: rgba(255, 45, 155, .16);--cyan: #21e7ff;--lime: #b6ff3a;--gold: #ffd23a;--accent: #ffd23a;--danger: #ff4d6d;--info: #21e7ff;--radius: 18px;--radius-sm: 13px;--radius-lg: 24px;--shadow: 0 30px 72px -22px rgba(0, 0, 0, .78);--shadow-sm: 0 14px 34px -16px rgba(0, 0, 0, .62);--ring: 0 0 0 4px rgba(33, 231, 255, .22);--blur: blur(20px);--font: "Inter Variable", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-optical-sizing:auto;overflow-x:hidden}button,input{font-family:inherit;color:inherit}::selection{background:var(--brand);color:#fff}.app{position:relative;min-height:100%;display:flex;flex-direction:column;isolation:isolate}.app__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--bg);overflow:hidden}.app__bg:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background:radial-gradient(closest-side at 15% 16%,rgba(255,45,155,.34),transparent),radial-gradient(closest-side at 85% 12%,rgba(33,231,255,.26),transparent),radial-gradient(closest-side at 74% 90%,rgba(157,92,255,.36),transparent),radial-gradient(closest-side at 18% 88%,rgba(33,231,255,.14),transparent);filter:blur(64px);animation:drift 20s ease-in-out infinite alternate}.app__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 36%,transparent 46%,rgba(2,1,8,.5))}@keyframes drift{to{transform:translate3d(0,-2.5%,0) scale(1.06)}}.container{width:100%;max-width:1080px;margin:0 auto;padding:28px 22px 60px;flex:1;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.brand{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-weight:800;font-size:15px;letter-spacing:.3px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 0 26px -2px var(--brand),inset 0 1px #ffffff73}.brand__name{font-weight:800;font-size:18px;letter-spacing:-.3px;white-space:nowrap}.brand__name span{background:linear-gradient(90deg,var(--cyan),var(--brand));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{--b: var(--surface-2);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--b);color:var(--text);font-weight:700;font-size:15px;padding:12px 20px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .08s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease;white-space:nowrap;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:active{transform:translateY(1px) scale(.99)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 12px 30px -8px var(--brand),inset 0 1px #ffffff40}.btn--primary:hover{filter:brightness(1.08);box-shadow:0 16px 38px -8px var(--brand),inset 0 1px #ffffff40}.btn--danger{border-color:#ff4d6d66;color:#ffd6de;background:#ff4d6d24}.btn--danger:hover{background:#ff4d6d38}.btn--ghost{background:#ffffff08;border-color:var(--border);color:var(--muted)}.btn--ghost:hover{color:var(--text);background:var(--surface-2)}.btn--lg{padding:15px 26px;font-size:16px}.btn--block{width:100%}.card{background:var(--glass);border:1px solid var(--border-strong);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm),inset 0 1px #ffffff24;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.panel{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:inset 0 1px #ffffff1a;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.2px}.input{width:100%;background:#00000052;border:1px solid var(--border-strong);color:var(--text);font-size:16px;padding:14px 16px;border-radius:var(--radius-sm);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input::placeholder{color:var(--faint)}.input:focus{outline:none;border-color:var(--cyan);box-shadow:var(--ring);background:#0006}.input--code{text-transform:uppercase;letter-spacing:8px;font-weight:800;font-size:22px;text-align:center}.row{display:flex;align-items:center;gap:12px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:14px}.center{text-align:center}.muted{color:var(--muted)}.faint{color:var(--faint)}.grow{flex:1}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);letter-spacing:.3px}.tag--brand{color:#fff;background:linear-gradient(135deg,var(--brand-soft),rgba(157,92,255,.14));border-color:#ff2d9b66}.divider{height:1px;background:var(--border);margin:4px 0}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{text-align:center;padding:26px 0 34px}.hero__title{font-size:clamp(36px,7vw,68px);line-height:1.02;font-weight:850;letter-spacing:-1.5px;margin-bottom:16px}.hero__title b{background:linear-gradient(110deg,var(--cyan) 5%,var(--brand) 55%,var(--brand-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 26px rgba(255,45,155,.3))}.hero__tag{max-width:580px;margin:0 auto;color:var(--muted);font-size:clamp(15px,2.4vw,18px);line-height:1.55}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:8px}.mode-card{position:relative;text-align:left;padding:26px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);cursor:pointer;overflow:hidden;transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease;display:flex;flex-direction:column;gap:12px;min-height:210px;box-shadow:inset 0 1px #ffffff1f}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .22s ease;background:radial-gradient(460px 260px at 78% -12%,var(--glow, var(--brand-soft)),transparent 64%)}.mode-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow),inset 0 1px #ffffff29}.mode-card:hover:before{opacity:1}.mode-card:focus-visible{outline:none;box-shadow:var(--ring)}.mode-card__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;font-size:27px;background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:inset 0 1px #ffffff24}.mode-card--online{--glow: rgba(33, 231, 255, .26)}.mode-card--offline{--glow: rgba(255, 45, 155, .24)}.mode-card__title{font-size:22px;font-weight:800;letter-spacing:-.4px}.mode-card__desc{color:var(--muted);font-size:14.5px;line-height:1.5;flex:1}.mode-card__cta{font-weight:800;font-size:14px;color:var(--cyan);display:inline-flex;align-items:center;gap:6px}.mode-card--offline .mode-card__cta{color:var(--brand)}.gate{max-width:440px;margin:0 auto;width:100%}.entry{max-width:480px;margin:0 auto;width:100%}.seg{display:flex;gap:6px;padding:5px;background:#0000004d;border:1px solid var(--border);border-radius:14px;margin-bottom:20px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.seg button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:14.5px;padding:11px;border-radius:10px;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.seg button.is-active{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 8px 22px -10px var(--brand)}.lobby{max-width:720px;margin:0 auto;width:100%}.code-chip{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;border-radius:var(--radius);background:linear-gradient(135deg,var(--brand-soft),rgba(33,231,255,.08));border:1px solid rgba(255,45,155,.34);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.code-chip__code{font-size:34px;font-weight:850;letter-spacing:10px;background:linear-gradient(90deg,var(--cyan),var(--brand));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-left:10px}.players{display:flex;flex-direction:column;gap:8px}.player-chip{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.player-chip__dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);flex-shrink:0}.player-chip__dot.is-off{background:var(--faint);box-shadow:none}.player-chip__name{font-weight:700;flex:1}.player-chip__score{font-weight:800;color:var(--lime);font-variant-numeric:tabular-nums}.player-chip__host{font-size:11px;font-weight:800;color:#1a1205;background:linear-gradient(135deg,var(--gold),#ffe88a);border:none;padding:3px 9px;border-radius:999px;letter-spacing:.4px}.player-chip__ready{font-size:11px;font-weight:800;color:var(--muted);background:var(--surface-3);border:1px solid var(--border);padding:3px 9px;border-radius:999px;letter-spacing:.3px;white-space:nowrap}.player-chip__ready.is-ready{color:#0a1a05;background:linear-gradient(135deg,var(--lime),#d6ff8f);border-color:transparent}.you-badge{font-size:11px;font-weight:700;color:var(--muted)}.setting{display:flex;flex-direction:column;gap:9px}.setting__head{display:flex;justify-content:space-between;align-items:baseline}.setting__val{font-weight:800;color:var(--cyan);font-variant-numeric:tabular-nums}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--surface-3);outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));cursor:pointer;border:3px solid var(--bg-2);box-shadow:0 0 0 1px var(--brand),0 0 14px -2px var(--brand)}.range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--brand);cursor:pointer;border:3px solid var(--bg-2)}.range:disabled{opacity:.5}.club-badge{position:relative;display:grid;place-items:center;flex-shrink:0;width:var(--badge-size, 150px);height:var(--badge-size, 150px);padding:11%;background:linear-gradient(180deg,#fff,#eef1f6);border-radius:26px;box-shadow:0 22px 50px -18px #000000b3,inset 0 1px #ffffffe6}.club-badge:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:29px;z-index:-1;background:linear-gradient(140deg,var(--ring1, var(--cyan)),var(--ring2, var(--brand-2)));box-shadow:0 0 34px -6px var(--ring1, var(--cyan))}.showdown__side:first-child .club-badge{--ring1: var(--cyan);--ring2: var(--brand-2)}.showdown__side:last-child .club-badge{--ring1: var(--brand);--ring2: var(--gold)}.club-badge__logo{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 9px rgba(0,0,0,.16))}.club-badge__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:8px;box-shadow:var(--shadow-sm),inset 0 1px #ffffff2e}.club-badge__abbr{font-weight:850;font-size:28%;line-height:1;letter-spacing:1px}.club-badge__name{font-weight:600;font-size:12%;line-height:1.15;opacity:.92}.showdown{display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,52px)}.showdown__side{display:flex;flex-direction:column;align-items:center;gap:14px}.showdown__league{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:2px}.showdown__vs{flex-shrink:0;width:clamp(48px,9vw,66px);height:clamp(48px,9vw,66px);display:grid;place-items:center;border-radius:50%;font-size:clamp(18px,4vw,24px);font-weight:900;font-style:italic;letter-spacing:-1px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 0 34px -2px var(--brand),inset 0 1px #ffffff4d}.game{display:grid;grid-template-columns:1fr 312px;gap:20px;align-items:start}.game__main{display:flex;flex-direction:column;gap:22px}.game__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.round-pill{font-weight:800;font-size:15px}.round-pill span{color:var(--muted);font-weight:600}.timer{display:flex;align-items:center;gap:14px}.timer__track{flex:1;height:12px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.1);overflow:hidden}.timer__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--brand));box-shadow:0 0 18px #ff2d9b8c;transition:width .2s linear}.timer__bar.is-low{background:linear-gradient(90deg,var(--danger),#ff9aae);box-shadow:0 0 18px #ff4d6d99}.timer__num{font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);font-size:18px}.stage{background:var(--glass);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:38px 24px;position:relative;overflow:hidden;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-sm),inset 0 1px #ffffff1f}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(620px 320px at 50% -28%,rgba(157,92,255,.16),transparent 70%);pointer-events:none}.answer-form{display:flex;gap:10px}.answer-form .input{flex:1;font-size:17px}.answer-form .ac{flex:1;min-width:0}.ac{position:relative}.ac .input{width:100%;font-size:17px}.ac__list{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 8px);list-style:none;margin:0;padding:6px;background:#121022db;border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);max-height:304px;overflow-y:auto;animation:ac-pop .12s ease}@keyframes ac-pop{0%{opacity:0;transform:translateY(-4px)}}.ac__item{padding:12px 14px;border-radius:10px;cursor:pointer;font-size:15.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac__item.is-active{background:linear-gradient(90deg,#ff2d9b42,#9d5cff29);color:#fff}.answer-flash{border-color:var(--danger)!important;box-shadow:0 0 0 4px #ff4d6d2e!important;animation:shake .34s ease}@keyframes shake{10%,90%{transform:translate(-2px)}30%,70%{transform:translate(4px)}50%{transform:translate(-5px)}}.hint{font-size:13px;color:var(--faint);text-align:center}.side{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}.side__title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.side__title:before{content:"";width:4px;height:14px;border-radius:2px;background:linear-gradient(180deg,var(--cyan),var(--brand))}.scoreboard{display:flex;flex-direction:column;gap:7px}.score-row{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid transparent;transition:background .2s ease}.score-row.is-leader{background:linear-gradient(90deg,#b6ff3a29,#21e7ff0d);border-color:#b6ff3a4d}.score-row.is-winner{background:linear-gradient(90deg,rgba(255,45,155,.2),transparent);border-color:#ff2d9b66;animation:pop .4s ease}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.score-row__rank{width:20px;font-weight:800;color:var(--faint);font-size:13px;text-align:center}.score-row__name{flex:1;font-weight:700;font-size:14.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row__pts{font-weight:850;color:var(--lime);font-variant-numeric:tabular-nums;font-size:16px}.feed{display:flex;flex-direction:column;gap:7px;max-height:288px;overflow-y:auto;padding-right:4px}.feed__item{font-size:13.5px;line-height:1.45;color:var(--muted);padding:9px 12px;border-radius:11px;background:#ffffff0b;animation:fadeIn .25s ease both}.feed__item b{color:var(--text);font-weight:700}.feed__item.is-correct{background:#b6ff3a1f;color:#e6ffbf}.feed__item.is-correct b{color:var(--lime)}.feed__item.is-wrong{color:#ffb6c7}.feed__item.is-timeout,.feed__item.is-skip{color:var(--gold)}.reveal{text-align:center;animation:fadeIn .35s ease both}.reveal__title{font-size:15px;font-weight:700;color:var(--muted);margin-bottom:14px}.reveal__winner{font-size:22px;font-weight:850;margin-bottom:4px}.reveal__winner b{color:var(--brand)}.reveal__answers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.reveal__chip{font-size:14px;font-weight:700;padding:8px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong)}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#070611b8,#070611f2);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.countdown-num{font-size:clamp(120px,30vw,280px);font-weight:900;letter-spacing:-6px;line-height:1;animation:cd .8s ease both}.countdown-num.c3{color:var(--cyan);text-shadow:0 0 60px rgba(33,231,255,.5)}.countdown-num.c2{color:var(--brand);text-shadow:0 0 60px rgba(255,45,155,.5)}.countdown-num.c1{color:var(--gold);text-shadow:0 0 60px rgba(255,210,58,.5)}.countdown-num.go{color:#fff;font-style:italic;text-shadow:0 0 70px var(--brand);animation:cdGo .56s ease both}@keyframes cd{0%{opacity:0;transform:scale(2.4);filter:blur(8px)}30%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.7)}}@keyframes cdGo{0%{opacity:0;transform:scale(.3) rotate(-8deg)}40%{opacity:1;transform:scale(1.15) rotate(0)}to{opacity:0;transform:scale(1.4)}}.end{max-width:560px;margin:0 auto;width:100%;text-align:center}.trophy{font-size:64px;margin-bottom:8px;animation:pop .6s ease both;filter:drop-shadow(0 8px 30px rgba(255,210,58,.4))}.end__title{font-size:30px;font-weight:850;letter-spacing:-.6px;margin-bottom:4px}.end__winner b{color:var(--brand)}.podium{display:flex;flex-direction:column;gap:8px;margin:26px 0;text-align:left}.podium__row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}.podium__row.is-1{background:linear-gradient(135deg,#ffd23a2e,#ff2d9b0f);border-color:#ffd23a66}.podium__medal{font-size:22px;width:30px;text-align:center}.podium__name{flex:1;font-weight:750}.podium__pts{font-weight:850;color:var(--lime);font-variant-numeric:tabular-nums;font-size:18px}.toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 32px))}.toast{background:#121022eb;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:13px 16px;font-size:14.5px;font-weight:700;box-shadow:var(--shadow);animation:toastIn .25s ease both;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.toast.is-error{border-color:#ff4d6d8c;color:#ffd6de}.toast.is-success{border-color:#b6ff3a80;color:#e6ffbf}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.conn{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--muted)}.conn__dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.conn__dot.is-on{background:var(--lime);box-shadow:0 0 8px var(--lime)}@media (max-width: 880px){.game{grid-template-columns:1fr}.side{position:static;flex-direction:column}.feed{max-height:180px}}@media (max-width: 620px){.container{padding:18px 16px 48px}.topbar{gap:10px;margin-bottom:22px}.brand{gap:9px}.brand__mark{width:38px;height:38px;border-radius:11px;font-size:13px}.brand__name{font-size:15px}.topbar>.btn--ghost{padding:9px 13px;font-size:14px}.modes{grid-template-columns:1fr}.stage{padding:26px 14px}.code-chip__code{font-size:26px;letter-spacing:6px}.club-badge{width:min(var(--badge-size, 150px),30vw);height:auto;aspect-ratio:1}}.feed::-webkit-scrollbar,.ac__list::-webkit-scrollbar{width:6px}.feed::-webkit-scrollbar-thumb,.ac__list::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px}.timer__num,.setting__val,.round-pill,.score-row__pts,.score-row__rank,.podium__pts,.code-chip__code,.countdown-num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.app__bg:before{animation:none}}.way,.duel-play,.duel-end{--way-cell: 56px;--way-green: #19a564}.way__head{text-align:center;margin-bottom:18px}.way__title{font-size:clamp(26px,5vw,40px);font-weight:850;letter-spacing:-.5px}.way__title b{background:linear-gradient(90deg,var(--cyan),var(--brand));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.way__tag{color:var(--muted);max-width:540px;margin:8px auto 0;font-size:14px;line-height:1.5}.way-card{max-width:440px;margin:0 auto 18px;padding:20px 20px 16px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#eef0f6);box-shadow:var(--shadow),inset 0 1px #fffc;text-align:center}.way-photo-wrap{width:200px;height:200px;margin:0 auto;border-radius:16px;overflow:hidden;background:#d7dae6}.way-photo{width:100%;height:100%;object-fit:cover;display:block}.way-photo.is-blurred{filter:blur(15px);transform:scale(1.12)}.way-photo--placeholder{display:grid;place-items:center;font-size:70px;color:#9aa0b4}.way-card__counter{margin-top:14px;font-size:15px;font-weight:800;letter-spacing:1px;color:#5a6076}.way-card__counter b{color:#111}.way-banner{margin-top:14px;font-size:16px;font-weight:800;color:#111}.way-banner.is-win{color:#0e8a4f}.way-banner.is-lose{color:#c0392b}.way-form{max-width:440px;margin:0 auto}.way-controls{max-width:440px;margin:12px auto 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.way-controls--center{justify-content:center}.way-controls__hint{color:var(--muted);font-size:12.5px}.way-board{margin:26px auto 0;max-width:560px}.way-board__title{text-align:center;font-weight:800;color:var(--muted);font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.way-cells{display:flex;gap:16px;justify-content:center}.way-legend{margin-bottom:8px}.way-legend__label{width:var(--way-cell);text-align:center;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.5px}.way-guess{margin-bottom:12px;animation:fadeIn .3s ease both}.way-guess__name{text-align:center;font-weight:800;font-size:15px;margin-bottom:6px}.way-cell{position:relative;width:var(--way-cell);height:var(--way-cell);border-radius:14px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border-strong);flex:0 0 auto;overflow:hidden}.way-cell.is-match{background:var(--way-green);border-color:transparent;color:#fff;box-shadow:0 0 16px -4px var(--way-green)}.way-cell__content{display:grid;place-items:center}.way-chip{display:grid;place-items:center;overflow:hidden;background:#e9edf5;border:1px solid rgba(0,0,0,.18);box-shadow:0 1px 2px #00000059}.way-chip--flag{width:86%;aspect-ratio:3 / 2;border-radius:6px}.way-chip--logo{width:84%;height:84%;border-radius:11px;background:transparent;border:none;box-shadow:none;overflow:visible}.way-flag{width:100%;height:100%;object-fit:cover;display:block}.way-logo{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.95)) drop-shadow(0 0 4px rgba(255,255,255,.3))}.way-reveal{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 7px;font-size:13px;font-weight:600;color:var(--text)}.way-reveal__flag{width:22px;height:15px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #ffffff59}.way-reveal__logo{width:24px;height:24px;object-fit:contain}.way-reveal__dot{opacity:.45}.games{display:grid;gap:22px;align-items:start}@media (min-width: 760px){.games{grid-template-columns:1fr 1fr}}.game-group{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:18px}.game-group__head{display:flex;gap:12px;align-items:center;width:100%;margin-bottom:14px;padding:0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.game-group__chevron{margin-left:auto;flex:0 0 auto;font-size:15px;color:var(--muted);transition:transform .25s ease}.game-group__icon{font-size:30px;line-height:1}.game-group__title{font-size:19px;font-weight:800;letter-spacing:-.3px}.game-group__desc{font-size:13px;color:var(--muted);margin-top:2px}.game-group__modes{display:grid;gap:12px;overflow:hidden;max-height:640px;transition:max-height .32s ease,opacity .25s ease}.game-group.is-collapsed .game-group__modes{max-height:0;opacity:0;pointer-events:none}.game-group.is-collapsed .game-group__head{margin-bottom:0}.game-group.is-collapsed .game-group__chevron{transform:rotate(-90deg)}@media (min-width: 460px){.game-group__modes{grid-template-columns:1fr 1fr}}.game-group .mode-card{padding:18px}.game-group .mode-card__title{font-size:17px}.game-group .mode-card__desc{font-size:12.5px}.mode-card--duel{--glow: rgba(157, 92, 255, .3)}.duel-entry__title{text-align:center;font-size:24px;font-weight:800;margin-bottom:6px}.duel-entry__tag{text-align:center;color:var(--muted);font-size:14px;margin-bottom:18px}.player-chip--empty{color:var(--faint);font-style:italic}.duel-flip{text-align:center;padding:18px 0 8px}.duel-flip__title{font-size:26px;font-weight:800;letter-spacing:.5px}.duel-flip__tag{color:var(--muted);margin-top:4px}.coin-stage{perspective:900px;display:grid;place-items:center;height:200px;margin:10px 0}.coin{position:relative;width:130px;height:130px;transform-style:preserve-3d}.coin.is-heads{animation:coin-heads 2.7s cubic-bezier(.25,.6,.2,1) forwards}.coin.is-tails{animation:coin-tails 2.7s cubic-bezier(.25,.6,.2,1) forwards}.coin__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-weight:800;font-size:15px;color:#1a1330;text-align:center;padding:8px;box-shadow:inset 0 0 0 5px #ffffff80,inset 0 0 0 7px #0000001f,0 14px 30px -8px #000000b3}.coin__face--heads{background:radial-gradient(circle at 32% 28%,#ffe98a,#ffc23a 55%,#e0962b);transform:rotateY(0)}.coin__face--tails{background:radial-gradient(circle at 32% 28%,#d8d2ff,#9d5cff 55%,#6a2ed8);color:#fff;transform:rotateY(180deg)}.coin__pin{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:2px dashed rgba(0,0,0,.18)}.coin__name{position:relative;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-flip__result{font-size:18px;margin-top:6px;animation:fadeIn .4s ease both}@keyframes coin-heads{0%{transform:rotateY(0) rotateX(8deg)}to{transform:rotateY(1800deg) rotateX(0)}}@keyframes coin-tails{0%{transform:rotateY(0) rotateX(8deg)}to{transform:rotateY(1980deg) rotateX(0)}}.duel-play,.duel-end{max-width:560px;margin:0 auto}.duel-turn{margin-top:12px;text-align:center;font-weight:800;font-size:15px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.duel-turn.is-mine{background:#b6ff3a24;border-color:#b6ff3a80;color:var(--lime)}.duel-turn__left{font-size:12px;font-weight:700;color:var(--muted)}.duel-timer{margin:12px auto 0;max-width:300px}.duel-players{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 4px;font-weight:700}.duel-players__p{padding:5px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.duel-players__p.is-active{background:var(--brand-soft);border-color:var(--brand);color:var(--text);box-shadow:0 0 14px -4px var(--brand)}.duel-players__vs{color:var(--faint);font-size:13px}.duel-guess{margin-bottom:10px}.duel-guess__who{text-align:center;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.duel-guess__who.is-mine{color:var(--cyan)}.duel-result{text-align:center;margin-bottom:14px}.duel-result__icon{font-size:56px;line-height:1;filter:drop-shadow(0 6px 18px rgba(255,210,58,.45));animation:pop .5s cubic-bezier(.2,1.4,.4,1) both}.duel-result__text{font-size:26px;font-weight:850;margin-top:4px;background:linear-gradient(90deg,var(--gold),var(--brand));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.way-lgtext{display:flex;align-items:center;justify-content:center;text-align:center;width:96%;color:#fff;font-weight:800;font-size:9.5px;line-height:1.05;letter-spacing:-.2px;word-break:break-word;text-shadow:0 1px 2px rgba(0,0,0,.5)}.way-code{font-weight:800;font-size:16px}.way-code--sm{font-size:11px;letter-spacing:.2px}.way-age{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-size:16px}.way-age__arr{font-size:.82em;line-height:1}.way-cell__arrow{position:absolute;right:4px;bottom:3px;font-size:10px;line-height:1;opacity:.9}@media (max-width: 560px){.way,.duel-play,.duel-end{--way-cell: 46px}.way-lgtext{font-size:8px}.way-cells{gap:10px}.way-code,.way-age{font-size:14px}}.grid-screen{display:flex;flex-direction:column;gap:12px}.grid-topbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.grid-turn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;font-size:14px;font-weight:700;background:#ffffff0f;border:1px solid rgba(255,255,255,.14)}.grid-scores{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.grid-hud{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.grid-hud__item{font-size:14px;opacity:.85}.grid-board{display:flex;flex-direction:column;align-items:center;gap:10px}.grid-grid{--hdr: clamp(40px, 11vw, 52px);display:grid;grid-template-columns:var(--hdr) repeat(3,1fr);grid-template-rows:var(--hdr) repeat(3,1fr);gap:6px;max-width:430px;margin:0 auto;width:100%}.grid-head{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.grid-head .club-badge{width:var(--hdr);height:var(--hdr)}.grid-crit{display:inline-flex;align-items:center;justify-content:center;width:var(--hdr);height:var(--hdr);border-radius:12px;background:#ffffff0f}.grid-crit__flag{width:74%;aspect-ratio:40 / 28;object-fit:cover;border-radius:4px;box-shadow:0 1px 3px #0006}.grid-crit__logo{width:80%;height:80%;object-fit:contain}.grid-crit__txt{font-size:11px;text-align:center;padding:4px;line-height:1.1}.grid-cell{aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff08;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:transform .12s ease,background .2s ease,border-color .2s ease}.grid-cell:not(:disabled):hover{border-color:var(--accent, #d63aff);transform:translateY(-1px)}.grid-cell.is-selected{border-color:var(--accent, #d63aff);box-shadow:0 0 0 2px #d63aff59}.grid-cell.is-filled{cursor:default;font-size:12px;font-weight:700;text-align:center;background:color-mix(in srgb,var(--owner, #50dc8c) 22%,#11111a);border-color:var(--owner, #50dc8c);box-shadow:inset 0 0 0 1.5px var(--owner, #50dc8c),0 0 18px -5px var(--owner, #50dc8c);animation:grid-pop .25s ease}.grid-cell__name{line-height:1.15;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85)}@keyframes grid-pop{0%{transform:scale(.9);opacity:.4}to{transform:scale(1);opacity:1}}.grid-input{display:flex;gap:8px;align-items:center;width:100%;max-width:430px;margin:2px auto 0;padding:8px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.grid-input .ac{flex:1;min-width:0}.grid-input .ac__list{top:auto;bottom:calc(100% + 8px)}.grid-hint,.grid-done{text-align:center;opacity:.85}.grid-done{display:flex;flex-direction:column;gap:10px;align-items:center}@media (max-width: 560px){.grid-cell__name{font-size:11px}}