:root{--bg:#0d1412;--bg-2:#121c19;--card:#17231f;--card-2:#1d2b27;--line:#27382f;--text:#e8f0ec;--muted:#8ea59a;--accent:#2fd27a;--accent-ink:#062614;--gold:#f4c24f;--red:#ff6b6b;--blue:#6bb7ff;--radius:14px;--shadow:0 6px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 500px at 50% -200px, #18352a 0%, var(--bg) 60%) fixed, var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 12px;line-height:1.2}h1{letter-spacing:-.01em;font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}.wrap{max-width:920px;margin:0 auto;padding:0 16px}main.wrap{padding-top:20px;padding-bottom:80px}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0d1412e0;position:sticky;top:0}.topbar .wrap{align-items:center;gap:12px;height:58px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand .mask{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:9px;place-items:center;font-size:.95rem;font-weight:900;display:grid}.brand span.b{color:var(--accent)}.balance-pill{background:var(--card);border:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--text);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:6px 12px;font-weight:700;display:flex}.balance-pill small{color:var(--muted);font-weight:500}.nav{scrollbar-width:none;border-bottom:1px solid var(--line);background:#0d141299;gap:4px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav .wrap{gap:4px;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:12px;font-size:.95rem;font-weight:600}.nav a:hover{color:var(--text);text-decoration:none}.nav a.active{color:var(--text);border-bottom-color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card,.stack>*+*{margin-top:14px}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:1}.grid-2{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:720px){.grid-2{grid-template-columns:1fr 1fr}}label{margin:12px 0 6px;font-size:.92rem;font-weight:600;display:block}label .opt{color:var(--muted);font-weight:500}input[type=text],input[type=password],input[type=email]{border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.btn{cursor:pointer;background:var(--accent);color:var(--accent-ink);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:1rem;font-weight:800;transition:transform 50ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.08);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.btn.block{width:100%}.btn.ghost{color:var(--text);border-color:var(--line);background:0 0}.btn.ghost:hover{background:var(--card-2)}.btn.danger{color:var(--red);background:0 0;border-color:#4a2a2a}.btn.sm{border-radius:8px;padding:7px 12px;font-size:.88rem}.alert{border-radius:10px;margin:12px 0;padding:12px 14px;font-size:.93rem}.alert.error{color:#ffc9c9;background:#3a1d1f;border:1px solid #5c2a2d}.alert.ok{color:#b9f5cf;background:#12331f;border:1px solid #1f5a37}.alert.info{color:#cfe6ff;background:#14263a;border:1px solid #22415f}.alert.warn{color:#ffe8a8;background:#3a3014;border:1px solid #5f4e1f}.alert ul{margin:6px 0 0;padding-left:20px}.hero{text-align:center;padding:28px 0 8px}.hero h1{margin-bottom:8px;font-size:2.1rem}.hero p{color:var(--muted);max-width:520px;margin:0 auto}.auth-card{max-width:440px;margin:22px auto 0}.tabs{background:var(--bg-2);border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:6px;padding:4px;display:grid}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px;font-size:.97rem;font-weight:700}.tabs button.on{background:var(--card-2);color:var(--text);box-shadow:inset 0 1px #ffffff0a}.feature-row{grid-template-columns:1fr;gap:10px;max-width:760px;margin:28px auto 0;display:grid}@media (min-width:640px){.feature-row{grid-template-columns:repeat(3,1fr)}}.feature{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}.feature b{margin-bottom:4px;display:block}.feature span{color:var(--muted);font-size:.9rem}.filters{scrollbar-width:none;gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);color:var(--muted);background:var(--card);border-radius:999px;padding:7px 12px;font-size:.88rem;font-weight:600}.chip:hover{color:var(--text);text-decoration:none}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.day-head{color:var(--muted);text-transform:none;margin:22px 0 8px;font-size:.95rem;font-weight:700}.day-head:first-child{margin-top:0}.match-list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.match-row{border-top:1px solid var(--line);color:var(--text);grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:12px 14px;display:grid}.match-row:first-child{border-top:0}.match-row:hover{background:var(--card-2);text-decoration:none}.match-row .time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.92rem;font-weight:700}.match-row .teams{min-width:0}.match-row .teams div{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.match-row .comp{color:var(--muted);font-size:.78rem}.match-row .quick{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.match-row .mybets{color:var(--gold);font-size:.78rem;font-weight:700}@media (min-width:640px){.match-row{grid-template-columns:60px 1fr 260px}.match-row .quick{grid-column:auto}}.q-odd{background:var(--bg-2);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:space-between;padding:6px 8px;font-size:.9rem;display:flex}.q-odd span{color:var(--muted)}.q-odd b{color:var(--text)}.score{font-variant-numeric:tabular-nums;background:var(--bg-2);border-radius:8px;padding:2px 8px;font-weight:800;display:inline-block}.match-head{text-align:center;padding:20px 16px}.match-head .vs{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:10px 0;display:grid}.match-head .team{font-size:1.15rem;font-weight:800}.match-head .mid{color:var(--muted);font-weight:700}.match-head .mid .score{color:var(--text);padding:4px 14px;font-size:1.6rem}.market{margin-top:14px}.market h3{justify-content:space-between;align-items:center;display:flex}.odds-grid{gap:8px;display:grid}.odds-grid.c2{grid-template-columns:repeat(2,1fr)}.odds-grid.c3{grid-template-columns:repeat(3,1fr)}.odds-grid.ou{grid-template-columns:1fr 1fr 1fr}.ou-line{color:var(--muted);place-items:center;font-size:.9rem;font-weight:700;display:grid}.odd-btn{border:1px solid var(--line);background:var(--bg-2);color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:54px;padding:10px 6px;font-size:.85rem;transition:border-color .12s,background .12s;display:flex}.odd-btn .lbl{color:var(--muted);text-align:center;font-weight:600;line-height:1.15}.odd-btn .pr{font-variant-numeric:tabular-nums;font-size:1.02rem;font-weight:800}.odd-btn:hover:not(:disabled){border-color:var(--accent)}.odd-btn.sel{background:var(--accent);border-color:var(--accent)}.odd-btn.sel .lbl,.odd-btn.sel .pr{color:var(--accent-ink)}.odd-btn.placed{border-color:var(--gold)}.odd-btn.placed .pr:after{content:" ✓";color:var(--gold)}.odd-btn.win{border-color:var(--accent);background:#12331f}.odd-btn:disabled{cursor:default;opacity:.75}.cs-wrap{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cs-col h4{color:var(--muted);text-align:center;margin:0 0 6px;font-size:.8rem;font-weight:700}.cs-col .odds-grid{grid-template-columns:1fr;gap:6px}.cs-col .odd-btn{flex-direction:row;justify-content:space-between;min-height:44px;padding:8px 10px}.slip{z-index:30;border-top:1px solid var(--accent);padding:14px 0 calc(14px + env(safe-area-inset-bottom));background:#0f1d18;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0006}.slip .wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.slip .info{flex:100%;min-width:0}.slip .btn{flex:1}@media (min-width:640px){.slip .info{flex:auto}.slip .btn{flex:none}}.slip .info b{display:block}.slip .win-line{color:var(--gold);font-size:.92rem;font-weight:700}table.board{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.board th,table.board td{text-align:left;border-top:1px solid var(--line);padding:10px 8px}table.board th{color:var(--muted);border-top:0;font-size:.8rem;font-weight:700}table.board td.num,table.board th.num{text-align:right}table.board tr.me td{background:#2fd27a14}.rank{width:34px;color:var(--muted);font-weight:800}.rank.top1{color:var(--gold)}.pos{color:var(--accent);font-weight:800}.neg{color:var(--red);font-weight:800}.zero{color:var(--muted);font-weight:800}@media (max-width:520px){.hide-sm{display:none}}.stat-row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:640px){.stat-row{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.stat .v{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.stat .k{color:var(--muted);font-size:.82rem;font-weight:600}.bet{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px;display:grid}.bet:first-child{border-top:0}.bet .what{font-weight:700}.bet .meta{color:var(--muted);font-size:.85rem}.bet .res{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.tag{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:800;display:inline-block}.tag.open{color:var(--blue);background:#14263a}.tag.won{color:var(--accent);background:#12331f}.tag.lost{color:var(--red);background:#3a1d1f}.tag.void{color:var(--muted);background:#2a2a2a}.code-box{letter-spacing:.2em;background:var(--bg-2);border:1px dashed var(--accent);color:var(--accent);border-radius:10px;padding:10px 16px;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:1.6rem;font-weight:800;display:inline-block}.empty{text-align:center;color:var(--muted);padding:30px 10px}.demo-banner{color:#ffe08a;text-align:center;background:repeating-linear-gradient(-45deg,#2d2610,#2d2610 10px,#332b12 10px 20px);padding:6px 12px;font-size:.82rem;font-weight:600}.bottom-nav{display:none}@media (max-width:719px){.top-nav{display:none}.bottom-nav{z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#0d1412f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{height:62px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.7rem;font-weight:700;display:flex}.bottom-nav a:hover{text-decoration:none}.bottom-nav svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.bottom-nav a.active{color:var(--accent)}.bottom-nav a.active svg{stroke-width:2.1px}body.logged-in main.wrap{padding-bottom:calc(96px + env(safe-area-inset-bottom))}body.logged-in .slip{bottom:calc(62px + env(safe-area-inset-bottom));padding-bottom:14px}.topbar .wrap{height:54px}h1{font-size:1.4rem}}.mobile-only{display:none}@media (max-width:719px){.mobile-only{display:block}}.phone-btn{z-index:40;background:var(--gold);color:#2b1f00;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:.95rem;font-weight:800;display:inline-flex;position:fixed;bottom:110px;right:18px;box-shadow:0 8px 24px #0006}.phone-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.phone-btn:hover{filter:brightness(1.05)}@media (max-width:719px){.phone-btn{display:none}}.phone-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040807d1;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0}.phone-toolbar{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:12px;align-items:center;gap:14px;padding:8px 8px 8px 14px;font-size:.9rem;display:flex}.phone-frame{background:#050807;border-radius:52px;padding:14px;box-shadow:0 0 0 2px #2a3a33,0 30px 80px #0009}.phone-frame iframe{background:var(--bg);border:0;border-radius:40px;display:block}.type-choice{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.type-opt{cursor:pointer;border:1px solid var(--line);background:var(--bg-2);border-radius:10px;flex-direction:column;gap:2px;margin:0;padding:12px;display:flex;position:relative}.type-opt input{opacity:0;pointer-events:none;position:absolute}.type-opt b{font-size:.95rem}.type-opt span{color:var(--muted);font-size:.8rem;font-weight:500}.type-opt.on{border-color:var(--accent);background:#2fd27a14}.type-opt.on b{color:var(--accent)}input.pin-input{letter-spacing:.35em;text-align:center;max-width:170px;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:1.3rem;font-weight:800}input.pin-input.sm{letter-spacing:.25em;width:92px;padding:7px 8px;font-size:1rem}.league-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:12px 0;display:grid}.league-row:first-child{border-top:0}.league-info{flex-direction:column;min-width:0;display:flex}.league-name{color:var(--text);font-weight:700}.league-join{align-items:center;gap:8px;display:flex}details.settings summary{cursor:pointer;font-weight:700}details.settings[open] summary{margin-bottom:4px}.pin-box{background:var(--bg-2);border:1px solid var(--accent);border-radius:10px;flex-direction:column;grid-column:1/-1;gap:8px;padding:12px;display:flex}html.in-phone-preview{scrollbar-width:none}html.in-phone-preview::-webkit-scrollbar{display:none}.filters-3,.filter-dots{display:none}@media (max-width:719px){.filters-all{display:none}.filters-3{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.filters-3 .chip{text-align:center;text-overflow:ellipsis;letter-spacing:-.01em;padding:8px 2px;font-size:.8rem;animation:.18s chip-in;overflow:hidden}.filter-dots{justify-content:center;gap:6px;margin-bottom:14px;display:flex}.filter-dots span{background:var(--line);border-radius:50%;width:6px;height:6px}.filter-dots span.on{background:var(--accent);border-radius:3px;width:16px}}@keyframes chip-in{0%{opacity:.4;transform:translate(6px)}to{opacity:1;transform:none}}