:root{color-scheme:light dark;--bg: #f6f6f8;--surface: #ffffff;--surface-2: #eeeef2;--border: #dcdce4;--text: #16161c;--text-dim: #5f5f6e;--text-faint: #8b8b99;--accent: #2f5fd8;--accent-soft: #e6ecfc;--ball: #23232c;--ball-text: #ffffff;--ball-bonus: #b9531a;--warn: #8a5a00;--warn-bg: #fdf3dd;--ok: #1d6b3f;--danger: #a32020;--radius: 14px;--pad: 16px;--nav-h: 58px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: #0e0e12;--surface: #17171e;--surface-2: #1f1f28;--border: #2b2b36;--text: #ececf2;--text-dim: #a0a0b0;--text-faint: #70707f;--accent: #7ea2ff;--accent-soft: #1b2440;--ball: #ececf2;--ball-text: #0e0e12;--ball-bonus: #ffb27a;--warn: #e8c169;--warn-bg: #2a2213;--ok: #6fce97;--danger: #ff8a8a}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100dvh}.app{padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px) env(safe-area-inset-left);max-width:640px;margin:0 auto}.screen{padding:12px var(--pad) 24px}h1{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:8px 0 2px}h2{font-size:1rem;font-weight:650;margin:22px 0 8px;letter-spacing:-.01em}h3{font-size:.9rem;font-weight:650;margin:14px 0 6px}p{margin:8px 0}.lede{color:var(--text-dim);font-size:.88rem;margin:0 0 14px}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:.8rem}.tabular{font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px}.card.highlight{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.card-title{font-weight:700;font-size:1.02rem;letter-spacing:-.01em}.card-sub{color:var(--text-dim);font-size:.8rem}.balls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0}.ball{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 3px;border-radius:50%;background:var(--ball);color:var(--ball-text);font-weight:650;font-size:.98rem;font-variant-numeric:tabular-nums}.ball.bonus{background:transparent;color:var(--ball-bonus);border:2px solid var(--ball-bonus)}.ball.small{min-width:30px;height:30px;font-size:.82rem}.ball.hit{outline:2px solid var(--ok);outline-offset:2px}.ball-sep{color:var(--text-faint);padding:0 2px;font-size:.8rem}.metrics{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.78rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.metric b{color:var(--text);font-weight:600}button,.btn{font:inherit;font-weight:600;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:9px 14px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%;padding:14px;font-size:1rem}@media(prefers-color-scheme:dark){button.primary{color:#0e0e12}}button.ghost{background:transparent}button.danger{color:var(--danger)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.tight{gap:6px}.spacer{flex:1}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:3px;gap:3px}.segmented button{flex:1;border:none;background:transparent;padding:8px 6px;border-radius:8px;font-size:.85rem;color:var(--text-dim)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}label.field{display:block;font-size:.82rem;color:var(--text-dim);margin:14px 0 6px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=number],input[type=text]{font:inherit;width:100%;padding:9px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.notice{border-radius:10px;padding:10px 12px;font-size:.82rem;line-height:1.45;margin:10px 0;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim)}.notice.warn{background:var(--warn-bg);border-color:transparent;color:var(--warn)}.notice strong{color:inherit}.rtp-bar{display:flex;align-items:center;gap:8px;padding:9px 12px;margin:0;font-size:.76rem;line-height:1.4;color:var(--text-dim);background:var(--surface-2);border-bottom:1px solid var(--border)}.rtp-bar b{color:var(--text);font-variant-numeric:tabular-nums}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.nav button{flex:1;border:none;background:none;border-radius:0;height:var(--nav-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.66rem;font-weight:600;color:var(--text-faint);padding:0}.nav button[aria-current=page]{color:var(--accent)}.nav .glyph{width:21px;height:21px;display:block}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;font-size:.82rem;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:7px 8px;border-bottom:1px solid var(--border);white-space:nowrap}th:first-child,td:first-child{text-align:left}thead th{color:var(--text-dim);font-weight:600;font-size:.76rem}.hist{display:flex;align-items:flex-end;gap:1px;height:76px;margin:10px 0 4px}.hist span{flex:1;background:var(--accent);opacity:.55;border-radius:1px 1px 0 0;min-height:1px}.hist-axis{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.empty{text-align:center;color:var(--text-faint);padding:36px 16px;font-size:.88rem}.pill{display:inline-block;font-size:.7rem;font-weight:650;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.pill.muted{background:var(--surface-2);color:var(--text-dim)}.pill.ok{background:transparent;border:1px solid var(--ok);color:var(--ok)}hr{border:none;border-top:1px solid var(--border);margin:18px 0}a{color:var(--accent)}.footnote{color:var(--text-faint);font-size:.74rem;line-height:1.5;margin-top:18px}@media(prefers-reduced-motion:no-preference){.fade-in{animation:fade .18s ease-out}@keyframes fade{0%{opacity:0;transform:translateY(3px)}}}