:root{--bg:#f5f5fa;--surface:#fff;--surface-2:#eeeef6;--border:#dcdce8;--text:#16161f;--muted:#5f5f73;--accent:#6d4aff;--accent-soft:#6d4aff1f;--danger:#dc2626;--radius:14px;--shadow:0 1px 2px #0000000d, 0 4px 16px #0000000a;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e0e14;--surface:#17171f;--surface-2:#20202b;--border:#2c2c3a;--text:#ececf4;--muted:#9a9ab0;--accent:#8f74ff;--accent-soft:#8f74ff26;--danger:#f87171;--shadow:0 1px 2px #00000040, 0 6px 20px #0003;color-scheme:dark}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}body{background:var(--bg);min-height:100vh;margin:0;padding-bottom:64px}a{color:inherit}h1,h2,h3{margin:0;line-height:1.2}input,select,textarea,button{font:inherit;color:inherit}.container{width:min(1200px,100% - 32px);margin-inline:auto}.muted{color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.state-loading,.state-error,.state-ready{display:none}[data-state=loading] .state-loading{text-align:center;padding:64px 0;display:block}[data-state=error] .state-error{max-width:520px;margin:48px auto;padding:24px;display:block}[data-state=ready] .state-ready{display:block}body:not([data-state=ready]) [data-logout],body:not([data-state=ready]) .platform-strip,body[data-state=locked] .site-header nav{display:none}.site-header{border-bottom:1px solid var(--border);background:var(--surface);margin-bottom:28px}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-block:12px;display:flex}.logo{align-items:center;gap:10px;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.site-header nav{flex-wrap:wrap;gap:2px;display:flex}.site-header nav a,.nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-weight:500;text-decoration:none}.site-header nav a:hover,.nav-btn:hover{color:var(--text);background:var(--surface-2)}.site-header nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.platform-strip{scrollbar-width:thin;gap:8px;padding-bottom:12px;display:flex;overflow-x:auto}.platform-strip:empty{display:none}.platform-strip a{text-decoration:none}.platform-strip a[aria-current]{outline:2px solid var(--c);outline-offset:1px}.btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.1)}.btn.danger{color:var(--danger)}.btn.danger:hover{border-color:var(--danger)}.btn.small{padding:4px 10px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:4px 8px;font-size:1.1rem}.icon-btn:hover{background:var(--surface-2);color:var(--text)}input:not([type=checkbox],[type=color]),select,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;width:100%;min-width:0;padding:8px 12px}input[type=color]{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;width:100%;height:42px;padding:4px}textarea{resize:vertical}:is(input,select,textarea,button,a):focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span,.field>legend{color:var(--muted);font-size:.8rem;font-weight:600}fieldset.field{border:0;margin:0;padding:0}.form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.form-grid .wide{grid-column:1/-1}.form-error{color:var(--danger);min-height:1px;margin:8px 0;font-size:.9rem}.form-error:empty{margin:0}.checks{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.check{border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;display:inline-flex}.check:has(input:checked){border-color:var(--c);background:color-mix(in srgb, var(--c) 18%, transparent)}.check input{accent-color:var(--c);margin:0}.actions{flex-wrap:wrap;gap:8px;display:flex}.inline-form{gap:8px;display:flex}.inline-form input{flex:none;width:90px}.badge{white-space:nowrap;background:color-mix(in srgb, var(--c) 18%, transparent);color:color-mix(in srgb, var(--c) 45%, var(--text));border:1px solid color-mix(in srgb, var(--c) 35%, transparent);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge .dot{background:var(--c);border-radius:50%;width:7px;height:7px}.badges{flex-wrap:wrap;gap:6px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-head h1{font-size:2rem}.stats{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=860px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats .breakdown{grid-column:1/-1}}.tile{flex-direction:column;justify-content:center;gap:2px;padding:14px 16px;display:flex}.tile .value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.tile .label{font-size:.8rem}.status-bar{background:var(--surface-2);border-radius:999px;gap:2px;height:10px;margin-bottom:10px;display:flex;overflow:hidden}.breakdown ul{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.breakdown li{align-items:center;gap:6px;display:flex}.breakdown .dot{border-radius:50%;width:8px;height:8px}.filters{flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:12px;display:flex}.filters input{flex:220px;width:auto}.filters select{flex:0 auto;width:auto}@media (width<=560px){.filters select{flex:40%}.site-header nav a,.nav-btn{padding:6px 8px;font-size:.9rem}.page-head h1{font-size:1.6rem}}.chips{flex-wrap:wrap;flex-basis:100%;gap:6px;display:flex}.chips button{--c:var(--accent);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:.85rem}.chips button:hover{border-color:var(--c)}.chips button[aria-pressed=true]{background:color-mix(in srgb, var(--c) 20%, transparent);border-color:var(--c);font-weight:600}.count{margin:0 0 12px;font-size:.85rem}.empty{text-align:center;padding:48px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}@media (width<=480px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.card{flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-3px)}.card-body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.card-body h3{font-size:1rem}.card .badges{margin-top:auto}.meta{flex-wrap:wrap;gap:4px 10px;font-size:.8rem;display:flex}.cover{aspect-ratio:3/4;background:radial-gradient(circle at 25% 20%, color-mix(in srgb, var(--c) 70%, white) 0, transparent 55%), linear-gradient(150deg, var(--c), color-mix(in srgb, var(--c) 40%, black));place-items:center;display:grid;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover span{letter-spacing:-.04em;color:#ffffffe6;text-shadow:0 2px 12px #00000040;font-size:3rem;font-weight:900}.back{margin-bottom:20px;font-size:.9rem;text-decoration:none;display:inline-block}.back:hover{color:var(--text)}.game{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width<=680px){.game{grid-template-columns:1fr}.game .art{max-width:200px}}.game .art{overflow:hidden}.info{flex-direction:column;gap:18px;display:flex}.info h1{font-size:2rem}.quick{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:16px;display:grid}.info dl{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin:0;padding:16px;display:grid}.info dl:empty{display:none}.info dt{font-size:.8rem}.info dd{margin:0;font-weight:600}.notes h2{margin-bottom:6px;font-size:1.1rem}.notes p{white-space:pre-line;margin:0}.notice{padding:24px}.platforms{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:28px;display:grid}.platform{flex-direction:column;gap:6px;padding:22px 18px 16px;display:flex;position:relative;overflow:hidden}.platform a{text-decoration:none}.platform a:hover h2{color:var(--c)}.platform h2{font-size:1.15rem}.platform p{margin:0 0 6px;font-size:.9rem}.platform .swatch{background:var(--c);height:5px;position:absolute;inset:0 0 auto}.platform-form,.settings-section{flex-direction:column;gap:14px;max-width:720px;margin-bottom:20px;padding:20px;display:flex}.platform-form h2,.settings-section h2{font-size:1.15rem}.settings-section p{margin:0}.settings-section .btn{align-self:flex-start}.modal{width:min(680px,100% - 24px);max-height:calc(100% - 24px);color:var(--text);padding:0}.modal::backdrop{backdrop-filter:blur(2px);background:#00000080}.game-form{padding:20px}.game-form header,.game-form footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.game-form header{margin-bottom:16px}.game-form footer{justify-content:flex-end;margin-top:16px}.gate:empty{display:none}.gate{background:var(--bg);z-index:10;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.gate-card{text-align:center;flex-direction:column;gap:14px;width:min(400px,100%);padding:28px;display:flex}.gate-card img{margin-inline:auto}.gate-card h1{font-size:1.4rem}.gate-card p{margin:0}.gate-card .field{text-align:left}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow);z-index:20;border-radius:10px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:600;transition:opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.error{background:var(--danger);color:#fff}.toast.out{opacity:0}