@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(./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-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(./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-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(./inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(./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-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(./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-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(./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-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(./inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:u+00??,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:#0b0f14;--bg-elevated:#121821;--bg-card:#151c26;--bg-hover:#1b2330;--border:#222b36;--border-strong:#2e3a48;--text:#f5f7fa;--text-muted:#9aa7b5;--text-dim:#6e7c8d;--gold:#d4af37;--gold-strong:#e7c65a;--gold-soft:rgba(212,175,55,.12);--gold-softer:rgba(212,175,55,.07);--gold-solid:#d4af37;--on-gold:#14100a;--green:#22c55e;--green-soft:rgba(34,197,94,.13);--red:#ef4444;--red-soft:rgba(239,68,68,.13);--amber:#f59e0b;--amber-soft:rgba(245,158,11,.13);--blue:#3b82f6;--blue-soft:rgba(59,130,246,.13);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--nav-h:64px;--topbar-h:56px;--sidebar-w:240px;--shadow:0 10px 30px rgba(0,0,0,.4);--shadow-sm:0 2px 10px rgba(0,0,0,.25)}[data-theme=light]{--bg:#eef0f5;--bg-elevated:#fff;--bg-card:#fff;--bg-hover:#e6e9f0;--border:#d9dde6;--border-strong:#bcc3d1;--text:#12151d;--text-muted:#4a5465;--text-dim:#68717f;--gold:#8a6d0b;--gold-strong:#7a5f09;--gold-soft:rgba(138,109,11,.13);--gold-softer:rgba(138,109,11,.07);--gold-solid:#c89412;--on-gold:#1a1406;--green:#15803d;--green-soft:rgba(21,128,61,.12);--red:#dc2626;--red-soft:rgba(220,38,38,.1);--amber:#b45309;--amber-soft:rgba(180,83,9,.12);--blue:#1d4ed8;--blue-soft:rgba(29,78,216,.1);--shadow:0 10px 28px rgba(16,20,30,.12);--shadow-sm:0 2px 10px rgba(16,20,30,.08)}*{box-sizing:border-box}#__nuxt,body,html{height:100%;margin:0}html{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:Inter Variable,Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;background-attachment:fixed;background-image:radial-gradient(640px 320px at 85% -8%,rgba(212,175,55,.08),transparent 60%),radial-gradient(560px 300px at -10% -6%,rgba(59,130,246,.07),transparent 60%)}[data-theme=light] body{background-image:radial-gradient(640px 320px at 85% -8%,rgba(200,148,18,.1),transparent 60%),radial-gradient(560px 300px at -10% -6%,rgba(29,78,216,.06),transparent 60%)}a{color:inherit;text-decoration:none}::-moz-selection{background:color-mix(in srgb,var(--gold) 32%,transparent);color:var(--text)}::selection{background:color-mix(in srgb,var(--gold) 32%,transparent);color:var(--text)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bet-card,.bottomnav .nav-item,.btn,.chip,.event-card,.row.clickable,.seg .seg-item,.side-mini,.toast{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1,h2,h3,h4{font-weight:700;letter-spacing:-.01em;margin:0}h1{font-size:24px}h2{font-size:19px}h3{font-size:16px}p{margin:0}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.gold{color:var(--gold)}.green{color:var(--green)}.red{color:var(--red)}.amber{color:var(--amber)}.mono{font-variant-numeric:tabular-nums}.label{color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.03em}.shell{display:flex;flex-direction:column;min-height:100dvh}.shell-body{display:flex;flex:1;flex-direction:column;margin:0 auto;max-width:640px;padding:0 16px calc(var(--nav-h) + 28px + env(safe-area-inset-bottom,0px));width:100%}.topbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--border);gap:12px;height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0) 16px 0;position:sticky;top:0;z-index:30}.topbar,.topbar .topbar-inner{align-items:center;display:flex}.topbar .topbar-inner{gap:10px;margin:0 auto;max-width:640px;width:100%}.topbar-logo{display:block;height:26px;width:auto}.topbar-title{font-size:17px;font-weight:800;letter-spacing:-.01em}.topbar .spacer{flex:1}.bottomnav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg-elevated) 96%,transparent);border-top:1px solid var(--border-strong);bottom:0;box-shadow:0 -6px 20px #00000047;display:flex;gap:2px;left:0;padding:5px 10px calc(5px + env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:40}.bottomnav .nav-item{align-items:center;border-radius:16px;color:var(--text-dim);display:flex;flex:1;flex-direction:column;font-size:10px;font-weight:600;gap:2px;letter-spacing:.02em;line-height:1.2;padding:6px 4px;transition:color .15s}.bottomnav .nav-ico{border-radius:999px;display:grid;height:24px;place-items:center;transition:background .18s ease,color .18s ease,transform .12s ease;width:46px}.bottomnav .nav-item svg{height:19px;width:19px}.bottomnav .nav-item.active{color:var(--gold)}.bottomnav .nav-item.active .nav-ico{background:var(--gold-solid);box-shadow:0 3px 10px #d4af3759;color:var(--on-gold)}.bottomnav .nav-item:active .nav-ico{transform:scale(.9)}.bottomnav .nav-item{position:relative}.nav-badge,.nav-dot{background:var(--red);left:calc(50% + 6px);position:absolute;top:2px}.nav-badge{border-radius:999px;color:#fff;display:grid;font-size:9px;font-weight:800;height:16px;line-height:1;min-width:16px;padding:0 4px;place-items:center}.nav-badge,.nav-dot{box-shadow:0 0 0 2px var(--bg)}.nav-dot{animation:dot-blink 1.5s infinite;border-radius:50%;height:8px;width:8px}@keyframes dot-blink{50%{opacity:.35}}.side-brand,.side-foot{display:none}.card-grid{display:flex;flex-direction:column;gap:14px;padding-top:4px}@media(min-width:900px){.shell{flex-direction:row;padding-left:var(--sidebar-w)}.shell-body{max-width:1040px;padding:26px 32px 48px}.topbar{display:none}.bottomnav{align-items:stretch;background:var(--bg-elevated);border:none;border-radius:0;border-right:1px solid var(--border);bottom:0;box-shadow:none;flex-direction:column;gap:4px;height:100dvh;justify-content:flex-start;left:0;padding:18px 14px;top:0;transform:none;width:var(--sidebar-w)}.bottomnav .nav-item{align-items:center;border-radius:12px;flex:none;flex-direction:row;font-size:13.5px;gap:12px;justify-content:flex-start;padding:11px 14px}.bottomnav .nav-item svg{height:19px;width:19px}.bottomnav .nav-ico{flex:none;height:30px;width:30px}.side-brand{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;margin-bottom:6px;padding:6px 10px 20px}.side-brand .topbar-title{font-size:18px}.side-foot{align-items:center;border-top:1px solid var(--border);display:flex;gap:10px;margin-top:auto;padding:12px 10px 4px}.side-foot .side-avatar{background:var(--gold-soft);border-radius:50%;color:var(--gold);display:grid;flex:none;font-size:12px;font-weight:800;height:32px;place-items:center;width:32px}.side-foot .side-user{display:flex;flex-direction:column;line-height:1.25;min-width:0}.side-foot .side-nick{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-foot .side-phone{font-size:11px}.card-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.card-grid,.page-cols{align-items:start;display:grid}.page-cols{gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}@media(hover:hover){a.card{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}a.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}}.page-head{align-items:center;display:flex;gap:10px;padding:16px 0 12px}.page-head .titles{flex:1;min-width:0}.page-head h1{font-size:21px}.page-head .sub{color:var(--text-muted);font-size:13px;margin-top:1px}.back{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);cursor:pointer;display:grid;flex:none;height:38px;place-items:center;transition:color .15s,border-color .15s;width:38px}.back:hover{border-color:var(--gold);color:var(--gold)}.back svg{height:18px;width:18px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 4%,transparent);padding:16px}.card.hero-card{overflow:hidden;padding:0;position:relative}.card+.card{margin-top:14px}.inset{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:12px}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-height:46px;padding:12px 18px;transition:filter .15s,background .15s,border-color .15s,box-shadow .2s,transform .15s;white-space:nowrap;width:100%}.btn svg{height:17px;width:17px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:not(:disabled):active{transform:scale(.985)}.btn-primary{background:linear-gradient(135deg,#f2d365 0,var(--gold-solid) 55%,#c39a2a 100%);box-shadow:0 6px 18px #d4af3738,inset 0 1px #ffffff4d;color:var(--on-gold)}[data-theme=light] .btn-primary{color:#1a1406}.btn-primary:not(:disabled):hover{box-shadow:0 8px 24px #d4af374d;filter:brightness(1.07)}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text-muted)}.btn-ghost:not(:disabled):hover{background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 35%,transparent);color:var(--red)}.btn-danger:not(:disabled):hover{background:color-mix(in srgb,var(--red) 20%,transparent)}.btn-sm{font-size:12.5px;min-height:36px;padding:7px 14px;width:auto}.btn-block{width:100%}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chip{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:pointer;display:inline-flex;flex:none;font:inherit;font-size:12.5px;font-weight:600;gap:6px;padding:8px 15px;transition:background .15s,color .15s,border-color .15s}.chip .dot{background:var(--red);border-radius:50%;height:6px;width:6px}.chip.active{background:var(--gold-solid);border-color:var(--gold-solid);color:var(--on-gold)}.chip.active .dot{background:var(--on-gold)}.seg{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:3px;padding:3px}.seg .seg-item{align-items:center;background:transparent;border:none;border-radius:calc(var(--radius-md) - 5px);color:var(--text-muted);cursor:pointer;display:inline-flex;flex:1;font:inherit;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:10px;transition:background .15s,color .15s}.seg .seg-item svg{height:15px;width:15px}.seg .seg-item.active{background:var(--gold-solid);color:var(--on-gold)}.seg .seg-item .count{background:var(--gold-soft);border-radius:999px;color:var(--gold);font-size:10.5px;padding:1px 7px}.seg .seg-item.active .count{background:#0000002e;color:var(--on-gold)}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.03em;padding:3px 10px;white-space:nowrap}.badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.badge.green{background:var(--green-soft);color:var(--green)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.gold{background:var(--gold-soft);color:var(--gold)}.badge.muted{background:var(--bg-hover);color:var(--text-muted)}.pill-gold{align-items:center;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:999px;color:var(--gold);display:inline-flex;font-size:10.5px;font-weight:800;gap:4px;letter-spacing:.04em;padding:2px 9px;text-transform:uppercase}.pill-gold svg{height:11px;width:11px}.side-chip{background:#ffffff12;border:1px solid var(--border-strong);border-radius:7px;color:var(--text-muted);display:inline-grid;flex:none;font-size:13px;font-weight:800;height:26px;place-items:center;width:26px}.side-chip.a{background:#2563eb;border-color:transparent;box-shadow:inset 0 0 0 1.5px #ffffff59;color:#fff}.side-chip.b{background:#f8fafc;border-color:transparent;box-shadow:inset 0 0 0 1.5px #00000038;color:#0b1220}.side-chip.ghost{background:transparent;border-style:dashed;box-shadow:none;color:var(--text-dim)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field>label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.03em}.field .hint{color:var(--text-dim);font-size:12px}.field .error{color:var(--red);font-size:12px}.input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font:inherit;font-size:16px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);outline:none}.input::-moz-placeholder{color:var(--text-dim)}.input::placeholder{color:var(--text-dim)}.input-icon{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:10px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.input-icon:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.input-icon>svg{color:var(--text-dim);flex:none;height:17px;width:17px}.input-icon .input{background:transparent;border:none;padding-left:0}.input-icon .input:focus{box-shadow:none}.otp-cells{display:flex;gap:8px}.otp-cells .cell{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);display:grid;flex:1;font-size:22px;font-weight:700;height:56px;place-items:center;transition:border-color .15s,background .15s}.otp-cells .cell.filled{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.otp-cells .cell.active{background:var(--gold-softer);border-color:var(--gold)}.otp-cells.error .cell{border-color:color-mix(in srgb,var(--red) 40%,transparent)}.otp-hidden{background:transparent;border:none;caret-color:transparent;color:transparent;font-size:1px;inset:0;opacity:.01;position:absolute}.hero{aspect-ratio:1200/720}.bet-card,.hero{display:block;width:100%}.bet-card{cursor:pointer;overflow:hidden;position:relative;text-align:left}.bet-card.highlight{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}.matchup{align-items:stretch;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.matchup .party{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;padding:12px 10px;position:relative}.matchup .party:before{background:transparent;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.matchup .party[data-side=side_a]:before{background:#2563eb}.matchup .party[data-side=side_b]:before{background:#f8fafc}.matchup .party.right{align-items:flex-end;text-align:right}.matchup .party.right:before{left:auto;right:0}.matchup .mid{align-items:center;display:flex;flex:none;flex-direction:column;gap:6px;justify-content:center;padding:0 8px}.matchup .mid .vs{background:radial-gradient(circle at 50% 35%,#fcd34d,#b45309);border-radius:50%;box-shadow:0 0 0 3px var(--bg-elevated),0 0 0 4.5px color-mix(in srgb,var(--gold) 40%,transparent);color:#14100a;display:grid;font-size:11px;font-weight:900;height:34px;letter-spacing:.02em;place-items:center;width:34px}.matchup .mid .odds{color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums}.matchup .stake{color:var(--gold);font-size:17px;font-variant-numeric:tabular-nums;font-weight:800}.matchup .stake.pending{opacity:.45}.party-head{align-items:center;display:flex;gap:7px;min-width:0}.party-head .who{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.matchup .party.right .party-head .who{align-items:flex-end}.party-head .nick{display:-webkit-box;font-size:13.5px;font-weight:700;-webkit-line-clamp:2;line-clamp:2;line-height:1.25;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.party-head .nick.pending{color:var(--text-dim);font-weight:600}.party-sub{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-card{cursor:pointer;display:block;text-align:left;transition:transform .15s,border-color .15s;width:100%}.event-card:active{transform:scale(.99)}.event-card.live{animation:live-glow 2.2s ease-in-out infinite;border-color:color-mix(in srgb,var(--red) 45%,transparent)}.event-card .info{display:flex;flex-direction:column;gap:6px;padding:13px 14px}@keyframes live-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--red) 20%,transparent)}50%{box-shadow:0 0 26px 2px color-mix(in srgb,var(--red) 32%,transparent)}}@media(hover:hover){.event-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.event-card.live:hover{border-color:color-mix(in srgb,var(--red) 60%,transparent)}.bet-card:hover{border-color:var(--border-strong)}}.feed-section{margin-bottom:16px}.feed-head{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 74%,transparent);border-radius:10px;display:flex;gap:9px;margin:0 -8px;padding:10px 8px 8px;position:sticky;top:calc(var(--topbar-h) + env(safe-area-inset-top,0px));z-index:12}.feed-head .feed-title{color:var(--text-dim);font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.feed-head .feed-title.live{color:var(--red)}.feed-head .feed-count{color:var(--text-dim);font-size:11px;font-weight:600}.pulse-dot{animation:dot-pulse 1.6s ease-in-out infinite;background:var(--red);border-radius:50%;flex:none;height:7px;width:7px}@keyframes dot-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--red) 55%,transparent)}50%{box-shadow:0 0 0 5px transparent}}.chat-list{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:12px 2px}.chat-bubble{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);max-width:85%;padding:8px 12px}.chat-bubble.mine{align-self:flex-end;background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 30%,transparent)}.chat-bubble .author{color:var(--gold);font-size:11.5px;font-weight:700;margin-bottom:1px}.chat-bubble.mine .author{color:var(--gold-strong)}.chat-bubble .time{color:var(--text-dim);font-size:10.5px;margin-top:2px}.chat-input{align-items:center;bottom:0;display:flex;gap:8px;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));position:sticky}.chat-send{background:linear-gradient(135deg,#f2d365,var(--gold-solid) 55%,#c39a2a);border:none;border-radius:var(--radius-md);color:var(--on-gold);cursor:pointer;display:grid;flex:none;height:46px;place-items:center;transition:filter .15s,transform .15s;width:46px}.chat-send:disabled{cursor:not-allowed;opacity:.45}.chat-send:not(:disabled):active{transform:scale(.94)}.chat-send svg{height:19px;width:19px}.toasts{display:flex;flex-direction:column;gap:8px;top:calc(var(--topbar-h) + env(safe-area-inset-top,0px) + 10px);transform:translate(-50%);width:min(92vw,420px);z-index:90}.ptr,.toasts{left:50%;pointer-events:none;position:fixed}.ptr{top:calc(var(--topbar-h) + env(safe-area-inset-top,0px) + 14px);z-index:60}.ptr-bubble{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:50%;box-shadow:var(--shadow);color:var(--gold);display:grid;height:40px;place-items:center;width:40px}.ptr-bubble svg{transition:transform .18s ease}.fade-in{animation:fade-in .22s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}.ripple{animation:ripple .5s ease-out forwards;background:color-mix(in srgb,var(--text) 10%,transparent);border-radius:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(0)}@keyframes ripple{to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.toast{align-items:center;animation:toast-in .25s cubic-bezier(.2,.9,.3,1.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:11px 14px;pointer-events:auto}.toast .t-icon{display:grid;flex:none;place-items:center}.toast .t-icon svg{height:16px;width:16px}.toast.success .t-icon{color:var(--green)}.toast.error .t-icon{color:var(--red)}.toast.info .t-icon{color:var(--blue)}.toast.bet{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.toast.bet .t-icon{color:var(--gold)}.toast .t-body{flex:1;min-width:0}.toast .t-title{font-weight:700}.toast .t-sub{color:var(--text-muted);font-size:12px}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#040609b8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal{animation:modal-in .22s cubic-bezier(.2,.9,.3,1.15);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow);max-height:88dvh;max-width:420px;overflow-y:auto;overscroll-behavior:contain;padding:22px;width:100%}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.modal h3{font-size:17px}.modal .modal-sub{color:var(--text-muted);font-size:13px;margin-top:4px}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn{flex:1}@media(max-width:560px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.modal:before{background:var(--border-strong);border-radius:999px;content:"";display:block;height:4px;margin:0 auto 14px;width:38px}}.spinner{animation:spin .7s linear infinite;border:2.5px solid var(--border-strong);border-radius:50%;border-top-color:var(--gold);height:22px;width:22px}.loading-wrap{display:flex;justify-content:center;padding:56px 0}@keyframes spin{to{transform:rotate(1turn)}}.state{align-items:center;display:flex;flex-direction:column;gap:10px;padding:52px 24px;text-align:center}.state .state-icon{background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;color:var(--text-dim);display:grid;height:68px;place-items:center;width:68px}.state .state-icon svg{height:28px;width:28px}.state .state-title{color:var(--text-muted);font-size:16px;font-weight:700}.state .state-sub{color:var(--text-dim);font-size:13px;max-width:300px}.alert{align-items:center;border:1px solid;border-radius:var(--radius-sm);display:flex;font-size:13px;gap:10px;padding:11px 14px}.alert svg{flex:none;height:17px;width:17px}.alert.error{background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 35%,transparent);color:var(--red)}.alert.info{background:var(--blue-soft);border-color:color-mix(in srgb,var(--blue) 35%,transparent);color:var(--blue)}.alert.amber{background:var(--amber-soft);border-color:color-mix(in srgb,var(--amber) 35%,transparent);color:var(--amber)}.skel{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 45%,var(--bg-card) 65%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.auth-wrap{justify-content:center;min-height:100dvh;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px))}.auth-hero,.auth-wrap{align-items:center;display:flex;flex-direction:column}.auth-hero{gap:8px;margin-bottom:30px}.auth-hero img{height:58px;width:auto}.auth-hero .tagline{color:var(--text-muted);font-size:13px;letter-spacing:.08em}.auth-card{animation:step-in .3s ease;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;max-width:400px;padding:26px 22px;width:100%}@keyframes step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.auth-foot{color:var(--text-dim);font-size:12.5px;margin-top:26px;max-width:340px;text-align:center}.step-dots{align-items:center;display:flex;gap:6px}.step-dots .d{background:var(--border);border-radius:2px;height:4px;transition:all .2s;width:7px}.step-dots .d.on{background:var(--gold);width:18px}.step-dots .d.done{background:color-mix(in srgb,var(--gold) 45%,transparent)}.host-row{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:flex;font:inherit;gap:12px;padding:12px;text-align:left;transition:border-color .15s,background .15s;width:100%}.host-row:hover{background:var(--gold-softer);border-color:var(--gold)}.host-row .h-avatar{background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);border-radius:50%;color:var(--gold);display:grid;flex:none;height:38px;place-items:center;width:38px}.host-row .h-avatar svg{height:17px;width:17px}.host-row .h-name{font-size:14px;font-weight:700}.host-row .h-code{color:var(--text-dim);font-size:12px}.host-row .h-arrow{color:var(--text-dim);margin-left:auto}.host-row .h-arrow svg{height:17px;width:17px}.rows{flex-direction:column;gap:6px}.row,.rows{display:flex}.row{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;gap:12px;justify-content:space-between;padding:13px 14px}.row.clickable{cursor:pointer;transition:border-color .15s,background .15s}.row.clickable:hover{background:var(--bg-hover);border-color:var(--border-strong)}.row .row-label{color:var(--text-muted)}.row .row-value{font-weight:600}.row.danger,.row.danger .row-label{color:var(--red)}.avatar{background:linear-gradient(135deg,#f2d365,var(--gold-solid) 60%,#a8842a);border-radius:50%;box-shadow:0 8px 22px #d4af3740;color:var(--on-gold);display:grid;font-size:30px;font-weight:800;height:76px;place-items:center;width:76px}.result-banner{align-items:center;border:1.5px solid;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;padding:20px;text-align:center}.result-banner svg{height:32px;width:32px}.result-banner .big{font-size:20px;font-weight:800;letter-spacing:.06em}.result-banner.won{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 40%,transparent);color:var(--green)}.result-banner.lost{background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 40%,transparent);color:var(--red)}.result-banner.draw{background:var(--amber-soft);border-color:color-mix(in srgb,var(--amber) 40%,transparent);color:var(--amber)}.winner-strip{align-items:center;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:var(--radius-sm);color:var(--gold);display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;letter-spacing:.04em;padding:11px}.winner-strip svg{height:17px;width:17px}.live-strip{align-items:center;background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 40%,transparent);border-radius:var(--radius-sm);color:var(--red);display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;letter-spacing:.04em;padding:11px}.live-strip svg{height:17px;width:17px}.offline{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow);color:var(--amber);display:flex;font-size:12px;font-weight:600;gap:8px;left:50%;padding:7px 14px;position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);transform:translate(-50%);z-index:95}.offline svg{height:14px;width:14px}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.rise{animation:rise .3s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-enter-active{transition:opacity .16s ease,transform .16s ease}.page-leave-active{transition:opacity .1s ease}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){.auth-card,.event-card.live,.modal,.pulse-dot,.rise,.toast{animation:none}.page-enter-active,.page-leave-active{transition:none}}