:root{--r-sm: 4px;--r-md: 10px;--r-lg: 18px;--radius: 10px;--radius-sm: 6px;--gap: 12px;--header-h: 56px;--topbar-h: 52px}[data-skin=calm]{--serif: "Bricolage Grotesque", "Hanken Grotesk", sans-serif;--sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--surface: #1d1825;--surface-2: #272030;--line: #2d2738;--line-soft: #241f2e;--ink: #f3eff8;--ink-dim: #b3aac0;--ink-mute: #756d84;--brass: #7d5bff;--brass-hot: #9a7dff;--brass-deep: #5a3fcc;--rust: #e0934a;--moss: #46b27a;--dusk: #6c8cff;--crimson: #e0614a;--on-brass: #ffffff;--bg: #141019;--bg-elev: var(--surface);--bg-elev-2: var(--surface-2);--border: var(--line);--text: var(--ink);--text-dim: var(--ink-dim);--text-faint: var(--ink-mute);--accent: var(--brass);--accent-dim: var(--brass-deep);--danger: var(--crimson);--cat-games: #7d5bff;--cat-books: #e8993f;--cat-tv: #2bb3aa;--cat-anime: #ec5c9d;--st-progress: #6c8cff;--st-done: #46b27a;--st-warn: #e0934a;--st-idle: #756d84;--star: #f5b53d;--pop-yellow: #ffd60a;--pop-blue: #2f6bff;color-scheme:dark}[data-skin=magazine]{--serif: "Anton", "Archivo", sans-serif;--sans: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "Archivo", ui-monospace, "SF Mono", Menlo, monospace;--surface: #15151b;--surface-2: #1d1d25;--line: rgba(255, 255, 255, .14);--line-soft: rgba(255, 255, 255, .08);--ink: #f5f5f7;--ink-dim: #9a9aa2;--ink-mute: #6a6a70;--brass: #b6f23d;--brass-hot: #c8ff5e;--brass-deep: #8fbf2f;--rust: #ff7a1a;--moss: #46b27a;--dusk: #6c8cff;--crimson: #ff5a4a;--on-brass: #0b0b0f;--bg: #0b0b0f;--bg-elev: var(--surface);--bg-elev-2: var(--surface-2);--border: var(--line);--text: var(--ink);--text-dim: var(--ink-dim);--text-faint: var(--ink-mute);--accent: var(--brass);--accent-dim: var(--brass-deep);--danger: var(--crimson);--cat-games: #8b3dff;--cat-books: #ff7a1a;--cat-tv: #19d3e8;--cat-anime: #ff3d8b;--st-progress: #6c8cff;--st-done: #46b27a;--st-warn: #ff7a1a;--st-idle: #6a6a70;--star: #ffd60a;--pop-yellow: #ffd60a;--pop-blue: #2f6bff;color-scheme:dark}:root:not([data-skin]){--serif: "Bricolage Grotesque", "Hanken Grotesk", sans-serif;--sans: "Hanken Grotesk", -apple-system, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--surface: #1d1825;--surface-2: #272030;--line: #2d2738;--line-soft: #241f2e;--ink: #f3eff8;--ink-dim: #b3aac0;--ink-mute: #756d84;--brass: #7d5bff;--brass-hot: #9a7dff;--brass-deep: #5a3fcc;--rust: #e0934a;--moss: #46b27a;--dusk: #6c8cff;--crimson: #e0614a;--on-brass: #ffffff;--bg: #141019;--bg-elev: var(--surface);--bg-elev-2: var(--surface-2);--border: var(--line);--text: var(--ink);--text-dim: var(--ink-dim);--text-faint: var(--ink-mute);--accent: var(--brass);--accent-dim: var(--brass-deep);--danger: var(--crimson);--star: #f5b53d;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-feature-settings:"ss01","ss02";font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:var(--bg);background-attachment:fixed}[data-skin=magazine] body{background:radial-gradient(circle at 12% 2%,rgba(139,61,255,.3),transparent 42%),radial-gradient(circle at 92% 14%,rgba(255,61,139,.24),transparent 40%),radial-gradient(circle at 60% 80%,rgba(25,211,232,.16),transparent 45%),var(--bg);background-attachment:fixed}#app{position:relative;z-index:1;max-width:720px;margin:0 auto;min-height:100vh}.view{padding-top:var(--topbar-h);padding-bottom:env(safe-area-inset-bottom,16px)}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;max-width:720px;margin:0 auto;height:var(--topbar-h);display:grid;grid-template-columns:44px 1fr 44px 44px;align-items:center;padding:0 10px;background:var(--surface);border-bottom:1px solid var(--line)}.topbar__title{font-family:var(--serif);font-weight:500;font-size:1.15rem;font-variation-settings:"opsz" 30,"SOFT" 40;text-align:center;letter-spacing:.005em;color:var(--ink);background:transparent;border:0;padding:0;cursor:pointer}.topbar__title em{font-style:italic;font-weight:400;color:var(--brass)}.topbar__btn{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:var(--ink-mute);cursor:pointer;border-radius:var(--radius-sm);transition:color .15s ease}.topbar__btn:active{background:var(--surface-2)}.topbar__btn--active{color:var(--brass)}.topbar__icon{width:22px;height:22px}.topbar__btn--bell{position:relative}.topbar__badge{position:absolute;top:5px;right:4px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;background:#ff3d6b;color:#0b0b0f;font-family:var(--sans, sans-serif);font-weight:800;font-size:9px;line-height:1;border-radius:999px;box-shadow:0 1px 4px #00000073;pointer-events:none}.notif-panel{position:fixed;top:calc(var(--topbar-h) + 6px);right:8px;z-index:40;width:min(360px,calc(100vw - 16px));max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px #00000080;padding:8px}.notif-panel__head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px}.notif-panel__title{font-weight:700;font-size:.95rem;color:var(--ink)}.notif-clear{background:transparent;border:0;color:var(--ink-mute);font-size:.78rem;cursor:pointer;padding:2px 4px}.notif-clear:active{color:var(--ink)}.notif-list{display:flex;flex-direction:column;gap:2px}.notif-item{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;cursor:pointer}.notif-item:active{background:var(--surface-2)}.notif-item--read{opacity:.55}.notif-item__cover{width:38px;height:54px;object-fit:cover;border-radius:6px;flex:none;background:var(--surface-2)}.notif-item__body-wrap{flex:1;min-width:0}.notif-item__title{font-size:.9rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item__body{font-size:.78rem;color:var(--ink-mute);margin-top:1px}.notif-item__time{font-size:.72rem;color:var(--ink-mute);margin-top:2px}.notif-empty{padding:18px 10px;text-align:center;color:var(--ink-mute);font-size:.85rem}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;background:#08060499}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:200;width:min(82vw,300px);display:flex;flex-direction:column;gap:2px;padding:max(env(safe-area-inset-top,0px),14px) 12px env(safe-area-inset-bottom,14px);background:var(--surface);border-right:1px solid var(--line);box-shadow:6px 0 28px #00000073;overflow-y:auto;transform:translate(-100%);transition:transform .22s ease}.drawer--open{transform:translate(0)}.drawer__title{font-family:var(--serif);font-size:1.35rem;font-weight:500;font-variation-settings:"opsz" 40,"SOFT" 40;color:var(--ink);padding:6px 10px 14px}.drawer__title em{font-style:italic;font-weight:400;color:var(--brass)}.drawer__section-label{font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-deep);padding:16px 10px 6px}.drawer__item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:transparent;border:0;border-radius:var(--radius-sm);padding:12px 10px;font-size:1rem;color:var(--ink);text-align:left;cursor:pointer}.drawer__item:active{background:var(--surface-2)}.drawer__item--active{background:var(--surface-2);color:var(--brass)}.drawer__item--disabled{color:var(--ink-mute);cursor:default}.drawer__soon{font-family:var(--mono);font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);border:1px solid var(--line);border-radius:999px;padding:2px 7px}.app-header{display:flex;align-items:center;gap:8px;height:var(--header-h);padding:0 12px;background:var(--bg);position:sticky;top:var(--topbar-h);z-index:10;border-bottom:1px solid var(--border)}.app-header h1{flex:1;margin:0;font-family:var(--serif);font-size:1.25rem;font-weight:500;font-variation-settings:"opsz" 30,"SOFT" 40;letter-spacing:.005em;text-align:center}.app-header__back,.app-header__action{background:transparent;border:0;color:var(--text);font-size:1.4rem;min-width:44px;height:44px;cursor:pointer;border-radius:var(--radius-sm)}.app-header__action{font-size:.95rem;font-weight:600;color:var(--accent)}.app-header__icon{background:transparent;border:0;color:var(--text);font-size:1.1rem;min-width:40px;height:44px;cursor:pointer;border-radius:var(--radius-sm)}.app-header__back:active,.app-header__action:active,.app-header__icon:active{background:var(--bg-elev)}.discover-tabs{display:flex;gap:4px;padding:8px 12px 4px;background:var(--bg);position:sticky;top:calc(var(--topbar-h) + var(--header-h));z-index:9}.discover-tabs__tab{flex:1;background:var(--bg-elev);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:.95rem;font-weight:500;cursor:pointer}.discover-tabs__tab--active{background:var(--brass);color:var(--on-brass);border-color:var(--brass);font-weight:600;cursor:default}.category-list{list-style:none;margin:0;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.category{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:1.05rem}.category:active{background:var(--bg-elev-2)}.category--disabled{color:var(--text-faint);cursor:not-allowed;opacity:.55}.category__chevron{color:var(--text-dim);font-size:1.4rem}.toolbar{padding:8px 12px 4px;display:flex;flex-direction:column;gap:8px}.toolbar__sort-wrap{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-dim)}.toolbar__sort{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:.9rem}.toolbar__row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.filter-toggle,.group-toggle{white-space:nowrap}.group-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.filter-panel__groups{display:flex;flex-direction:column;gap:8px}.filter-panel__label{font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-deep)}.filter-active{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.filter-clear{background:transparent;border:0;color:var(--text-dim);font-size:.8rem;cursor:pointer;padding:4px 6px;text-decoration:underline}.chip{background:var(--bg-elev);color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.8rem;cursor:pointer}.chip--active{background:var(--brass);color:var(--on-brass);border-color:var(--brass);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px}.games-list{display:flex;flex-direction:column;gap:6px;padding:6px 12px 24px}.subgroup-entry{display:flex;flex-direction:column;gap:4px}.subgroup-entry__detach{align-self:flex-end}.game-row{display:flex;align-items:stretch;gap:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:8px;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.game-row:active{background:var(--bg-elev-2)}.game-row__cover{-webkit-user-drag:none;-webkit-touch-callout:none}.game-row__cover{width:56px;height:80px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elev-2);flex-shrink:0}.game-row__body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.game-row__title{font-family:var(--serif);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-row__year{font-size:.85rem;color:var(--text-dim)}.game-row__meta{display:flex;align-items:center;gap:6px;margin-top:auto}.game-row__awards{display:inline-flex;flex-wrap:wrap;gap:4px}.award-tag{font-size:.7rem;padding:1px 6px;border-radius:999px;background:var(--bg-elev);color:var(--text-dim);border:1px solid var(--border)}.group-stat{font-family:var(--mono);font-size:.72rem;color:var(--text-dim)}.media-tag{font-size:.7rem;padding:1px 6px;border-radius:999px;background:var(--accent-dim);color:var(--text);border:1px solid var(--accent)}.badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;background:var(--bg-elev-2);color:var(--text-dim);border:1px solid var(--border)}.badge--want_to_check{background:#2a2433;color:#c2a8e0;border-color:#463a5a}.badge--playing{background:#1f3a52;color:#9ec9f0;border-color:#2c5a8c}.badge--done{background:#1f3f2e;color:#8ee3a8;border-color:#2c6b46}.badge--haven_started{background:#312d1f;color:#e0c98a;border-color:#5a4f30}.badge--poked{background:#2e2a1f;color:#d9b08a;border-color:#4a3f2f}.badge--bounced{background:#3a2424;color:#e89c9c;border-color:#6a3535}.badge--on_pause{background:#252b35;color:#aab4c0;border-color:#3a4250}.badge--replaying{background:#1f3a3a;color:#8edada;border-color:#2c6363}.badge--not_interested{background:#2a2a2a;color:#8f8f8f;border-color:#444}.badge--want_it{background:#312236;color:#d3a5e6;border-color:#5a3a6a}.badge--have_it{background:#232a32;color:#9aa4b2;border-color:#2a313a}.badge--had_it{background:#2a2326;color:#b0a0a4;border-color:#443035}.badge--friend_has_it{background:#2f2a3f;color:#b7a8e0;border-color:#4f4670}.badge--borrowed{background:#25322f;color:#9ad6c4;border-color:#2f5a4f}.badge--not_owned{background:#26241f;color:#a59a86;border-color:#403a2e}.empty{padding:36px 16px;text-align:center;color:var(--text-dim)}.search-area{padding:12px;display:flex;flex-direction:column;gap:8px}.search-bar__input{width:100%;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:1rem}.search-bar__input:focus{outline:none;border-color:var(--brass-deep);background:var(--surface-2)}.search-status{font-size:.85rem;color:var(--text-dim);min-height:1.1em}.search-results{display:flex;flex-direction:column;gap:6px;padding:0 12px 24px}.result-card{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:inherit;font:inherit;overflow:hidden}.result-card--added{background:var(--bg);border-color:var(--accent-dim)}.result-card__row{display:flex;gap:12px;align-items:center;padding:8px;width:100%;text-align:left;cursor:pointer;background:none;border:0;color:inherit;font:inherit}.result-card__row:active{background:var(--bg-elev-2)}.result-card__cover{width:52px;height:74px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elev-2);flex-shrink:0}.result-card--added .result-card__cover{opacity:.6}.result-card__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.result-card__title{font-weight:600;overflow-wrap:anywhere}.result-card__year,.result-card__platforms,.result-card__sub{font-size:.8rem;color:var(--text-dim)}.result-card__chevron{flex-shrink:0;color:var(--text-dim);transition:transform .15s ease}.result-card__chevron--open{transform:rotate(180deg)}.result-card__add{flex-shrink:0;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--accent);color:var(--on-brass);white-space:nowrap;border:0;cursor:pointer}.result-card__add--added{background:transparent;color:var(--accent);border:1px solid var(--accent-dim)}.result-card__add:disabled{opacity:.6}.result-card__panel{padding:0 12px 12px;border-top:1px solid var(--border)}.result-card__summary{font-size:.85rem;color:var(--text-dim);margin:8px 0 0;line-height:1.45}.result-card__details{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:.8rem;margin:8px 0 0}.result-card__details dt{color:var(--text-dim)}.result-card__details dd{margin:0;overflow-wrap:anywhere}.btn{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-size:.9rem;cursor:pointer}.btn:active{background:var(--bg-elev)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-brass);font-weight:600}.btn--primary:active{background:var(--brass-hot);border-color:var(--brass-hot)}.btn--danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn--small{padding:4px 10px;font-size:.8rem}.detail__cover{display:block;max-width:200px;width:50%;margin:16px auto 8px;border-radius:var(--radius);background:var(--bg-elev-2)}.detail__meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:.85rem;color:var(--text-dim);padding:0 12px}.detail__summary{padding:8px 16px 16px;color:var(--text-dim);font-size:.95rem}.field{display:flex;flex-direction:column;gap:6px;padding:8px 16px}.field__label{font-size:.85rem;color:var(--text-dim)}.checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer}.field__select{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:.95rem}.field__select:focus,.field__textarea:focus{outline:none;border-color:var(--brass-deep);background:var(--surface-2)}.field__note-wrap{display:flex;flex-direction:column;gap:4px}.field__textarea{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:.95rem;font-family:inherit;resize:vertical;width:100%;box-sizing:border-box}.field__counter{align-self:flex-end;font-size:.75rem;color:var(--text-dim)}.detail__row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px}.detail__dates{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:8px 16px 16px;font-size:.9rem;margin:0}.detail__dates dt{color:var(--text-dim)}.detail__dates dd{margin:0}.detail__footer{padding:16px;display:flex;justify-content:center}.detail__hint{display:flex;align-items:center;gap:10px;padding:4px 16px 8px;font-size:.85rem;color:var(--text-dim)}.chip--linked{cursor:pointer;display:inline-flex;align-items:center;gap:4px}.chip__label{pointer-events:none}.chip__remove{background:transparent;border:0;color:inherit;font-size:1rem;line-height:1;padding:0 2px;cursor:pointer;opacity:.7}.chip__remove:hover{opacity:1}.picker{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm)}.picker__input{width:100%;background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:.95rem}.picker__input:focus{outline:none;border-color:var(--brass-deep);background:var(--surface-2)}.picker__list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.picker__row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;text-align:left;cursor:pointer;font:inherit}.picker__row:active{background:var(--bg-elev)}.picker__row-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__row-sub{font-size:.8rem;color:var(--text-dim);flex-shrink:0}.picker__empty{padding:12px 4px;color:var(--text-dim);font-size:.9rem;text-align:center}.picker__footer{display:flex;justify-content:flex-start;border-top:1px solid var(--border);padding-top:8px}.picker__create{color:var(--accent);border-color:var(--accent-dim);background:transparent}.ed-picker__status{font-size:.85rem;color:var(--text-dim)}.ed-picker__list{max-height:320px}.ed-row{display:flex;align-items:center;gap:10px;background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;text-align:left;cursor:pointer}.ed-row:active{background:var(--bg-elev)}.ed-row--selected{border-color:var(--brass);background:#c9a9611f}.ed-row__cover{width:32px;height:44px;flex-shrink:0;object-fit:cover;border-radius:3px;background:var(--bg-elev)}.ed-row__body{flex:1;min-width:0}.ed-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-row__sub{font-size:.8rem;color:var(--text-dim);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-row__check{flex-shrink:0;width:20px;text-align:center;color:var(--brass);font-weight:700}.ed-picker__more{align-self:center;margin-top:4px}.ed-chips{margin-bottom:8px}.rating{display:flex;gap:4px}.rating__star{background:transparent;border:0;font-size:1.6rem;line-height:1;color:var(--text-faint);cursor:pointer;padding:4px 2px}.rating__star--filled{color:var(--star, #f5c542)}.rating-display{display:inline-flex;gap:1px;font-size:.85rem;line-height:1}.rating-display__star{color:var(--text-faint)}.rating-display__star--filled{color:var(--star, #f5c542)}.stats__overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:12px}.stat-tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:center}.stat-tile__value{font-size:1.5rem;font-weight:700;color:var(--text)}.stat-tile__label{font-size:.8rem;color:var(--text-dim);margin-top:4px}.stats-section{padding:8px 12px 16px}.stats-section__title{font-size:.95rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px}.stats-bars{display:flex;flex-direction:column;gap:6px}.stats-bar--link{border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer}.stats-bar--link:hover .stats-bar__fill{filter:brightness(1.2)}.stats-bar--link:hover .stats-bar__label{color:var(--text)}.stats-bar--link:active{opacity:.85}.stats-bar{display:grid;grid-template-columns:100px 1fr 32px;gap:8px;align-items:center;font-size:.85rem}.stats-bar__label{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-bar__track{background:var(--bg-elev);border-radius:999px;height:12px;overflow:hidden}.stats-bar__fill{background:var(--accent);height:100%;border-radius:999px;min-width:4px;transition:width .2s ease}.stats-bar__count{text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums}.home-section{padding:8px 12px 16px}.home-section__title{font-family:var(--mono);font-size:.85rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin:8px 0}.home-section__empty{color:var(--text-faint);font-size:.9rem;margin:0;padding:8px 0}.release-list{display:flex;flex-direction:column;gap:4px}.release-row{display:flex;align-items:baseline;gap:12px;width:100%;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;cursor:pointer;text-align:left;color:inherit}.release-row__date{flex:none;min-width:6.5em;font-size:.85rem;font-weight:600;color:var(--accent, var(--text-dim));font-variant-numeric:tabular-nums}.release-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-card{display:flex;align-items:center;gap:8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;padding-right:8px;overflow:hidden}.active-card__main{flex:1;display:flex;align-items:center;gap:10px;background:transparent;border:0;color:inherit;font:inherit;text-align:left;min-width:0;padding:4px 0 4px 8px;cursor:pointer}.active-card__main:active{background:var(--bg-elev-2)}.active-card__cover{width:22px;height:32px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elev-2);flex-shrink:0}.active-card__body{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.active-card__title{font-family:var(--serif);font-weight:600;font-size:.92rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-card__sub{font-size:.78rem;line-height:1.2;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-card__actions{display:flex;gap:6px;flex-shrink:0;justify-content:flex-end}.groups-list{display:flex;flex-direction:column;gap:18px;padding:6px 12px 24px}.groups-section__title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin:0 0 6px;padding:0 2px}.groups-section__body{display:flex;flex-direction:column;gap:6px}.group-row{display:flex;align-items:center;gap:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:14px;width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.group-row:active{background:var(--bg-elev-2)}.group-row__body{flex:1;min-width:0}.group-row__title{font-weight:600}.group-row__meta{font-size:.85rem;color:var(--text-dim);margin-top:2px}.group-row__chevron{color:var(--text-dim);font-size:1.4rem}.browse-body{padding-bottom:24px}.category__hint{font-size:.8rem;color:var(--text-dim);margin-top:2px}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;padding:12px}.browse-tile{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 0;font-size:1.05rem;font-weight:600;cursor:pointer}.browse-tile:active{background:var(--bg-elev-2)}.browse-buttons{display:flex;flex-direction:column;gap:6px;padding:8px 12px}.browse-button{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;text-align:left;font-size:.95rem;cursor:pointer}.browse-button:active{background:var(--bg-elev-2)}.browse-remote{padding-top:8px}.browse-remote .search-status{padding:0 16px}.browse-results{padding-top:8px}.browse-results .search-status{padding:0 16px}.browse-results__footer{display:flex;justify-content:center;padding:12px}.browse-load-more{min-width:180px}.browse-end{color:var(--text-faint);font-size:.85rem}.app-footer{text-align:center;color:var(--text-faint);font-size:.75rem;padding:8px 0 24px}.vs-progress{padding:10px 12px 2px}.vs-progress__track{background:var(--bg-elev);border-radius:999px;height:10px;overflow:hidden}.vs-progress__fill{background:var(--accent);height:100%;border-radius:999px;min-width:2px;transition:width .25s ease}.vs-progress__label{text-align:center;color:var(--text-dim);font-size:.8rem;margin-top:4px}.vs-prompt{text-align:center;color:var(--text-dim);margin:12px 0 4px}.vs-battle{display:flex;align-items:stretch;gap:8px;padding:8px 12px}.vs-card{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:10px;color:var(--text);font:inherit;cursor:pointer}.vs-card:active{background:var(--bg-elev-2)}.vs-card__cover{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-elev-2)}.vs-card__title{font-weight:600;text-align:center;font-size:.95rem}.vs-card__year{color:var(--text-dim);font-size:.8rem}.vs-versus{align-self:center;color:var(--text-dim);font-weight:700;font-size:.9rem}.vs-actions{display:flex;justify-content:center;gap:8px;padding:8px 12px}.vs-ranking{padding:8px 12px 24px}.vs-ranking__title{font-size:.85rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin:8px 0}.vs-ranking__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.vs-ranking__row{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer}.vs-ranking__row:active{background:var(--bg-elev)}.vs-ranking__rank{width:24px;text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums}.vs-ranking__cover{width:32px;height:42px;object-fit:cover;border-radius:4px;background:var(--bg-elev-2)}.vs-ranking__name{flex:1;min-width:0}.game-row__title,.result-card__title,.active-card__title,.group-row__title,.vs-card__title,.stat-tile__value{font-family:var(--serif);font-weight:500;font-variation-settings:"opsz" 36,"SOFT" 20}.home-section__title,.stats-section__title,.groups-section__title,.vs-ranking__title{font-family:var(--mono);font-size:.7rem;font-weight:500;color:var(--brass-deep);letter-spacing:.12em}.game-row__year,.result-card__year,.result-card__platforms,.result-card__sub,.detail__meta,.detail__dates,.release-row__date,.stats-bar__count,.stat-tile__label,.category__hint,.app-footer{font-family:var(--mono)}.whatsnew-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#080604b3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.whatsnew{width:100%;max-width:440px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 22px;box-shadow:0 24px 60px #0000008c}.whatsnew__title{margin:0 0 16px;font-family:var(--serif);font-size:1.5rem;font-weight:500;font-variation-settings:"opsz" 40,"SOFT" 40;color:var(--ink)}.whatsnew__release+.whatsnew__release{margin-top:18px;padding-top:18px;border-top:1px solid var(--line-soft)}.whatsnew__version{font-family:var(--mono);font-size:.7rem;font-weight:500;color:var(--brass);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.whatsnew__list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.whatsnew__list li{color:var(--ink-dim);line-height:1.45}.whatsnew__list li::marker{color:var(--brass-deep)}.whatsnew__dismiss{margin-top:22px;width:100%;padding:11px;font-size:.95rem}.season-list{display:flex;flex-direction:column;gap:6px}.season-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;text-align:left;cursor:pointer}.season-row:active{background:var(--bg-elev-2)}.season-row__title{font-weight:500}.season-row__sub{font-family:var(--mono);font-size:.78rem;color:var(--text-dim)}.season-row__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.season-row__seen{font-family:var(--mono);font-size:.72rem;color:var(--text-faint)}.episode-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.episode-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line-soft)}.episode__seen{flex-shrink:0;width:30px;height:30px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-faint);cursor:pointer;font-size:.9rem}.episode__seen--on{border-color:var(--brass);background:#c9a96124;color:var(--brass)}.episode-row__body{flex:1;min-width:0}.episode-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-row__sub{font-family:var(--mono);font-size:.72rem;color:var(--text-dim)}.episode__rating{flex-shrink:0;display:flex;align-items:center;gap:4px}.episode__own{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brass-deep)}body.dragging-rows{user-select:none;-webkit-user-select:none}.drag-ghost{opacity:.92;transform:scale(1.03);box-shadow:0 12px 28px #00000080;border-radius:var(--radius)}.drag-source{opacity:.4}.drag-over{outline:2px solid var(--accent);outline-offset:-2px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 16px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 30px #00000080;color:var(--text)}.toast__action{flex-shrink:0;background:none;border:none;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;padding:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;background:#080604b3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal{width:100%;max-width:400px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px;box-shadow:0 24px 60px #0000008c}.modal__title{margin:0 0 6px;font-family:var(--serif);font-size:1.3rem;font-weight:500}.modal__hint{margin:0 0 8px;font-size:.85rem;color:var(--text-dim)}.modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding:0 16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.seg-group{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--border)}.seg{font-family:var(--sans);font-weight:600;font-size:13px;color:var(--text-dim);background:transparent;border:0;border-radius:999px;padding:10px 18px;min-height:40px;cursor:pointer;transition:background .15s ease,color .15s ease}.seg--active{background:var(--accent);color:var(--on-brass)}.seg-hint{font-size:12px;color:var(--text-faint);line-height:1.5;margin:10px 0 0}[data-skin=magazine] .topbar__title,[data-skin=magazine] .app-header h1,[data-skin=magazine] .drawer__title,[data-skin=magazine] .game-row__title,[data-skin=magazine] .active-card__title,[data-skin=magazine] .group-row__title,[data-skin=magazine] .stat-tile__value,[data-skin=magazine] .modal__title,[data-skin=magazine] .whatsnew__title{text-transform:uppercase;letter-spacing:.01em}[data-skin=magazine] .topbar__lime{color:var(--accent)}[data-skin=magazine] .badge{font-family:var(--sans);font-weight:900;letter-spacing:.06em;border-radius:4px;transform:skew(-7deg)}[data-skin=magazine] .active-card,[data-skin=magazine] .group-row,[data-skin=magazine] .category{background:#ffffff0f;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-color:#ffffff24}.mag-gallery{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 0 22px}@keyframes mag-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.auth{--mag-bg: #0b0b0f;--mag-lime: #b6f23d;--mag-ink: #f5f5f7;--mag-dim: #9a9aa2;--mag-faint: #6a6a70;--mag-glass: rgba(255, 255, 255, .06);--mag-line: rgba(255, 255, 255, .14);--mag-pink: #ff3d8b;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--mag-ink);font-family:Archivo,sans-serif;-webkit-font-smoothing:antialiased;padding:0 22px calc(40px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 12% 2%,rgba(139,61,255,.3),transparent 42%),radial-gradient(circle at 92% 14%,rgba(255,61,139,.24),transparent 40%),radial-gradient(circle at 60% 90%,rgba(25,211,232,.16),transparent 45%),var(--mag-bg)}.auth__cover{width:100%;max-width:420px;text-align:center;padding:clamp(40px,12vh,96px) 4px 26px}.auth__masthead{font-family:Anton,sans-serif;font-size:clamp(46px,16vw,72px);line-height:.86;letter-spacing:.005em;text-transform:uppercase;color:#fff;text-shadow:0 4px 28px rgba(0,0,0,.45);margin:0}.auth__masthead-accent{color:var(--mag-lime)}.auth__tagline{font-family:Archivo,sans-serif;font-weight:800;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mag-dim);margin:14px 0 0}.auth__card{width:100%;max-width:400px;background:var(--mag-glass);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--mag-line);border-radius:18px;box-shadow:0 18px 55px #00000073;padding:26px 22px calc(28px + env(safe-area-inset-bottom,0px))}.auth__head{display:flex;align-items:center;gap:6px;margin-bottom:22px}.auth__back{flex:none;width:36px;height:36px;margin-left:-4px;display:grid;place-items:center;border:1px solid var(--mag-line);background:#ffffff0f;border-radius:11px;color:var(--mag-ink);cursor:pointer;font-size:22px;line-height:1;padding-bottom:3px;transition:background .15s ease,border-color .15s ease}.auth__back:hover,.auth__back:active{background:#ffffff1f;border-color:#ffffff47}.auth__title{font-family:Anton,sans-serif;font-weight:400;font-size:34px;line-height:.9;text-transform:uppercase;letter-spacing:.005em;color:#fff;margin:0}.auth__title em{font-style:normal;color:var(--mag-lime)}.auth__body{width:100%}.auth__lede{font-family:Archivo,sans-serif;font-weight:600;font-size:13.5px;line-height:1.55;color:var(--mag-dim);margin:0 0 24px}.auth-field{margin-bottom:18px;display:flex;flex-direction:column}.auth-field__label{font-family:Archivo,sans-serif;font-weight:900;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mag-lime);margin:0 0 8px}.auth-input{background:#0b0b0f66;border:1px solid var(--mag-line);border-radius:12px;padding:13px 14px;color:var(--mag-ink);font-family:Archivo,sans-serif;font-size:15px;font-weight:600;letter-spacing:.005em;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.auth-input::placeholder{color:var(--mag-faint);font-weight:500}.auth-input:focus{border-color:var(--mag-lime);background:#0b0b0f8c;box-shadow:0 0 0 3px #b6f23d40}.auth-input:disabled{color:var(--mag-faint);cursor:not-allowed}textarea.auth-input{resize:vertical;min-height:64px;line-height:1.5}.auth-field__hint{font-family:Archivo,sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.04em;color:var(--mag-faint);margin-top:7px;min-height:1em}.auth-field__hint--ok{color:var(--mag-lime)}.auth-field__hint--bad{color:var(--mag-pink)}.auth-strength{margin-top:9px;display:flex;align-items:center;gap:10px}.auth-strength__track{flex:1;height:5px;border-radius:999px;background:#ffffff29;overflow:hidden}.auth-strength__fill{height:100%;width:0;border-radius:999px;transition:width .2s ease,background .2s ease}.auth-strength__label{font-family:Archivo,sans-serif;font-weight:900;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mag-dim);min-width:56px;text-align:right}.auth-btn{font-family:Archivo,sans-serif;font-weight:900;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:15px;border-radius:999px;border:1px solid var(--mag-line);background:#ffffff0f;color:var(--mag-ink);cursor:pointer;line-height:1;transition:background .15s ease,border-color .15s ease,filter .15s ease;width:100%;margin-top:4px}.auth-btn:hover{background:#ffffff1f;border-color:#ffffff47}.auth-btn--primary{background:var(--mag-lime);border-color:var(--mag-lime);color:#0b0b0f}.auth-btn--primary:hover{filter:brightness(1.06);background:var(--mag-lime);border-color:var(--mag-lime)}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-btn:disabled:hover{filter:none;background:var(--mag-lime);border-color:var(--mag-lime)}.auth-btn+.auth-btn{margin-top:10px}.auth-links{margin-top:22px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.auth-link{background:none;border:none;padding:0;font-family:Archivo,sans-serif;font-weight:600;font-size:13px;color:var(--mag-dim);cursor:pointer;transition:color .15s ease}.auth-link:hover{color:var(--mag-lime)}.auth-link strong{color:var(--mag-ink);font-weight:800}.auth-link:hover strong{color:var(--mag-lime)}.auth-msg{min-height:1.2em;font-family:Archivo,sans-serif;font-weight:700;font-size:13px;line-height:1.4;margin-bottom:16px}.auth-msg--bad{color:var(--mag-pink)}.auth-msg--ok{color:var(--mag-lime)}.auth-note{font-family:Archivo,sans-serif;font-weight:600;font-size:12px;color:var(--mag-faint);line-height:1.5;margin:10px 0 0}.auth-toast{position:fixed;left:50%;bottom:calc(30px + env(safe-area-inset-bottom,0px));transform:translate(-50%) translateY(80px);background:#14141aeb;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(255,255,255,.14);color:#f5f5f7;padding:11px 18px;border-radius:999px;font-family:Archivo,sans-serif;font-weight:700;font-size:13px;box-shadow:0 10px 30px #00000080;opacity:0;pointer-events:none;transition:all .32s cubic-bezier(.22,1,.36,1);z-index:50;display:flex;align-items:center;gap:9px}.auth-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.auth-toast__mark{width:16px;height:16px;border-radius:50%;background:#b6f23d;color:#0b0b0f;display:grid;place-items:center;font-size:10px;font-weight:900}