:root{--bg: #10140f;--panel: #181e18;--panel-2: #1f271f;--ink: #eef3eb;--muted: #95a394;--line: rgba(238, 243, 235, .1);--gold: #d4b06a;--gold-2: #a8873f;--ok: #6dbe8c;--bad: #d98a8a;--font-display: "Instrument Serif", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 16px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}html{color-scheme:dark}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(900px 420px at 8% -8%,rgba(212,176,106,.16),transparent 55%),radial-gradient(700px 380px at 100% 0%,rgba(109,190,140,.1),transparent 50%),var(--bg);scrollbar-width:thin;scrollbar-color:rgba(212,176,106,.35) rgba(255,255,255,.04)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}*::-webkit-scrollbar-thumb{background:#d4b06a59;border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#d4b06a8c}*::-webkit-scrollbar-corner{background:transparent}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.shell{max-width:1480px;margin:0 auto;padding:14px 18px 56px}.site-header{padding:12px 16px!important;margin-bottom:4px}.site-header-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.brand{font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,1.75rem);margin:0;letter-spacing:.01em;line-height:1.15}.tagline{color:var(--muted);margin:4px 0 0;line-height:1.4;max-width:48rem;font-size:.85rem}.nav,.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 10px}.nav a,.chip,button.primary,button.ghost{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.9rem;background:#ffffff08;transition:.15s ease}.nav a.router-link-active,.chip.active{border-color:#d4b06ab3;background:#d4b06a24;color:#f3e6c5}button.primary{border:none;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1b1508;font-weight:700;cursor:pointer}button.ghost{cursor:pointer;background:transparent}button:disabled{opacity:.45;cursor:not-allowed}.nav a:hover,.chip:hover,button.primary:hover,button.ghost:hover{transform:translateY(-1px)}.surface{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.game-hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;padding:12px 14px!important}.game-hero h2{font-family:var(--font-display);font-size:1.35rem;font-weight:400;margin:0;line-height:1.2}.game-hero .muted{margin:2px 0 0;font-size:.85rem}.panel{margin-top:8px}.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:12px}.panel-head h2{margin:0}.panel h2{font-family:var(--font-display);font-size:1.7rem;font-weight:400;margin:0 0 12px}.panel h3{margin:22px 0 10px;font-size:.95rem;color:var(--muted);font-weight:600}.muted{color:var(--muted)}.ok{color:var(--ok)}.err{color:var(--bad);margin:8px 0}.mono{font-variant-numeric:tabular-nums;letter-spacing:.03em}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}.grid,.grid-3{display:grid;gap:12px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric,.pos-card,.pool-card,.model-card{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:14px}.metric .label{color:var(--muted);font-size:.82rem}.metric .value{font-size:1.35rem;font-weight:700;margin-top:6px}.metric .value.accent{color:var(--gold)}.balls{display:flex;gap:8px;flex-wrap:wrap}.ball{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(145deg,#dec07a,#9d7834);color:#1b1508}.ball.sm{width:30px;height:30px;font-size:.85rem}.ball.outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}.pos-card h4,.pool-card h4{margin:0 0 8px;color:var(--muted);font-size:.9rem}.pos-card .primary-digit{font-family:var(--font-display);font-size:2rem;margin-bottom:8px}.model-card{display:flex;justify-content:space-between;gap:12px;align-items:center}.model-card.selected{border-color:#d4b06aa6}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-size:.8rem}.badge.red{color:var(--ok);border-color:#6dbe8c73}.badge.black{color:var(--bad);border-color:#d98a8a73}.badge.pending{color:var(--gold)}.bar-row{display:grid;grid-template-columns:28px 1fr 40px;gap:10px;align-items:center;margin:6px 0}.bar-track{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--ok))}.kv{display:flex;flex-wrap:wrap;gap:14px 18px;margin:8px 0 14px}.kv span{color:var(--muted)}.kv strong{margin-left:6px}.empty{color:var(--muted);padding:28px 0}.loading{color:var(--gold);font-size:.92rem}.field{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--ink);color-scheme:dark}.field option{background:#1a211a;color:var(--ink)}.field.grow{flex:1;min-width:200px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:rise .4s ease both}.ball.hit{background:linear-gradient(145deg,#7dcea0,#3f9a66);color:#0f1a12;border:none}.hint-line{font-size:.85rem;margin:-4px 0 12px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#00000026;scrollbar-width:thin;scrollbar-color:rgba(212,176,106,.4) rgba(255,255,255,.05);padding-bottom:2px}.table-wrap::-webkit-scrollbar{height:10px;width:10px}.table-wrap::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px;margin:0 8px}.table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#a8873f8c,#d4b06a8c);border-radius:999px;border:2px solid rgba(0,0,0,.2)}.table-wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#a8873fbf,#d4b06acc)}.period-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.82rem}.period-table th,.period-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}.period-table th{color:var(--muted);font-weight:600;background:#ffffff05;position:sticky;top:0}.period-table tr:hover td{background:#ffffff06}.num-group{display:inline-flex;gap:3px}.num-chip{color:#f0b4a8;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.hit-yes{color:#f07167;font-weight:700;margin-left:4px}.hit-no{color:var(--muted);margin-left:4px}.pos-pool-cell{min-width:150px;font-size:.78rem;line-height:1.5;white-space:normal}.pos-pool-line{display:flex;gap:6px;align-items:baseline;white-space:nowrap}.pos-pool-digits{color:var(--muted)}.sum-strategy-cell{font-size:.78rem;line-height:1.5;min-width:120px;white-space:normal}.game-footer{margin-top:28px;padding:18px 4px 8px;border-top:1px solid var(--line);text-align:center;font-size:.9rem}.game-footer a{color:var(--gold);border-bottom:1px solid rgba(212,176,106,.35)}.game-footer .disclaimer{margin:8px 0 0;font-size:.82rem}.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#0000001f}.pager.pager-top{margin-top:0;margin-bottom:12px}.streak-warn{color:#e8b86d}.streak-hot{color:#ff8f7a}.pager .ghost{padding:5px 12px;font-size:.85rem;background:#ffffff08}.pager .ghost:hover:not(:disabled){border-color:#d4b06a73;background:#d4b06a1a}.pager .mono{min-width:4.5rem;text-align:center;font-size:.9rem}.pager .field,.pager select.field{width:auto;min-width:118px;padding:5px 28px 5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);color-scheme:dark;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.pager .field option,.pager select.field option{background:#1a211a;color:var(--ink)}.login-panel{max-width:420px;margin:40px auto}.login-panel h2{font-family:var(--font-display);font-size:1.6rem;font-weight:400;margin:0 0 6px}.login-form{display:grid;gap:12px;margin-top:16px}.login-form label{display:grid;gap:6px;font-size:.9rem;color:var(--muted)}.login-form .field{width:100%}@media(max-width:640px){.shell{padding:18px 14px 56px}.ball{width:36px;height:36px}}