:root{color-scheme:dark;font-family:Poppins,Avenir Next,Segoe UI,sans-serif;--bg-0: #020617;--bg-1: #0b1226;--bg-2: #111a33;--surface-0: rgba(12, 20, 39, .88);--surface-1: rgba(18, 29, 54, .9);--surface-2: rgba(23, 38, 70, .92);--border: rgba(148, 163, 184, .24);--text-primary: #e6eef9;--text-secondary: #9db0d0;--accent: #38bdf8;--accent-strong: #0ea5e9;--accent-soft: rgba(56, 189, 248, .14);--accent-soft-strong: rgba(56, 189, 248, .28);--accent-outline: rgba(56, 189, 248, .35);--button-start: #0ea5e9;--button-end: #2563eb;--button-shadow: rgba(14, 165, 233, .24);--brand-start: #0284c7;--brand-end: #2563eb;--hero-kicker: #8cc8ef;--shell-bg: radial-gradient(circle at 12% 12%, #1d4ed8 0%, #071126 38%, #020617 100%);--danger: #fb7185;--body-bg: #020617;--nav-bg: linear-gradient(180deg, rgba(10, 20, 39, .95), rgba(6, 12, 27, .95));--nav-control-bg: rgba(15, 23, 42, .9);--control-bg: rgba(6, 12, 27, .72);--control-bg-strong: rgba(15, 23, 42, .84);--surface-flat: rgba(7, 14, 30, .7);--surface-flat-strong: rgba(9, 17, 34, .82);--surface-muted: rgba(15, 23, 42, .56);--surface-solid: rgba(30, 41, 59, .88);--surface-solid-soft: rgba(30, 41, 59, .7);--backdrop: rgba(2, 6, 23, .72);--card-shadow: 0 18px 42px rgba(2, 6, 23, .35);--nav-shadow: 0 24px 60px rgba(2, 6, 23, .42);--jump-shadow: 0 10px 20px rgba(2, 6, 23, .28);--panel-text-on-solid: #c7d8f5;--placeholder-text: #8ea2c5;background:var(--shell-bg);color:var(--text-primary)}:root[data-theme=light]{color-scheme:light;--bg-0: #f8fafc;--bg-1: #eff6ff;--bg-2: #dbeafe;--surface-0: rgba(255, 255, 255, .92);--surface-1: rgba(248, 250, 252, .98);--surface-2: rgba(239, 246, 255, .98);--border: rgba(148, 163, 184, .3);--text-primary: #0f172a;--text-secondary: #475569;--shell-bg: radial-gradient(circle at 14% 10%, #bae6fd 0%, #eef6ff 38%, #f8fafc 100%);--body-bg: #f8fafc;--nav-bg: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(241, 245, 249, .98));--nav-control-bg: rgba(255, 255, 255, .92);--control-bg: rgba(255, 255, 255, .94);--control-bg-strong: rgba(248, 250, 252, .98);--surface-flat: rgba(255, 255, 255, .86);--surface-flat-strong: rgba(255, 255, 255, .96);--surface-muted: rgba(241, 245, 249, .9);--surface-solid: rgba(226, 232, 240, .82);--surface-solid-soft: rgba(226, 232, 240, .62);--backdrop: rgba(148, 163, 184, .2);--card-shadow: 0 18px 42px rgba(148, 163, 184, .18);--nav-shadow: 0 24px 60px rgba(148, 163, 184, .22);--jump-shadow: 0 10px 20px rgba(148, 163, 184, .18);--panel-text-on-solid: #334155;--placeholder-text: #64748b;--mobile-nav-bg: rgba(255, 255, 255, .96)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--body-bg);color:var(--text-primary)}#root{min-height:100vh;display:flex;align-items:stretch}.app-shell{display:flex;width:100%;min-height:100vh;padding:0;gap:0;position:relative;background:var(--shell-bg)}.app-shell.theme-guest{--accent: #fb7185;--accent-strong: #ef4444;--accent-soft: rgba(251, 113, 133, .16);--accent-soft-strong: rgba(251, 113, 133, .3);--accent-outline: rgba(251, 113, 133, .48);--button-start: #fb7185;--button-end: #ef4444;--button-shadow: rgba(251, 113, 133, .28);--brand-start: #fb7185;--brand-end: #be123c;--hero-kicker: #fbb2be;--shell-bg: radial-gradient(circle at 14% 12%, #7f1d1d 0%, #1a1324 34%, #020617 100%)}.app-shell.theme-authed{--accent: #34d399;--accent-strong: #10b981;--accent-soft: rgba(52, 211, 153, .15);--accent-soft-strong: rgba(52, 211, 153, .3);--accent-outline: rgba(52, 211, 153, .45);--button-start: #10b981;--button-end: #059669;--button-shadow: rgba(16, 185, 129, .26);--brand-start: #10b981;--brand-end: #047857;--hero-kicker: #84f0c0;--shell-bg: radial-gradient(circle at 10% 10%, #0f766e 0%, #072124 35%, #020617 100%)}:root[data-theme=light] .app-shell.theme-guest{--accent: #f43f5e;--accent-strong: #e11d48;--accent-soft: rgba(244, 63, 94, .11);--accent-soft-strong: rgba(244, 63, 94, .18);--accent-outline: rgba(244, 63, 94, .24);--button-start: #fb7185;--button-end: #e11d48;--button-shadow: rgba(244, 63, 94, .16);--brand-start: #fb7185;--brand-end: #e11d48;--hero-kicker: #be123c;--shell-bg: radial-gradient(circle at 14% 12%, rgba(251, 207, 232, .95) 0%, rgba(255, 241, 242, .95) 34%, #f8fafc 100%)}:root[data-theme=light] .app-shell.theme-authed{--accent: #10b981;--accent-strong: #059669;--accent-soft: rgba(16, 185, 129, .1);--accent-soft-strong: rgba(16, 185, 129, .18);--accent-outline: rgba(5, 150, 105, .24);--button-start: #34d399;--button-end: #059669;--button-shadow: rgba(5, 150, 105, .16);--brand-start: #34d399;--brand-end: #0f766e;--hero-kicker: #0f766e;--shell-bg: radial-gradient(circle at 10% 10%, rgba(187, 247, 208, .98) 0%, rgba(240, 253, 244, .96) 32%, #f8fafc 100%)}.app-content{flex:1;min-width:0;min-height:100vh;padding:22px 22px 28px;overflow-y:auto}.mobile-nav-toggle{position:fixed;top:16px;left:16px;z-index:80;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--mobile-nav-bg, rgba(15, 23, 42, .92));display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0}.mobile-nav-toggle span{display:block;width:18px;height:2px;border-radius:10px;background:var(--text-primary)}.mobile-nav-toggle:hover{box-shadow:0 0 0 2px var(--accent-soft-strong);transform:none}.mobile-nav-toggle.active{background:linear-gradient(120deg,var(--accent-soft-strong),var(--accent-soft));box-shadow:inset 0 0 0 1px var(--accent-outline)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;border-radius:0;background:var(--backdrop);padding:0}.top-nav{position:sticky;top:0;z-index:65;height:100vh;width:76px;display:grid;align-content:start;gap:24px;padding:16px 12px;border:1px solid var(--border);border-left:0;border-radius:0 20px 20px 0;background:var(--nav-bg);box-shadow:var(--nav-shadow);transition:width .2s ease,transform .2s ease}.top-nav.expanded{width:260px}.top-nav__head{display:grid;gap:16px}.top-nav__toggle{width:40px;height:40px;padding:0;border-radius:12px;border:1px solid var(--border);background:var(--nav-control-bg);display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.top-nav__toggle span{display:block;width:16px;height:2px;border-radius:99px;background:var(--text-primary)}.top-nav__toggle:hover{transform:none;box-shadow:0 0 0 2px var(--accent-soft-strong)}.top-nav__brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.top-nav__brand-mark{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(130deg,var(--brand-start),var(--brand-end));color:#eff6ff;font-weight:700;font-size:.86rem;letter-spacing:.01em;line-height:1;transform:translate(.03em)}.top-nav.expanded .top-nav__brand-mark{width:54px;height:54px;border-radius:14px;font-size:1rem}.top-nav__brand-text{display:grid;gap:1px;opacity:0;transform:translate(-10px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.top-nav.expanded .top-nav__brand-text{opacity:1;transform:translate(0)}.top-nav__brand-text strong{color:var(--text-primary);font-size:.98rem}.top-nav__brand-text span{color:var(--text-secondary);font-size:.78rem}.top-nav__actions{display:grid;gap:8px}.top-nav__link{border:none;background:transparent;color:var(--text-secondary);padding:10px 12px;border-radius:12px;font-weight:600;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;overflow:hidden;min-height:40px}.top-nav__icon{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;font-size:.95rem;line-height:1}.top-nav__label{display:inline}.top-nav__link:hover{background:var(--accent-soft);color:var(--text-primary)}.top-nav__link.active{background:linear-gradient(120deg,var(--accent-soft-strong),var(--accent-soft));color:#fff;box-shadow:inset 0 0 0 1px var(--accent-outline)}:root[data-theme=light] .top-nav__link.active{color:var(--accent-strong);background:linear-gradient(120deg,rgba(255,255,255,.98),var(--accent-soft));box-shadow:inset 0 0 0 1px var(--accent-outline),0 8px 18px #94a3b824}.top-nav:not(.expanded) .top-nav__link{width:48px;justify-content:center;padding:10px 0;font-size:0}.top-nav:not(.expanded) .top-nav__link:before{content:attr(data-short);font-size:.7rem;font-weight:700;letter-spacing:.06em;color:currentColor}.top-nav:not(.expanded) .top-nav__link--power{font-size:.95rem}.top-nav:not(.expanded) .top-nav__link--power:before{content:none}.top-nav:not(.expanded) .top-nav__link--power .top-nav__icon{margin-right:0;font-size:1.05rem}.top-nav:not(.expanded) .top-nav__link--power .top-nav__label{display:none}.app-shell.theme-guest .top-nav__link--power{color:#fecdd3}.app-shell.theme-guest .top-nav__link--power:hover{background:#fb718533;color:#ffe4e6}.app-shell.theme-guest .top-nav__link--power.active{background:linear-gradient(120deg,#fb718557,#ef44443d);box-shadow:inset 0 0 0 1px #fb718580}.app-shell.theme-authed .top-nav__link--power{color:#a7f3d0}.app-shell.theme-authed .top-nav__link--power:hover{background:#10b98133;color:#d1fae5}.app-shell.theme-authed .top-nav__link--power.active{background:linear-gradient(120deg,#10b98157,#0596693d);box-shadow:inset 0 0 0 1px #34d3997a}:root[data-theme=light] .app-shell.theme-guest .top-nav__link--power{color:#be123c}:root[data-theme=light] .app-shell.theme-guest .top-nav__link--power:hover{background:#f43f5e1f;color:#9f1239}:root[data-theme=light] .app-shell.theme-guest .top-nav__link--power.active{background:linear-gradient(120deg,#f43f5e2e,#e11d481f);box-shadow:inset 0 0 0 1px #f43f5e38;color:#881337}:root[data-theme=light] .app-shell.theme-authed .top-nav__link--power{color:#047857}:root[data-theme=light] .app-shell.theme-authed .top-nav__link--power:hover{background:#10b9811f;color:#065f46}:root[data-theme=light] .app-shell.theme-authed .top-nav__link--power.active{background:linear-gradient(120deg,#10b98129,#0596691a);box-shadow:inset 0 0 0 1px #05966933;color:#064e3b}:root[data-theme=light] .top-nav:not(.expanded) .top-nav__link.active:before{color:currentColor}.top-nav:not(.expanded) .top-nav__link--icon{font-size:.95rem}.top-nav:not(.expanded) .top-nav__link--icon:before{content:none}.top-nav:not(.expanded) .top-nav__link--icon .top-nav__icon{margin-right:0;font-size:1.05rem}.top-nav:not(.expanded) .top-nav__link--icon .top-nav__label{display:none}.header{display:flex;justify-content:space-between;align-items:center;gap:16px}.menu-links{display:inline-flex;gap:12px;flex-wrap:wrap}.menu-link{font-weight:600;text-decoration:none;color:var(--accent);padding:6px 10px;border-radius:999px;background:var(--accent-soft);border:none;cursor:pointer}.menu-link:hover{background:var(--accent-soft-strong)}.menu-link.active{background:var(--accent-strong);color:#fff}.brand{display:flex;flex-direction:column;gap:6px}.brand h1{margin:0;font-size:clamp(1.8rem,2.2vw,2.6rem);letter-spacing:-.02em}.brand p{margin:0;color:var(--text-secondary)}.card{background:linear-gradient(180deg,var(--surface-0),var(--surface-1));border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--card-shadow)}.card.compact{padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.landing-feature{display:grid;gap:16px}.landing-hero{overflow:hidden;position:relative;display:grid;gap:18px;background:radial-gradient(circle at 20% 20%,var(--accent-soft-strong),transparent 44%),linear-gradient(145deg,var(--control-bg-strong),var(--surface-muted))}.landing-hero__copy{display:grid;gap:12px}.landing-site-title{display:grid;gap:2px;margin-bottom:4px}.landing-site-title p{margin:0;font-size:.84rem;text-transform:uppercase;letter-spacing:.2em;color:var(--hero-kicker);font-weight:700}.landing-site-title h2{margin:0;font-size:clamp(1.5rem,2.8vw,2.4rem);letter-spacing:-.03em;color:var(--text-primary)}.landing-hero__eyebrow{margin:0;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hero-kicker);font-weight:700}.landing-hero h1{margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;letter-spacing:-.03em;max-width:18ch}.landing-hero__text{margin:0;max-width:50ch}.landing-hero__actions{display:flex;gap:10px;flex-wrap:wrap}.landing-hero__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landing-hero__tile{position:relative;height:130px;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;border:1px solid rgba(148,163,184,.32);background:#02061780}.landing-hero__tile img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08)}.landing-hero__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02061733,#020617d1)}.landing-hero__tile span{position:absolute;left:10px;right:10px;bottom:8px;z-index:1;font-size:.85rem;font-weight:600}.landing-hero__tile:hover{border-color:var(--accent-outline);transform:translateY(-1px)}.landing-hero__empty{grid-column:1 / -1;min-height:180px;border:1px dashed rgba(148,163,184,.4);border-radius:14px;display:grid;place-items:center;text-align:center;color:var(--text-secondary);padding:20px}.landing-panels{display:grid;gap:16px;align-items:stretch}.wishlist-countdown__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wishlist-countdown__card{text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:14px;background:var(--surface-flat);display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;padding:10px;min-height:88px;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.wishlist-countdown__card:hover{background:var(--accent-soft);border-color:var(--accent-outline);box-shadow:inset 0 0 0 1px var(--accent-outline);transform:translateY(-1px)}.wishlist-countdown__cover{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--surface-solid)}.wishlist-countdown__cover.placeholder{display:grid;place-items:center;font-size:.68rem;color:var(--text-secondary);text-align:center;padding:4px;border:1px dashed rgba(148,163,184,.32)}.wishlist-countdown__content{display:grid;gap:2px}.wishlist-countdown__content strong{color:var(--text-primary)}.wishlist-countdown__content .meta{font-size:.8rem;line-height:1.25;color:var(--text-secondary)}.wishlist-countdown__pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-top:4px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-outline);font-size:.75rem;font-weight:700;white-space:nowrap}.landing-panel--match-recent{height:100%}.label{display:block;font-weight:600;margin-bottom:6px}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--control-bg);color:var(--text-primary);font-size:.95rem}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer;background:linear-gradient(120deg,var(--button-start),var(--button-end));color:#fff;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 12px 22px var(--button-shadow)}button.secondary{background:var(--surface-solid);color:var(--text-primary);border:1px solid var(--border)}button.danger{background:linear-gradient(120deg,#ef4444,#be123c);color:#fff}button.danger:hover{box-shadow:0 12px 22px #ef44444d}button.danger:disabled{opacity:.7;cursor:not-allowed}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;background:linear-gradient(120deg,var(--button-start),var(--button-end));color:#fff;transition:transform .15s ease,box-shadow .15s ease}.button-link.secondary{background:var(--surface-solid);color:var(--text-primary);border:1px solid var(--border)}button.secondary:hover,.button-link.secondary:hover{background:var(--surface-1);box-shadow:0 12px 22px var(--button-shadow)}:root[data-theme=light] .app-shell.theme-authed .landing-hero .button-link.secondary{background:#ffffffeb;color:#065f46;box-shadow:inset 0 0 0 1px #0596692e}:root[data-theme=light] .app-shell.theme-authed .landing-hero .button-link.secondary:hover{box-shadow:inset 0 0 0 1px #0596693d,0 12px 22px #0596691f}.button-link:hover{transform:translateY(-1px);box-shadow:0 12px 22px var(--button-shadow)}.error{color:var(--danger);font-weight:600;margin-top:8px}.meta{font-size:.9rem;color:var(--text-secondary)}.meta-stack{display:grid;gap:4px;margin-top:6px}.meta-stack .meta{display:block}.add-controls{margin-top:10px;display:grid;gap:8px}.add-controls label{display:grid;gap:6px;font-weight:600}.add-controls select{font-weight:500}.backlog-section-header{display:grid;gap:8px}.backlog-section-header.is-wishlist{grid-template-columns:minmax(0,1fr) auto;align-items:start}.wishlist-share{display:grid;gap:8px;justify-items:end;max-width:460px;margin-left:auto}.wishlist-share-trigger{position:relative;width:40px;height:40px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center}.wishlist-share-trigger svg{display:block}.wishlist-share-trigger:after{content:attr(data-tooltip);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--control-bg-strong);color:var(--text-primary);font-size:.78rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease}.wishlist-share-trigger:hover:after,.wishlist-share-trigger:focus-visible:after{opacity:1;visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wishlist-share-input{width:100%;border-radius:10px;border:1px solid var(--border);background:var(--control-bg-strong);color:var(--text-primary);padding:10px 12px;font-size:.92rem}.wishlist-share-input:focus{outline:2px solid var(--accent-outline);outline-offset:2px}.add-panel{margin:16px 0 20px;padding:16px;border-radius:16px;background:var(--surface-muted);border:1px solid var(--border);display:grid;gap:12px}.add-panel h3{margin:0}.igdb-results{display:grid;gap:8px}.igdb-results__toggle{justify-self:start}.igdb-result{display:grid;gap:4px;text-align:left;border:1px solid var(--border);background:var(--surface-flat-strong);padding:10px 12px;border-radius:12px;cursor:pointer}.igdb-result:hover{border-color:var(--accent)}.igdb-result.active{border-color:var(--accent);background:var(--accent-soft)}.igdb-result__title{font-weight:700;color:var(--text-primary)}.platform-results{display:grid;gap:8px}.platform-result{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:1px solid var(--border);background:var(--surface-flat-strong);color:var(--text-primary);padding:10px 12px;border-radius:12px;cursor:pointer}.platform-result:disabled{cursor:default;opacity:.65}.platform-preferences{margin-top:16px;display:grid;gap:12px}.platform-preferences__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.platform-preferences__header h3{margin:0}.platform-tags{display:flex;flex-wrap:wrap;gap:8px}.platform-tag-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--text-primary);font-weight:600}.theme-preferences{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);display:grid;gap:14px}.theme-toggle-list{display:grid;gap:10px}.theme-switch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-flat);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.theme-switch:hover{border-color:var(--accent-outline);background:var(--surface-flat-strong)}.theme-switch.active{border-color:var(--accent-outline);box-shadow:inset 0 0 0 1px var(--accent-outline)}.theme-switch.disabled{opacity:.72}.theme-switch__copy{display:grid;gap:4px}.theme-switch__control{position:relative;display:inline-flex;align-items:center}.theme-switch__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.theme-switch__input:disabled{cursor:not-allowed}.theme-switch__track{width:54px;height:30px;padding:3px;border-radius:999px;background:var(--surface-solid);border:1px solid var(--border);display:inline-flex;align-items:center;transition:background .15s ease,border-color .15s ease}.theme-switch__thumb{width:22px;height:22px;border-radius:999px;background:var(--surface-1);box-shadow:0 4px 10px #0f172a2e;transition:transform .15s ease}.theme-switch__input:checked+.theme-switch__track{background:linear-gradient(120deg,var(--button-start),var(--button-end));border-color:transparent}.theme-switch__input:checked+.theme-switch__track .theme-switch__thumb{transform:translate(24px)}.theme-switch__input:focus-visible+.theme-switch__track{outline:3px solid var(--accent-outline);outline-offset:2px}.icon-button{border:none;background:transparent;color:inherit;font-size:1rem;line-height:1;padding:0;cursor:pointer}.link-button{background:none;border:none;color:var(--accent);padding:0;border-radius:0;font-weight:600;cursor:pointer}.link-button:hover{transform:none;box-shadow:none;text-decoration:underline}.meta ul,ul.meta{list-style:none;padding-left:0;margin:12px 0 0;display:grid;gap:8px}ul.meta li{padding-left:18px;position:relative}ul.meta li:before{content:\"•\";position:absolute;left:0;color:var(--accent)}.list{display:grid;gap:12px}.list-item{padding:14px 16px;border-radius:16px;background:var(--surface-flat);display:grid;gap:6px}.list-item.link{text-decoration:none;color:inherit;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,transform .15s ease}.list-item.link:hover{background:var(--accent-soft);border-color:var(--accent-outline);transform:translateY(-1px)}.list-item.link:focus-visible{outline:3px solid var(--accent-outline);outline-offset:2px}.list-button{text-align:left;width:100%;border:none}.list-button:disabled{cursor:wait;opacity:.7}.title-link{color:inherit;text-decoration:none}.title-link:hover{text-decoration:underline}.list-item.with-media{grid-template-columns:64px 1fr;align-items:center;gap:12px}.upcoming-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.upcoming-month-group{display:grid;gap:10px}.upcoming-month-header{margin:4px 0 0;font-size:1rem;scroll-margin-top:156px}.month-jump{display:grid;gap:8px;margin:4px 0 16px;padding:10px 12px;position:sticky;top:12px;z-index:20;border-radius:14px;border:1px solid var(--border);background:var(--control-bg-strong);box-shadow:var(--jump-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.month-jump-links{display:flex;flex-wrap:wrap;gap:8px;max-height:32vh;overflow-y:auto;padding-right:4px}.month-jump-links a{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--surface-solid);color:var(--panel-text-on-solid);text-decoration:none;font-size:.85rem}.month-jump-links a.current{background:var(--accent-strong);color:#fff}@media (max-width: 899px){.month-jump{top:8px}.upcoming-month-header{scroll-margin-top:170px}}.plus-button{min-width:36px;height:36px;padding:0;font-size:1.2rem;line-height:1}.cover{width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--surface-solid)}.cover.large{width:100%;height:280px}.cover.placeholder{display:flex;align-items:center;justify-content:center;color:var(--placeholder-text);font-size:.9rem;background:var(--surface-solid)}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.8rem;background:var(--surface-solid);color:var(--panel-text-on-solid)}.platform-tag{border:1px solid var(--border);background:var(--surface-solid-soft);text-decoration:none;font-weight:600}.platform-link{text-decoration:none;font-weight:600}.inline-platform{display:inline}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.game-detail{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.game-info{display:grid;gap:18px}.game-description p{margin:8px 0 0;line-height:1.6}@media (min-width: 900px){.game-detail{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start}}@media (min-width: 900px){.app-shell{padding:0}.app-content{padding:22px 22px 28px}.grid.two{grid-template-columns:1.1fr 1fr}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:420px}.landing-hero__gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-hero__tile{height:160px}.landing-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 899px){.app-shell{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));gap:0}.mobile-nav-toggle{top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));display:inline-flex}.top-nav{position:fixed;top:0;left:0;height:100dvh;width:min(85vw,290px);padding-top:calc(70px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:0 20px 20px 0;transform:translate(-102%);overflow-y:auto}.top-nav.mobile-open{transform:translate(0)}.top-nav:not(.expanded){width:min(85vw,290px)}.top-nav:not(.expanded) .top-nav__link{width:auto;justify-content:flex-start;padding:10px 12px;font-size:.95rem}.top-nav:not(.expanded) .top-nav__link:before{content:none}.top-nav .top-nav__brand-text{opacity:1;transform:translate(0);pointer-events:auto}.top-nav__toggle{display:none}.app-content{padding-top:calc(52px + env(safe-area-inset-top))}.list{gap:10px}.list-item{padding:12px;border-radius:14px}.list-item.with-media{grid-template-columns:52px 1fr;align-items:start;gap:10px}.wishlist-countdown__row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cover{width:52px;height:52px;border-radius:10px}.upcoming-row{align-items:flex-start;gap:8px}.upcoming-row strong{font-size:.96rem;line-height:1.25}.meta-stack{gap:2px}.meta-stack .meta{font-size:.84rem;line-height:1.3}.plus-button{min-width:32px;width:32px;height:32px;font-size:1.05rem;flex-shrink:0}.add-controls{margin-top:8px;gap:6px}.add-panel{margin:12px 0 16px;padding:12px;border-radius:14px}.backlog-section-header.is-wishlist{grid-template-columns:minmax(0,1fr)}}