:root{--bg: #0e1116;--bg2: #151a22;--card: #171d27;--line: #232b38;--text: #e8edf4;--muted: #8b96a8;--gold: #ffc757;--purple: #b78bfa;--blue: #6aa6ff;--green: #4ade80;--red: #f87171;--orange: #fb923c}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -200px,#1a2230 0%,var(--bg) 60%);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;min-height:100vh}.app{max-width:860px;margin:0 auto;padding:14px 14px 60px}.muted{color:var(--muted);font-size:13px}.center{text-align:center;padding:24px 0}h2{margin:30px 0 12px;font-size:20px}h3{margin:20px 0 10px;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.logo{font-size:22px;font-weight:800;letter-spacing:.02em}.logo span{color:var(--gold)}.logo.big{font-size:34px;text-align:center;margin-bottom:4px}.header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0 4px}.game-tabs{display:flex;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:3px;gap:3px;flex:1;min-width:220px}.game-tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:9px;font-size:14px;cursor:pointer;white-space:nowrap}.game-tabs button.on{background:var(--card);color:var(--gold);font-weight:600;box-shadow:0 0 0 1px var(--line)}.header-right{display:flex;gap:8px;align-items:center}select{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:14px;max-width:170px}.sync{margin:10px 0 4px;width:100%;border:0;background:linear-gradient(135deg,#2b3a55,#23304a);color:var(--text);border:1px solid #33445f;padding:11px;border-radius:12px;font-size:15px;cursor:pointer}.sync:hover:not(:disabled){filter:brightness(1.15)}.sync:disabled{opacity:.6;cursor:wait}button{font-family:inherit}button.ghost{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:14px}button.ghost:hover{color:var(--text);border-color:var(--muted)}button.danger-ghost:hover{color:var(--red);border-color:var(--red)}.center-btn{display:block;margin:10px auto 0}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.banner-card{margin-bottom:12px}.bc-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.bc-title{font-size:17px;font-weight:700}.bc-sub{color:var(--muted);font-size:13px;margin-top:2px}.bc-days{background:#ffc7571f;color:var(--gold);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}.chip{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);white-space:nowrap}.chip.f5{color:var(--gold);border-color:#ffc75766;background:#ffc75714;font-weight:700}.chip.f4{color:var(--purple);border-color:#b78bfa66;background:#b78bfa14;font-weight:700}.chip.std{color:var(--muted)}.pity{margin-top:4px}.pity-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px}.pity-head b{color:var(--gold);font-size:16px}.bar{height:10px;border-radius:999px;background:var(--bg2);overflow:hidden;border:1px solid var(--line)}.bar>div{height:100%;border-radius:999px;transition:width .3s ease}.bar.ok>div{background:linear-gradient(90deg,#3b82f6,#6aa6ff)}.bar.warn>div{background:linear-gradient(90deg,#d97706,#fb923c)}.bar.danger>div{background:linear-gradient(90deg,#dc2626,#f87171)}.badge{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--line)}.badge.win{color:var(--green);border-color:#4ade8066;background:#4ade8014}.badge.lost{color:var(--red);border-color:#f8717166;background:#f8717114}.guaranteed{margin-top:6px;color:var(--red);font-size:13px;font-weight:700}.last5{margin-top:10px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.last5 b{color:var(--text)}.upcoming{display:flex;flex-direction:column;gap:8px}.up-item{display:flex;gap:10px;align-items:baseline;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px;flex-wrap:wrap}.up-cat{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);font-weight:700;min-width:130px}.up-name{flex:1}.up-date{color:var(--muted);font-size:12px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.history{display:flex;flex-direction:column;gap:4px}.hrow{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-size:14px}.hrow.r5{border-color:#ffc75759;background:linear-gradient(90deg,rgba(255,199,87,.07),var(--card) 40%)}.stars{min-width:52px;letter-spacing:1px;font-size:13px}.s5{color:var(--gold)}.s4{color:var(--purple)}.s3{color:var(--muted)}.hname{flex:1;font-weight:600}.hdate{color:var(--muted);font-size:12px;text-align:right}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 10px;text-align:center}.stat-v{font-size:24px;font-weight:800}.stat-v.gold{color:var(--gold)}.stat-v.purple{color:var(--purple)}.stat-k{color:var(--muted);font-size:12px;margin-top:4px}.table{width:100%;border-collapse:collapse;font-size:13px;background:var(--card);border-radius:12px;overflow:hidden;border:1px solid var(--line)}.table th,.table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.table tr:last-child td{border-bottom:0}.login-app{padding-top:40px}.login-sub{text-align:center;color:var(--muted);font-size:14px;margin:0 0 24px}.login-section{margin-bottom:18px}.login-section h3{margin:0 0 8px}.profile-row{display:flex;gap:8px;margin-bottom:8px}.profile-btn{flex:1;text-align:left;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15px;cursor:pointer}.profile-btn:hover{border-color:var(--gold)}.login-card{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:12px;align-items:stretch}.login-card h3{margin:0}.tabs{display:flex;gap:4px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:3px}.tab{flex:1;border:0;background:transparent;color:var(--muted);padding:9px 10px;border-radius:9px;font-size:14px;cursor:pointer;font-family:inherit}.tab.active{background:var(--card);color:var(--gold);font-weight:600;box-shadow:0 0 0 1px var(--line)}textarea.input{resize:vertical;min-height:64px;line-height:1.4}.adv{margin-top:6px;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;background:var(--bg2);font-size:13px}.adv summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;font-weight:600}.adv .input{margin:10px 0 8px}.adv .hint{text-align:left}.input{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 12px;font-size:14px;font-family:inherit}.input:focus{outline:none;border-color:var(--blue)}.primary{border:0;background:linear-gradient(135deg,var(--gold),#e8a93c);color:#14100a;font-weight:700;padding:12px;border-radius:12px;font-size:15px;cursor:pointer}.primary:hover{filter:brightness(1.08)}.qr{width:220px;height:220px;margin:4px auto;display:block;background:#fff;border-radius:12px;padding:8px}.scan{color:var(--green);text-align:center;font-weight:600}.hint{color:var(--muted);font-size:12px;margin:4px 0 0;text-align:center}.error{background:#f871711a;border:1px solid rgba(248,113,113,.4);color:var(--red);border-radius:12px;padding:10px 14px;font-size:14px;margin:10px 0}.synced{margin-bottom:8px}@media (max-width: 560px){.stat-grid{grid-template-columns:repeat(2,1fr)}.hdate{display:none}.up-cat{min-width:100px}.header-right{width:100%;justify-content:space-between}}