:root{--bg: #0e1116;--surface: #171b22;--surface-2: #1f242d;--line: #2a303a;--text: #eef2f7;--muted: #98a2b3;--accent: #3b82f6;--live: #ef4444;--win: #22c55e;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100dvh;max-width:520px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:-.02em}.modes{display:flex;gap:4px;background:var(--surface);padding:3px;border-radius:999px}.modes button{border:0;background:transparent;color:var(--muted);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600}.modes button[data-active=true]{background:var(--surface-2);color:var(--text)}.stage{flex:1;position:relative;padding:16px;overflow:hidden}.card{position:absolute;inset:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;box-shadow:0 18px 40px #00000059;touch-action:pan-y}.card[data-depth="1"]{transform:scale(.96) translateY(10px);opacity:.6;z-index:1}.card[data-depth="2"]{transform:scale(.92) translateY(20px);opacity:.3;z-index:0}.card[data-depth="0"]{z-index:2}.meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.badge{padding:2px 8px;border-radius:999px;background:var(--surface-2);font-weight:600}.badge.live{background:#ef444426;color:var(--live)}.teams{margin:auto 0 6px;font-size:22px;font-weight:700;line-height:1.25}.question{color:var(--muted);font-size:15px;margin:0 0 auto}.options{display:grid;gap:10px;margin-top:18px}.option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:15px;font-weight:600}.option:active{border-color:var(--accent)}.option .price{font-variant-numeric:tabular-nums;color:var(--accent)}.skip{margin-top:12px;background:none;border:0;color:var(--muted);font-size:14px;padding:8px}.coupon{border-top:1px solid var(--line);background:var(--surface);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.coupon-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.rooms{display:flex;gap:6px}.rooms button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.rooms button[data-active=true]{border-color:var(--accent);color:var(--text)}.coupon-legs{max-height:148px;overflow-y:auto;margin:10px 0;display:grid;gap:8px}.leg{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;min-height:26px;min-width:0}.leg .pick{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.leg button{background:none;border:0;color:var(--muted);padding:2px 4px}.coupon-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}.coupon-total b{font-size:20px;font-variant-numeric:tabular-nums}.bet{width:100%;margin-top:10px;padding:14px;border:0;border-radius:14px;background:var(--accent);color:#fff;font-size:16px;font-weight:700}.bet:disabled{background:var(--surface-2);color:var(--muted)}.center{padding:40px 24px;text-align:center;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0}.chip{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:14px;font-weight:600}.chip[data-on=true]{border-color:var(--accent);background:#3b82f626}.note{font-size:12px;color:var(--muted);margin-top:12px}.leg[data-state=suspended] .pick,.leg[data-state=expired] .pick{opacity:.55}.leg-note{color:var(--live);font-style:normal;font-size:12px}.leg-price{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:0 0 auto}.leg-price s,.leg-price .muted{color:var(--muted)}.confirm{border:1px solid transparent;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.confirm.up{background:#22c55e29;color:var(--win);border-color:#22c55e66}.confirm.down{background:#ef444429;color:var(--live);border-color:#ef444466}.mode{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:8px}.mode select{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:12px}.balance{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.requote{position:fixed;inset:auto 0 0;max-width:520px;margin:0 auto;background:var(--surface);border-top:1px solid var(--accent);padding:16px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -18px 40px #00000080}.requote p{margin:0 0 12px;font-size:15px}.requote-actions{display:flex;align-items:center;gap:12px}.requote-actions .bet{margin-top:0}.rg{display:flex;flex-direction:column;height:100dvh;max-width:520px;margin:0 auto}.rg .topbar{justify-content:space-between}.rg-body{flex:1;overflow-y:auto;padding:4px 16px calc(24px + env(safe-area-inset-bottom))}.rg-section{padding:16px 0;border-bottom:1px solid var(--line)}.rg-section h3{margin:0 0 4px;font-size:16px}.rg-section .chips{justify-content:flex-start;margin:12px 0 0}.rg-block{margin-top:16px;padding:14px 16px;border-radius:14px;background:#ef44441f;border:1px solid rgba(239,68,68,.4)}.rg-block h3{margin:0 0 6px;font-size:16px;color:var(--live)}.rg-block p{margin:0;font-size:14px}.rg-limit{padding:12px 0;border-top:1px solid var(--line)}.rg-limit:first-of-type{border-top:0}.rg-limit-head{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:600}.rg-limit-value{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:500}.rg-bar{height:6px;border-radius:999px;background:var(--surface-2);margin-top:8px;overflow:hidden}.rg-bar i{display:block;height:100%;background:var(--accent)}.rg-bar i[data-full=true]{background:var(--live)}.rg-limit-edit{display:flex;gap:8px;margin-top:8px}.rg-limit-edit input{flex:1;min-width:0;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}.rg-limit-edit .chip{padding:8px 14px}.rg-entry{padding:5px 12px;font-size:12px}.rg-error{color:var(--live);font-size:13px;margin-top:12px}.chip:disabled{opacity:.5}.bet-item{padding:14px 0;border-bottom:1px solid var(--line)}.bet-head{display:flex;justify-content:space-between;align-items:baseline}.bet-status{font-weight:700;font-size:15px}.bet-item[data-status=WON] .bet-status,.bet-item[data-status=WON] .bet-money{color:var(--win)}.bet-item[data-status=LOST] .bet-status{color:var(--muted)}.bet-money{font-variant-numeric:tabular-nums;font-weight:700}.bet-sub{color:var(--muted);font-size:12px;margin-top:2px}.bet-legs{margin-top:8px;display:grid;gap:4px}.bet-leg{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.bet-leg[data-result=WIN]{color:var(--text)}.bet-leg[data-result=LOSE] .pick{text-decoration:line-through}.lb-rooms{margin-top:14px;justify-content:flex-start}.lb-periods{margin-top:10px;width:fit-content}.lb{margin-top:14px;display:grid;gap:2px}.lb-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:baseline;padding:10px 12px;border-radius:10px;font-size:14px}.lb-row[data-me=true]{background:#3b82f624}.lb-rank{color:var(--muted);font-variant-numeric:tabular-nums}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.lb-stats{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.lb-units{font-weight:700;font-variant-numeric:tabular-nums;color:var(--live)}.lb-units[data-positive=true]{color:var(--win)}.lb-gap{text-align:center;color:var(--muted);padding:2px 0;letter-spacing:2px}.spin-sports{margin-top:10px;width:fit-content}.spin-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.spin-mode{display:grid;gap:2px;padding:10px 8px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left}.spin-mode span{font-size:11px;color:var(--muted)}.spin-mode[data-active=true]{border-color:var(--accent);background:#3b82f626}.spin-mode:disabled{opacity:.45}.spin-reels{margin-top:16px;display:grid;gap:8px}.spin-leg{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--surface);animation:spin-drop .26s ease-out both}.spin-leg-blank{color:var(--muted);font-weight:700;font-size:18px;animation:none}.spin-reels[data-spinning=true] .spin-leg-blank{filter:blur(.6px)}.spin-leg-main{display:grid;gap:2px;min-width:0}.spin-leg-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spin-leg-pick{font-size:14px}.spin-leg-price{font-weight:700;font-variant-numeric:tabular-nums}.spin-total{margin-top:14px;gap:8px;flex-wrap:wrap}.spin-actions{display:grid;gap:8px;margin-top:8px}.spin-go{font-size:20px;letter-spacing:.08em;padding:18px}.spin-again{width:100%}@keyframes spin-drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.badge.sport{background:#3b82f626;color:var(--text)}.league{margin-top:10px;font-size:13px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap}.league-country{color:var(--text);font-weight:600}.league-country:after{content:" ·";color:var(--muted);font-weight:400}
