:root{--accent: #f2d200;--accent-ink: #1a1a1a;--bg: #f4f4f2;--surface: #ffffff;--surface-2: #eceae4;--ink: #16181d;--ink-dim: #5c6270;--ink-faint: #8b909c;--line: #d9d7d0;--ok: #1d7a4c;--warn: #b06a00;--bad: #b3261e;--radius: 14px;--radius-sm: 9px;--tap: 56px;--shell-max: 720px;--nav-height: 68px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0d1117;--surface: #161b23;--surface-2: #1f2630;--ink: #e9edf3;--ink-dim: #9aa4b2;--ink-faint: #6b7482;--line: #2a323d;--ok: #46c17f;--warn: #e0a33a;--bad: #f0776c}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain}button{font:inherit;color:inherit}.shell{max-width:var(--shell-max);margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px))}.screen{flex:1;padding:0 16px 24px}.screen-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:20px 0 4px}.screen-sub{margin:0 0 16px;color:var(--ink-dim);font-size:.87rem;line-height:1.5}.scorehead{position:sticky;top:0;z-index:20;background:var(--bg);padding:14px 16px 10px;border-bottom:1px solid var(--line)}.scorehead-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.scorehead-score{font-size:2rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.scorehead-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);font-weight:700}.scorehead-right{text-align:right}.scorehead-count{font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums}.progress{margin-top:10px;height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .24s ease}.modebanner{display:flex;align-items:center;gap:8px;margin-top:10px;padding:7px 11px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;background:var(--surface-2);color:var(--ink-dim)}.modebanner.trip{background:color-mix(in srgb,var(--accent) 22%,var(--surface));color:var(--ink)}.modebanner-dot{width:7px;height:7px;border-radius:99px;background:var(--ink-faint);flex:none}.modebanner.trip .modebanner-dot{background:var(--accent)}.plate-list{display:flex;flex-direction:column;gap:8px}.plate{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--tap);padding:10px 12px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:transform 90ms ease,border-color .14s ease,opacity .14s ease;-webkit-tap-highlight-color:transparent}.plate:active{transform:scale(.985)}.plate.claimed{opacity:.5;border-style:dashed;cursor:default}.plate.claimed:active{transform:none}.plate-swatch{flex:none;display:block;line-height:0}.plate-mini{display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.3))}.plate-body{flex:1;min-width:0}.plate-name{font-weight:650;font-size:.93rem;line-height:1.25}.plate-look{color:var(--ink-dim);font-size:.775rem;line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plate-right{flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.plate-points{font-weight:800;font-size:.95rem;font-variant-numeric:tabular-nums}.plate-tick{color:var(--ok);font-weight:800;font-size:.95rem}.rarity{font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;padding:2px 6px;border-radius:99px;background:var(--surface-2);color:var(--ink-faint);white-space:nowrap}.rarity.notable,.rarity.rare{background:color-mix(in srgb,var(--warn) 20%,var(--surface));color:var(--warn)}.rarity.epic,.rarity.legendary{background:color-mix(in srgb,var(--accent) 30%,var(--surface));color:var(--ink)}.rarity.mythic{background:var(--ink);color:var(--accent)}.filters{display:flex;gap:6px;overflow-x:auto;padding:10px 0 12px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.chip{flex:none;padding:8px 13px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-size:.8rem;font-weight:650;cursor:pointer;white-space:nowrap}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.search{width:100%;min-height:46px;padding:11px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px}.search::placeholder{color:var(--ink-faint)}.nav{position:fixed;bottom:0;left:0;right:0;z-index:30;height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:var(--surface);border-top:1px solid var(--line)}.nav-inner{max-width:var(--shell-max);margin:0 auto;width:100%;display:flex}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--ink-faint);font-size:.68rem;font-weight:700;letter-spacing:.02em}.nav a.active{color:var(--ink)}.nav-icon{font-size:1.2rem;line-height:1}.toast{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 12px);z-index:40;max-width:calc(var(--shell-max) - 24px);margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);background:var(--ink);color:var(--bg);box-shadow:0 10px 30px #00000047;animation:toast-in .16s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast-body{flex:1;min-width:0}.toast-title{font-weight:750;font-size:.9rem}.toast-sub{font-size:.78rem;opacity:.75;margin-top:1px}.toast-undo{flex:none;min-height:40px;padding:0 15px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.28);background:transparent;color:inherit;font-weight:750;font-size:.83rem;cursor:pointer}.toast.new-find{background:var(--accent);color:var(--accent-ink)}.toast.new-find .toast-undo{border-color:#0000004d}@media (prefers-reduced-motion: reduce){.toast{animation:none}.plate,.progress-fill{transition:none}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card h2{margin:0 0 6px;font-size:.95rem;font-weight:700}.card p{margin:0 0 12px;color:var(--ink-dim);font-size:.84rem;line-height:1.5}.card.attention{border-color:var(--accent);background:var(--surface-2)}.code-display{font-family:var(--mono);font-size:1.15rem;font-weight:700;letter-spacing:.04em;padding:14px;border-radius:var(--radius-sm);background:var(--surface-2);text-align:center;word-break:break-word;-webkit-user-select:all;user-select:all}.btn{width:100%;min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);font-weight:700;font-size:.92rem;cursor:pointer}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.danger{color:var(--bad)}.btn+.btn{margin-top:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.working{animation:btn-working 1.1s ease-in-out infinite}@keyframes btn-working{50%{opacity:.62}}@media (prefers-reduced-motion: reduce){.btn.working{animation:none;opacity:.62}}.status-line{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--ink-dim)}.status-dot{width:8px;height:8px;border-radius:99px;flex:none}.status-dot.synced{background:var(--ok)}.status-dot.pending,.status-dot.syncing{background:var(--warn)}.status-dot.offline,.status-dot.error{background:var(--bad)}.status-dot.local-only{background:var(--ink-faint)}.empty{text-align:center;padding:40px 20px;color:var(--ink-faint);font-size:.88rem}.field-error{color:var(--bad);font-size:.8rem;margin:8px 0 0}.field-ok{color:var(--ok);font-size:.8rem;margin:8px 0 0}.leaderboard{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.leaderboard li{display:grid;grid-template-columns:22px 1fr auto auto;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:.86rem}.leaderboard li.me{background:color-mix(in srgb,var(--accent) 26%,var(--surface));font-weight:650}.lb-rank{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink-faint);text-align:right}.leaderboard li.me .lb-rank{color:var(--ink)}.lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.lb-you{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;padding:1px 5px;border-radius:99px;background:var(--ink);color:var(--bg)}.lb-plates{font-variant-numeric:tabular-nums;color:var(--ink-faint);font-size:.78rem}.lb-plates:after{content:" plates"}.lb-score{font-variant-numeric:tabular-nums;font-weight:800;min-width:52px;text-align:right}