:root{--bg: #08080a;--bg-2: #0c0c10;--surface: #141419;--surface-2: #1b1b22;--surface-3: #23232c;--line: #24242d;--line-2: #33333f;--text: #f4f4f6;--text-2: #a8a8b4;--muted: #7a7a88;--dim: #55555f;--accent: #ff4a24;--accent-soft: #ff7a5c;--good: #34d399;--warn: #fbbf24;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 44px;--r-sm: 8px;--r: 12px;--r-lg: 18px;--r-xl: 26px;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 4px 16px -4px rgb(0 0 0 / .5);--shadow-3: 0 18px 48px -12px rgb(0 0 0 / .7);--ease: cubic-bezier(.32, .72, 0, 1);--fast: .16s var(--ease);--slow: .34s var(--ease);--nav-h: 58px;--page: 20px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);overscroll-behavior-y:none}body{background:radial-gradient(120% 60% at 50% -10%,#16161d 0%,transparent 60%),var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--s6))}main{padding:var(--s5) var(--page) 0}.stack{display:flex;flex-direction:column;gap:var(--s6)}.stack-sm{display:flex;flex-direction:column;gap:var(--s2)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s3);padding:max(env(safe-area-inset-top),12px) var(--page) 12px;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.topbar h1{font-size:17px;font-weight:620;letter-spacing:-.022em}.topbar .spacer{flex:1}.back{display:grid;place-items:center;width:30px;height:30px;margin-left:-6px;border-radius:999px;color:var(--text-2);transition:background var(--fast),color var(--fast)}.back:active{background:var(--surface-2);color:var(--text)}.iconbtn{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;color:var(--muted);transition:background var(--fast),color var(--fast)}.iconbtn:active{background:var(--surface-2);color:var(--text)}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line-2);font-size:12px;font-weight:650;color:var(--text-2)}.nav{position:fixed;inset:auto 0 0 0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:560;letter-spacing:.005em;color:var(--dim);transition:color var(--fast),transform var(--fast)}.nav a:active{transform:scale(.92)}.nav a[aria-current=page]{color:var(--text)}.nav a[aria-current=page] svg{color:var(--accent)}.nav svg{width:21px;height:21px;transition:color var(--fast)}.display{font-size:40px;font-weight:700;letter-spacing:-.042em;line-height:1}.h2{font-size:17px;font-weight:620;letter-spacing:-.022em}.eyebrow{font-size:11px;font-weight:620;letter-spacing:.075em;text-transform:uppercase;color:var(--dim)}.sub{font-size:13px;color:var(--muted);line-height:1.5}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono{font-family:var(--mono);font-size:.92em;letter-spacing:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s3)}.section-head a{font-size:12.5px;color:var(--muted);transition:color var(--fast)}.section-head a:active{color:var(--text)}.card{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 100%,#fff 1.5%),var(--surface));border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-1)}.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);border:1px solid var(--line-2);padding:var(--s6) var(--s5) var(--s5);background:radial-gradient(90% 130% at 100% 0%,color-mix(in srgb,var(--accent) 16%,transparent) 0%,transparent 62%),linear-gradient(170deg,#1c1c24,#111116);box-shadow:var(--shadow-3)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgb(255 255 255 / .055) 1px,transparent 0);background-size:14px 14px;mask-image:linear-gradient(150deg,#000 0%,transparent 65%);-webkit-mask-image:linear-gradient(150deg,#000 0%,transparent 65%)}.hero>*{position:relative}.hero .figure{display:flex;align-items:baseline;gap:var(--s2)}.hero .unit{font-size:15px;font-weight:540;color:var(--text-2);letter-spacing:-.01em}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid color-mix(in srgb,var(--line-2) 80%,transparent)}.hero-stats .k{font-size:18px;font-weight:640;letter-spacing:-.025em}.hero-stats .l{font-size:11px;color:var(--muted);margin-top:2px}.art{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:var(--r-sm);background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);box-shadow:var(--shadow-1)}.art img{width:100%;height:100%;object-fit:cover}.art .ph{display:grid;place-items:center;height:100%;padding:var(--s2);font-size:10px;line-height:1.3;text-align:center;color:var(--dim)}.art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,rgb(255 255 255 / .1) 0%,transparent 18%,transparent 92%,rgb(0 0 0 / .22) 100%)}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:92px;gap:var(--s3);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--page);margin-inline:calc(var(--page) * -1);padding:2px var(--page);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--s4) var(--s3)}.game{display:block;transition:transform var(--fast)}.game:active{transform:scale(.955)}.game.missing .art img{filter:grayscale(1) brightness(.42) contrast(.9)}.game.missing .art{border-color:color-mix(in srgb,var(--line) 60%,transparent)}.game .t{font-size:11.5px;line-height:1.32;margin-top:var(--s2);color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game.missing .t{color:var(--muted)}.game .t2{font-size:10px;color:var(--dim);margin-top:1px}.tick{position:absolute;top:6px;right:6px;z-index:1;width:19px;height:19px;border-radius:999px;display:grid;place-items:center;background:var(--good);box-shadow:0 2px 8px #0009}.tick svg{width:11px;height:11px}.systems{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}.system{position:relative;overflow:hidden;padding:var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);transition:transform var(--fast),border-color var(--fast)}.system:active{transform:scale(.975);border-color:var(--line-2)}.system:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.17;background:radial-gradient(75% 90% at 100% 0%,var(--tint) 0%,transparent 68%)}.system>*{position:relative}.system .badge{display:inline-grid;place-items:center;height:22px;padding:0 var(--s2);border-radius:6px;background:var(--tint);color:var(--ink, #fff);font-size:10px;font-weight:720;letter-spacing:.02em;box-shadow:0 1px 3px #0006}.system .n{font-size:13.5px;font-weight:570;margin-top:var(--s3);letter-spacing:-.012em}.system .c{display:flex;align-items:baseline;gap:4px;margin-top:var(--s1)}.system .c b{font-size:21px;font-weight:660;letter-spacing:-.03em}.system .c span{font-size:11.5px;color:var(--muted)}.system .val{position:absolute;top:var(--s4);right:var(--s4);font-size:12px;font-weight:600;color:var(--text-2)}.bar{height:3px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin-top:var(--s3)}.bar>i{display:block;height:100%;border-radius:999px;background:var(--tint);transition:width var(--slow)}.row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:transform var(--fast),background var(--fast)}.row:active{transform:scale(.985);background:var(--surface-2)}.row .rt{font-size:14px;font-weight:545;letter-spacing:-.012em}.row .rs{font-size:11.5px;color:var(--muted);margin-top:2px}.row .rv{font-size:13px;color:var(--text-2);text-align:right;font-weight:550}.dot{width:8px;height:8px;border-radius:999px;background:var(--tint);flex:none}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;background:var(--surface-2);border-radius:10px;padding:3px;border:1px solid var(--line)}.segmented button{padding:7px 4px;border-radius:7px;font-size:12.5px;font-weight:540;color:var(--muted);text-transform:capitalize;transition:background var(--fast),color var(--fast)}.segmented .cnt{font-variant-numeric:tabular-nums;opacity:.55;font-size:11px;margin-left:2px}.segmented button[data-on=true]{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-1)}.field{width:100%;padding:11px 14px;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:border-color var(--fast),background var(--fast)}.field::placeholder{color:var(--dim)}.field:focus{outline:none;border-color:var(--line-2);background:var(--surface-2)}.sortsel{width:auto;padding-right:30px;font-size:13px;color:var(--text-2);-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% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:12px 18px;border-radius:var(--r);font-size:14.5px;font-weight:590;background:var(--accent);color:#fff;letter-spacing:-.012em;box-shadow:0 2px 10px -2px color-mix(in srgb,var(--accent) 55%,transparent);transition:transform var(--fast),filter var(--fast)}.btn:active{transform:scale(.975);filter:brightness(.92)}.btn.ghost{background:var(--surface-2);border:1px solid var(--line-2);color:var(--text);box-shadow:none}.btn.wide{width:100%}.chip{display:inline-block;padding:3px 8px;border-radius:6px;font-size:10.5px;font-weight:620;letter-spacing:.015em;color:#fff}.chip.quiet{background:var(--surface-2);color:var(--text-2);border:1px solid var(--line)}.mini{font-size:11px;color:var(--muted);padding:5px 8px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);transition:color var(--fast),background var(--fast)}.mini:active{background:var(--surface-3);color:var(--text)}.empty{text-align:center;padding:56px var(--s5);color:var(--muted);font-size:13.5px;line-height:1.6}@media(hover:hover){.game:hover{transform:translateY(-2px)}.system:hover{border-color:var(--line-2)}.row:hover{background:var(--surface-2)}.nav a:hover{color:var(--text-2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}