:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary-h:224;--primary-s:71%;--bg-0:hsl(var(--primary-h), 45%, 4%);--bg-1:hsl(var(--primary-h), 40%, 7%);--bg-2:hsl(var(--primary-h), 35%, 11%);--surface-0:hsla(var(--primary-h), 40%, 10%, .65);--surface-1:hsla(var(--primary-h), 35%, 12%, .45);--surface-2:hsla(var(--primary-h), 30%, 15%, .5);--border:#ffffff12;--border-strong:#ffffff24;--text-primary:#f8fafc;--text-secondary:#a6b5c9;--text-muted:#7d8ca1;--accent:#38b9fa;--accent-strong:#0af;--accent-soft:#38b9fa17;--accent-soft-strong:#38b9fa33;--accent-outline:#38b9fa47;--status-playing:#28e28b;--status-playing-soft:#28e28b24;--status-playing-border:#28e28b52;--status-want:#ad68f3;--status-want-soft:#ad68f324;--status-want-border:#ad68f352;--status-backlog:#f6aa28;--status-backlog-soft:#f6aa2824;--status-backlog-border:#f6aa2852;--status-played:#38a9fa;--status-played-soft:#38a9fa24;--status-played-border:#38a9fa52;--status-find_out_more:#18dcdc;--status-find_out_more-soft:#18dcdc24;--status-find_out_more-border:#18dcdc52;--platform-ps:#0070d1;--platform-xbox:#107c10;--platform-nintendo:#e60012;--platform-pc:#38bdf8;--platform-steam:#1b2838;--button-start:#06a8f9;--button-end:#256af4;--button-shadow:#06a8f940;--brand-start:#38b9fa;--brand-end:#256af4;--hero-kicker:#89d1f5;--shell-bg:radial-gradient(ellipse 80% 50% at 15% -10%, #0e348173 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 90% 20%, #380e624d 0%, transparent 55%), radial-gradient(ellipse 70% 50% at 50% 95%, #073b5540 0%, transparent 65%), hsl(var(--primary-h), 45%, 4%);--danger:#fc9cac;--danger-strong:#fa3858;--body-bg:#06080f;--nav-bg:#090c15b8;--nav-control-bg:#12162173;--control-bg:#0e121b80;--control-bg-strong:#1b2132a6;--surface-flat:#12162173;--surface-flat-strong:#1920348c;--surface-muted:#0e121b59;--surface-solid:#22293999;--surface-solid-soft:#22293966;--backdrop:#06080fbf;--card-shadow:0 20px 40px -15px #000000a6, inset 0 1px 0 #ffffff14;--nav-shadow:0 24px 48px -18px #000000bf;--jump-shadow:0 12px 28px -8px #00000073;--glow-shadow:0 0 24px 2px #38b9fa2e;--panel-text-on-solid:#c2ccd6;--placeholder-text:#607085;--glass-blur:blur(18px) saturate(195%);--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-normal:.28s cubic-bezier(.25, .46, .45, .94);--transition-slow:.45s cubic-bezier(.16, 1, .3, 1);--transition-spring:.35s cubic-bezier(.34, 1.56, .64, 1);--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:22px;--border-radius-xl:32px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;background:var(--shell-bg);color:var(--text-primary);font-family:Plus Jakarta Sans,Poppins,Avenir Next,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#f8fafc;--bg-1:#f1f5f9;--bg-2:#dee6ed;--surface-0:#ffffffbf;--surface-1:#f8fafc8c;--surface-2:#f1f5f9a6;--border:#0f15240d;--border-strong:#0f152417;--text-primary:#080f21;--text-secondary:#495d79;--text-muted:#6b7c94;--accent:#0673e0;--accent-strong:#0556c7;--accent-soft:#0673e00f;--accent-soft-strong:#0673e024;--accent-outline:#0673e02e;--button-start:#0d80f2;--button-end:#1152d4;--button-shadow:#0d80f224;--brand-start:#0673e0;--brand-end:#0f49bd;--hero-kicker:#094caa;--status-playing:#0c9756;--status-playing-soft:#0c97561a;--status-playing-border:#0c975640;--status-want:#7a1fd6;--status-want-soft:#7a1fd61a;--status-want-border:#7a1fd640;--status-backlog:#c77905;--status-backlog-soft:#c779051a;--status-backlog-border:#c7790540;--status-played:#0673e0;--status-played-soft:#0673e01a;--status-played-border:#0673e040;--status-find_out_more:#0da5a5;--status-find_out_more-soft:#0da5a51a;--status-find_out_more-border:#0da5a540;--shell-bg:radial-gradient(ellipse 70% 50% at 10% -10%, #cfedfcb3 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 90% 15%, #ede1fa80 0%, transparent 50%), #f8fafc;--body-bg:#f8fafc;--danger:#ee2b4b;--danger-strong:#da0b2e;--nav-bg:#ffffffbf;--nav-control-bg:#ffffff80;--control-bg:#ffffffa6;--control-bg-strong:#f1f5f9d9;--surface-flat:#fff9;--surface-flat-strong:#ffffffd9;--surface-muted:#f1f5f980;--surface-solid:#dee6edb3;--surface-solid-soft:#dee6ed73;--backdrop:#0f15241f;--card-shadow:0 20px 40px -15px #0f172a0f, 0 1px 3px #00000005;--nav-shadow:0 24px 48px -18px #0f172a0f;--jump-shadow:0 12px 28px -8px #0f172a0a;--glow-shadow:0 0 20px 2px #0673e014;--panel-text-on-solid:#3d4e66;--placeholder-text:#8996a9;--mobile-nav-bg:#fffc}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;text-wrap:balance;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.2}p,span,label,input,select,textarea,button{line-height:1.5}.meta,p.meta,.game-description p{text-wrap:pretty}*{box-sizing:border-box}body{background:var(--body-bg);min-height:100dvb;color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);margin:0}#root{align-items:stretch;min-height:100dvb;display:flex}.app-shell{background:var(--shell-bg);width:100%;min-height:100dvb;transition:background var(--transition-normal);gap:0;padding:0;display:flex;position:relative}.app-shell.theme-guest{--accent:#f65583;--accent-strong:#f91f5d;--accent-soft:#f6558314;--accent-soft-strong:#f655832e;--accent-outline:#f6558347;--button-start:#ee2b62;--button-end:#e90c1f;--button-shadow:#ee2b6238;--brand-start:#f65583;--brand-end:#e90c1f;--hero-kicker:#f589a8;--shell-bg:radial-gradient(ellipse at 14% 12%, #410b1b 0%, #0f0a1a 38%, #04040b 100%)}.app-shell.theme-authed{--accent:#36e28c;--accent-strong:#17cf73;--accent-soft:#36e28c14;--accent-soft-strong:#36e28c2e;--accent-outline:#36e28c42;--button-start:#22c373;--button-end:#14b88f;--button-shadow:#22c37333;--brand-start:#36e28c;--brand-end:#14b88f;--hero-kicker:#81e4b3;--shell-bg:radial-gradient(ellipse at 10% 10%, #0c3125 0%, #090d15 38%, #04060b 100%)}:root[data-theme=light] .app-shell.theme-guest{--accent:#ec1351;--accent-strong:#cb0b41;--accent-soft:#ec135114;--accent-soft-strong:#ec135126;--accent-outline:#ec135133;--button-start:#ee2b62;--button-end:#e90c1f;--button-shadow:#ee2b6226;--brand-start:#ee2b62;--brand-end:#e90c1f;--hero-kicker:#a1123a;--shell-bg:radial-gradient(circle at 14% 12%, #fde2eaf2 0%, #fdf1f7f2 34%, #f8fafc 100%)}:root[data-theme=light] .app-shell.theme-authed{--accent:#1ab366;--accent-strong:#109352;--accent-soft:#1ab36614;--accent-soft-strong:#1ab36626;--accent-outline:#1ab36633;--button-start:#22c373;--button-end:#13ae88;--button-shadow:#22c37326;--brand-start:#1dc973;--brand-end:#12a17d;--hero-kicker:#0d7351;--shell-bg:radial-gradient(circle at 10% 10%, #dafbebfa 0%, #f3fcf7f5 32%, #f8fafc 100%)}.app-content{flex:1;min-width:0;min-height:100dvb;padding:clamp(16px,3vw,32px);overflow-y:auto}.mobile-nav-toggle{z-index:80;border:1px solid var(--border-strong);background:var(--mobile-nav-bg,hsla(var(--primary-h), 30%, 8%, .92));cursor:pointer;width:44px;height:44px;transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:none;position:fixed;top:16px;left:16px}.mobile-nav-toggle span{background:var(--text-primary);width:20px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);border-radius:10px;display:block}.mobile-nav-toggle:hover{background:var(--accent-soft-strong);box-shadow:0 0 0 2px var(--accent-outline);transform:scale(1.05)}.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{z-index:50;background:var(--backdrop);-webkit-backdrop-filter:blur(8px);cursor:pointer;border:none;padding:0;position:fixed;inset:0}.top-nav{z-index:65;border:1px solid var(--border);border-left:0;border-right:1px solid var(--border-strong);background:var(--nav-bg);width:80px;height:100dvb;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--nav-shadow), inset 1px 0 0 #ffffff08;transition:width var(--transition-normal), transform var(--transition-normal);border-radius:0 24px 24px 0;align-content:start;gap:24px;padding:20px 14px;display:grid;position:sticky;top:0}.top-nav.expanded{width:270px}.top-nav__head{gap:16px;display:grid}.top-nav__toggle{border:1px solid var(--border);background:var(--control-bg);width:40px;height:40px;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.top-nav__toggle:hover{background:var(--accent-soft-strong);border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-soft);transform:scale(1.05)}.top-nav__brand{color:inherit;outline:none;align-items:center;gap:12px;text-decoration:none;display:flex}.top-nav__brand-mark{background:linear-gradient(135deg, var(--brand-start), var(--brand-end));width:44px;height:44px;box-shadow:0 4px 12px -2px var(--button-shadow), inset 0 1px 0 #fff3;color:#fff;letter-spacing:.03em;transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-radius var(--transition-normal);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;line-height:1;display:inline-flex}.top-nav.expanded .top-nav__brand-mark{border-radius:14px;width:54px;height:54px;font-size:1.05rem}.top-nav__brand-text{opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);pointer-events:none;gap:2px;display:grid;transform:translate(-12px)}.top-nav.expanded .top-nav__brand-text{opacity:1;transform:translate(0)}.top-nav__brand-text strong{color:var(--text-primary);font-size:1rem;font-weight:700}.top-nav__brand-text span{color:var(--text-secondary);font-size:.78rem}.top-nav__actions{gap:8px;display:grid}.top-nav__link{color:var(--text-secondary);cursor:pointer;white-space:nowrap;min-height:44px;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:14px;justify-content:flex-start;align-items:center;padding:12px 14px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.top-nav__icon{flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;font-size:1rem;line-height:1;display:inline-flex}.top-nav__label{display:inline}.top-nav__link:hover{background:var(--accent-soft);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--accent-soft-strong);transform:translate(2px)}.top-nav__link.active{background:var(--accent-soft-strong);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-outline), var(--glow-shadow)}:root[data-theme=light] .top-nav__link.active{color:var(--accent-strong);background:linear-gradient(120deg, #fffffffa, var(--accent-soft));box-shadow:inset 0 0 0 1px var(--accent-outline), 0 8px 18px #94a3b81a}.top-nav:not(.expanded),.top-nav:not(.expanded) .top-nav__head,.top-nav:not(.expanded) .top-nav__actions{justify-items:center}.top-nav:not(.expanded) .top-nav__brand-text{display:none}.top-nav:not(.expanded) .top-nav__link{justify-content:center;width:50px;padding:12px 0;font-size:0}.top-nav:not(.expanded) .top-nav__link .top-nav__icon{margin-right:0}.top-nav:not(.expanded) .top-nav__link:before{content:attr(data-short);letter-spacing:.06em;color:currentColor;font-size:.72rem;font-weight:700}.top-nav:not(.expanded) .top-nav__link--power{font-size:1rem}.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.1rem}.top-nav:not(.expanded) .top-nav__link--power .top-nav__label{display:none}.app-shell.theme-guest .top-nav__link--power{color:#fa9eb8}.app-shell.theme-guest .top-nav__link--power:hover{color:#fccfdc;background:#f6558329}.app-shell.theme-guest .top-nav__link--power.active{background:linear-gradient(120deg,#f6558347,#e90c1f2e);box-shadow:inset 0 0 0 1px #f6558366}.app-shell.theme-authed .top-nav__link--power{color:#a6f2cc}.app-shell.theme-authed .top-nav__link--power:hover{color:#d2f9e6;background:#36e28c29}.app-shell.theme-authed .top-nav__link--power.active{background:linear-gradient(120deg,#36e28c47,#14b88f2e);box-shadow:inset 0 0 0 1px #36e28c66}:root[data-theme=light] .app-shell.theme-guest .top-nav__link--power{color:#aa0936}:root[data-theme=light] .app-shell.theme-guest .top-nav__link--power:hover{color:#790627;background:#ec13511a}:root[data-theme=light] .app-shell.theme-guest .top-nav__link--power.active{background:linear-gradient(120deg,#ec135124,#e90c1f14);box-shadow:inset 0 0 0 1px #ec135133}:root[data-theme=light] .app-shell.theme-authed .top-nav__link--power{color:#13864d}:root[data-theme=light] .app-shell.theme-authed .top-nav__link--power:hover{color:#0a5c33;background:#1ab3661a}:root[data-theme=light] .app-shell.theme-authed .top-nav__link--power.active{background:linear-gradient(120deg,#1ab36624,#12a17d14);box-shadow:inset 0 0 0 1px #1ab36633}.header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.menu-links{flex-wrap:wrap;gap:10px;display:inline-flex}.menu-link{color:var(--accent);background:var(--accent-soft);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;border-radius:99px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none}.menu-link:hover{background:var(--accent-soft-strong);border-color:var(--accent-outline);transform:translateY(-1px)}.menu-link.active{background:var(--accent-strong);color:#fff;box-shadow:var(--glow-shadow)}.brand{flex-direction:column;gap:4px;display:flex}.brand h1{margin:0;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:800}.brand p{color:var(--text-secondary);margin:0;font-size:.95rem}.card{border-radius:var(--border-radius-lg);z-index:1;padding:28px;position:relative}.card:before{content:"";z-index:-1;background:linear-gradient(160deg, var(--surface-0), var(--surface-1));border:1px solid var(--border);border-top-color:var(--border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--glass-blur);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);pointer-events:none;position:absolute;inset:0}.card:hover:before{border-color:var(--accent-outline)}.card.compact{border-radius:var(--border-radius-md);padding:20px}.card.compact:before{border-radius:var(--border-radius-md)}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.landing-feature{gap:24px;display:grid}.landing-hero{background:radial-gradient(circle at 20% 20%, var(--accent-soft-strong), transparent 50%), linear-gradient(145deg, var(--control-bg-strong), var(--surface-muted));gap:24px;display:grid;position:relative;overflow:hidden}.landing-hero__copy{gap:16px;display:grid}.landing-site-title{gap:4px;margin-bottom:8px;display:grid}.landing-site-title p{text-transform:uppercase;letter-spacing:.22em;color:var(--hero-kicker);margin:0;font-size:.85rem;font-weight:800}.landing-site-title h2{color:var(--text-primary);margin:0;font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:800}.landing-hero__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--hero-kicker);margin:0;font-size:.8rem;font-weight:800}.landing-hero h1{max-width:18ch;margin:0;font-size:clamp(1.8rem,3.8vw,3.2rem);font-weight:800;line-height:1.1}.landing-hero__text{max-width:52ch;margin:0;line-height:1.6}.landing-hero__actions{flex-wrap:wrap;gap:12px;display:flex}.landing-hero__gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.landing-hero__tile{border-radius:var(--border-radius-md);color:#fff;border:1px solid var(--border);background:var(--surface-solid);height:140px;transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.landing-hero__tile img{object-fit:cover;filter:saturate(1.15)brightness(.9);width:100%;height:100%;transition:transform var(--transition-slow), filter var(--transition-normal);display:block}.landing-hero__tile:after{content:"";transition:opacity var(--transition-normal);background:linear-gradient(#0000 35%,#020617e6 100%);position:absolute;inset:0}.landing-hero__tile span{z-index:1;text-wrap:balance;text-shadow:0 1px 4px #000000b3;transition:color var(--transition-fast);font-size:.85rem;font-weight:700;position:absolute;bottom:12px;left:12px;right:12px}.landing-hero__tile:hover{border-color:var(--accent-outline);box-shadow:0 20px 40px -10px #0009, var(--glow-shadow);transform:translateY(-4px)scale(1.03)}.landing-hero__tile:hover img{filter:saturate(1.25)brightness();transform:scale(1.08)}.landing-hero__empty{border-radius:var(--border-radius-md);text-align:center;min-height:200px;color:var(--text-secondary);border:2px dashed #94a3b84d;grid-column:1/-1;place-items:center;padding:24px;display:grid}.landing-hero--authed{border-radius:var(--border-radius-lg);border:1px solid var(--border);border-top-color:var(--border-strong);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--glass-blur);background:radial-gradient(ellipse 65% 55% at 5% 0%, #20df8029 0%, transparent 65%), radial-gradient(ellipse 50% 50% at 95% 95%, #25aff41a 0%, transparent 65%), linear-gradient(155deg, var(--surface-0), var(--surface-1));transition:border-color var(--transition-normal), box-shadow var(--transition-normal);padding:clamp(24px,4vw,36px)}.landing-hero--authed:hover{border-color:var(--accent-outline);box-shadow:var(--card-shadow), 0 0 32px -8px #20df802e}.landing-hero__badge{background:var(--surface-flat);border:1px solid var(--accent-outline);letter-spacing:.04em;width:fit-content;color:var(--accent);border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 2px 10px -2px #00000040}.landing-hero__badge-pulse{background:var(--status-playing);width:8px;height:8px;box-shadow:0 0 8px var(--status-playing);border-radius:50%;flex-shrink:0;display:inline-block;position:relative}.landing-hero__badge-pulse:after{content:"";border:1.5px solid var(--status-playing);opacity:.7;border-radius:50%;animation:2s cubic-bezier(.24,0,.38,1) infinite badgePulse;position:absolute;inset:-3px}@keyframes badgePulse{0%{opacity:.9;transform:scale(.9)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}.landing-hero__badge-text{line-height:1}.landing-hero__title{letter-spacing:-.025em;color:var(--text-primary);max-width:18ch;margin:0;font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;line-height:1.12}.landing-hero__title-gradient{background:linear-gradient(135deg, var(--text-primary) 20%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero__stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.landing-hero__stat-pill{border-radius:var(--border-radius-md);background:var(--surface-flat);border:1px solid var(--border);color:var(--text-primary);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;text-decoration:none;display:inline-flex}.landing-hero__stat-pill:hover{border-color:var(--accent-outline);background:var(--surface-flat-strong);transform:translateY(-2px);box-shadow:0 6px 16px -4px #00000059}.stat-pill__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stat-pill--playing .stat-pill__dot{background:var(--status-playing);box-shadow:0 0 6px var(--status-playing)}.stat-pill--backlog .stat-pill__dot{background:var(--status-backlog);box-shadow:0 0 6px var(--status-backlog)}.stat-pill--want .stat-pill__dot{background:var(--status-want);box-shadow:0 0 6px var(--status-want)}.stat-pill__count{color:var(--text-primary);font-size:.95rem;font-weight:800}.stat-pill__label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.landing-hero__action-btn{align-items:center;gap:8px;display:inline-flex}.landing-hero__action-btn--ghost{border:1px solid var(--border-strong);color:var(--text-secondary);box-shadow:none;background:0 0}.landing-hero__action-btn--ghost:hover{border-color:var(--accent-outline);background:var(--surface-flat);color:var(--text-primary)}.landing-hero__tile .landing-hero__tile-badge{z-index:2;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);text-shadow:none;border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:700;position:absolute;inset:10px auto auto 10px}.landing-hero__tile .landing-hero__tile-badge.badge-playing{color:#fff;background:#159d5ee0;border:1px solid #35e39266;box-shadow:0 2px 8px #12875080}.landing-hero__tile .landing-hero__tile-badge.badge-backlog{color:#fff;background:#c47f08e0;border:1px solid #f7b23b66;box-shadow:0 2px 8px #935f0680}.landing-hero__tile .landing-hero__tile-badge.badge-want{color:#fff;background:#8013ece0;border:1px solid #b371f466;box-shadow:0 2px 8px #660fbd80}.landing-hero__empty-card{border:1px dashed var(--border-strong);border-radius:var(--border-radius-md);background:var(--surface-flat);-webkit-backdrop-filter:blur(12px);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;min-height:240px;padding:28px 24px;display:flex}.landing-hero__empty-icon-wrap{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border:1px solid var(--accent-outline);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.landing-hero__empty-card strong{color:var(--text-primary);font-size:1.05rem}.landing-hero__empty-card p{max-width:32ch;margin:0;font-size:.88rem;line-height:1.5}.landing-panels{align-items:stretch;gap:20px;display:grid}.wishlist-countdown__row,.wishlist-recently-released__row{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.wishlist-countdown__card,.wishlist-recently-released__card{color:inherit;border:1px solid var(--border);border-top-color:var(--border-strong);border-radius:var(--border-radius-md);background:var(--surface-flat);-webkit-backdrop-filter:blur(8px);min-height:100px;transition:background var(--transition-normal), border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);grid-template-columns:72px 1fr;align-items:center;gap:14px;padding:14px;text-decoration:none;display:grid}.wishlist-countdown__card:hover,.wishlist-recently-released__card:hover{background:var(--accent-soft);border-color:var(--accent-outline);box-shadow:0 12px 24px -8px var(--button-shadow), inset 0 0 0 1px var(--accent-outline);transform:translateY(-3px)}.wishlist-countdown__cover,.wishlist-recently-released__cover{object-fit:cover;background:var(--surface-solid);border-radius:10px;width:72px;height:72px}.wishlist-countdown__cover.placeholder,.wishlist-recently-released__cover.placeholder{color:var(--text-secondary);text-align:center;border:1px dashed #94a3b847;place-items:center;padding:4px;font-size:.7rem;display:grid}.wishlist-countdown__content,.wishlist-recently-released__content{gap:3px;display:grid}.wishlist-countdown__content strong,.wishlist-recently-released__content strong{color:var(--text-primary);font-size:.95rem;font-weight:700}.wishlist-countdown__content .meta,.wishlist-recently-released__content .meta{color:var(--text-secondary);font-size:.8rem;line-height:1.3}.wishlist-countdown__pill,.wishlist-recently-released__pill{background:var(--accent-soft-strong);border:1px solid var(--accent-outline);width:fit-content;color:var(--text-primary);white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;margin-top:6px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.wishlist-recently-released__pill{background:var(--status-playing-soft);border:1px solid var(--status-playing-border);color:var(--status-playing)}.landing-panel--match-recent{height:100%}.label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}input,select,textarea{border:1px solid var(--border-strong);background:var(--control-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:.95rem}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft-strong);background-color:var(--control-bg-strong);outline:none}:is(input:user-invalid,textarea:user-invalid){border-color:var(--danger-strong);box-shadow:0 0 0 4px #fa385826}button{appearance:none;cursor:pointer;background:linear-gradient(135deg, var(--button-start), var(--button-end));color:#fff;box-shadow:0 4px 12px -2px var(--button-shadow), inset 0 1px 0 #ffffff26;transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border:none;border-radius:99px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:700}button:hover:not(:disabled){box-shadow:0 12px 24px -4px var(--button-shadow), inset 0 1px 0 #ffffff26, var(--glow-shadow);filter:brightness(1.06);transform:translateY(-2px)scale(1.02)}button:active:not(:disabled){transform:translateY(0)scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.secondary{background:var(--surface-solid);color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:none}button.secondary:hover:not(:disabled){background:var(--surface-flat-strong);border-color:var(--accent-outline);filter:none;box-shadow:0 6px 16px -4px #00000026}button.danger{background:linear-gradient(135deg, var(--danger), var(--danger-strong));color:#fff;box-shadow:0 4px 12px -2px #fa385826,inset 0 1px #ffffff1f}button.danger:hover:not(:disabled){box-shadow:0 12px 24px -4px #fa38584d}.button-link{background:linear-gradient(135deg, var(--button-start), var(--button-end));color:#fff;box-shadow:0 4px 12px -2px var(--button-shadow), inset 0 1px 0 #ffffff26;transition:transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border-radius:99px;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.button-link.secondary{background:var(--surface-solid);color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:none}.button-link.secondary:hover{background:var(--surface-flat-strong);border-color:var(--accent-outline);filter:none;box-shadow:0 6px 16px -4px #00000026}:root[data-theme=light] .app-shell.theme-authed .landing-hero .button-link.secondary{color:#107040;background:#ffffffeb;box-shadow:inset 0 0 0 1px #22c3732e}:root[data-theme=light] .app-shell.theme-authed .landing-hero .button-link.secondary:hover{box-shadow:inset 0 0 0 1px #22c3733d,0 12px 22px #22c3731a}:root[data-theme=light] .landing-hero--authed{background:radial-gradient(70% 60% at 5% 0,#1dc9731a 0%,#0000 60%),radial-gradient(60% 60% at 95% 95%,#0da6f20f 0%,#0000 60%),linear-gradient(155deg,#ffffffd9,#f1f5f9cc);border-color:#29a3662e;box-shadow:0 12px 32px -8px #00000014,inset 0 1px #ffffffe6}:root[data-theme=light] .landing-hero__title-gradient{background:linear-gradient(135deg,#151e37 20%,#148f52 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .landing-hero__badge{color:#0d7340;background:#1dc97314;border-color:#1ab36638}:root[data-theme=light] .landing-hero__stat-pill{background:#ffffffd9;border-color:#bfcad999;box-shadow:0 2px 6px #0000000a}:root[data-theme=light] .landing-hero__stat-pill:hover{background:#fffffffa;border-color:#1ab36659;box-shadow:0 6px 16px -4px #0000001a}:root[data-theme=light] .landing-hero__action-btn--ghost{color:#394660;border-color:#afbdcfcc}:root[data-theme=light] .landing-hero__action-btn--ghost:hover{color:#0a5c33;background:#1dc97314;border-color:#1ab366}:root[data-theme=light] .landing-hero__empty-card{background:#ffffffbf;border-color:#bfcad9cc}.button-link:hover{box-shadow:0 12px 24px -4px var(--button-shadow), inset 0 1px 0 #ffffff26, var(--glow-shadow);filter:brightness(1.06);transform:translateY(-2px)scale(1.02)}.error{color:var(--danger);margin-top:8px;font-size:.85rem;font-weight:600}.meta{color:var(--text-secondary);font-size:.9rem}.meta-stack{gap:6px;margin-top:8px;display:grid}.meta-stack .meta{display:block}.add-controls{gap:12px;margin-top:12px;display:grid}.add-controls label{gap:6px;font-weight:600;display:grid}.add-controls select{font-weight:500}.backlog-section-header{gap:8px;margin-bottom:4px;display:grid}.backlog-section-header.is-wishlist{grid-template-columns:minmax(0,1fr) auto;align-items:start}.wishlist-share{justify-items:end;gap:8px;max-width:460px;margin-left:auto;display:grid}.wishlist-share-trigger{border-radius:99px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex;position:relative}.wishlist-share-trigger svg{display:block}.wishlist-share-trigger:after{content:attr(data-tooltip);border:1px solid var(--border-strong);background:var(--control-bg-strong);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast);border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:600;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.wishlist-share-trigger:hover:after,.wishlist-share-trigger:focus-visible:after{opacity:1;visibility:visible}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wishlist-share-input{border:1px solid var(--border);background:var(--control-bg-strong);width:100%;color:var(--text-primary);border-radius:10px;padding:10px 14px;font-size:.9rem}.wishlist-share-input:focus{outline:2px solid var(--accent-outline);outline-offset:2px}.add-panel{border-radius:var(--border-radius-md);background:var(--surface-muted);border:1px solid var(--border);gap:16px;margin:16px 0 24px;padding:20px;display:grid}.add-panel h3{margin:0}.igdb-results{gap:10px;display:grid}.igdb-results__toggle{justify-self:start}.igdb-result{text-align:left;border:1px solid var(--border);background:var(--surface-flat-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;gap:4px;padding:12px 16px;display:grid}.igdb-result__title{color:var(--text-primary);font-weight:700}.platform-results{gap:8px;display:grid}.platform-result{text-align:left;border:1px solid var(--border);background:var(--surface-flat-strong);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.platform-result:disabled{cursor:default;opacity:.65}.platform-preferences{gap:16px;margin-top:20px;display:grid}.platform-preferences__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.platform-preferences__header h3{margin:0}.platform-tags{flex-wrap:wrap;gap:8px;display:flex}.platform-tag-pill{background:var(--accent-soft);border:1px solid var(--accent-outline);color:var(--text-primary);border-radius:99px;align-items:center;gap:10px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.theme-preferences{border-top:1px solid var(--border);gap:16px;margin-top:24px;padding-top:24px;display:grid}.theme-toggle-list{gap:12px;display:grid}.theme-switch{border:1px solid var(--border);border-radius:var(--border-radius-md);background:var(--surface-flat);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px 20px;display:grid}.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:.65;cursor:not-allowed}.theme-switch__copy{gap:4px;display:grid}.theme-switch__copy strong{font-weight:700}.theme-switch__control{align-items:center;display:inline-flex;position:relative}.theme-switch__input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.theme-switch__input:disabled{cursor:not-allowed}.theme-switch__track{background:var(--surface-solid);border:1px solid var(--border);width:56px;height:32px;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:99px;align-items:center;padding:4px;display:inline-flex}.theme-switch__thumb{background:var(--surface-1);width:22px;height:22px;transition:transform var(--transition-fast);border-radius:99px;box-shadow:0 4px 10px #0f172a33}.theme-switch__input:checked+.theme-switch__track{background:linear-gradient(120deg, var(--button-start), var(--button-end));border-color:#0000}.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{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:0;padding:0;font-weight:600}.link-button:hover{box-shadow:none;text-decoration:underline;transform:none}.meta ul,ul.meta{gap:8px;margin:12px 0 0;padding-left:0;list-style:none;display:grid}ul.meta li{padding-left:18px;position:relative}ul.meta li:before{content:"•";color:var(--accent);position:absolute;left:0}.list{gap:14px;display:grid;container:card/inline-size}.list-item{border-radius:var(--border-radius-md);border:1px solid var(--border);background:var(--surface-flat);transition:background var(--transition-normal), border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);gap:12px;padding:16px 20px;display:grid}.list-item.link{color:inherit;cursor:pointer;text-decoration:none}.list-item.link:hover{background:var(--accent-soft);border-color:var(--accent-outline);box-shadow:0 8px 20px -8px var(--button-shadow);transform:translateY(-2px)}.list-item.link:focus-visible{outline:3px solid var(--accent-outline);outline-offset:2px}.list-button{text-align:left;border:1px solid var(--border);width:100%;font-family:inherit;font-size:inherit;color:inherit;box-shadow:none;font-weight:400}.list-button:hover:not(:disabled){filter:none;transform:translateY(-2px)}.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:72px 1fr;align-items:center;gap:16px}.upcoming-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.upcoming-month-group{content-visibility:auto;contain-intrinsic-size:auto 500px;gap:14px;display:grid}.upcoming-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.upcoming-header-row h2{margin:0}.upcoming-year-tabs{background:var(--surface-flat);border:1px solid var(--border);border-radius:var(--border-radius-md);gap:4px;padding:4px;display:inline-flex}.upcoming-year-tab{border-radius:var(--border-radius-sm);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);padding:6px 14px;font-size:.85rem;font-weight:700;text-decoration:none}.upcoming-year-tab:hover{color:var(--text-primary);background:var(--surface-flat-strong)}.upcoming-year-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px -2px var(--button-shadow)}.upcoming-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 16px;display:flex}.upcoming-search-wrap{flex:1;align-items:center;min-width:220px;max-width:400px;display:flex;position:relative}.upcoming-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.upcoming-search-input{border-radius:var(--border-radius-md);border:1px solid var(--border);background:var(--surface-flat);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:8px 32px 8px 36px;font-size:.88rem}.upcoming-search-input:focus{border-color:var(--accent-outline);box-shadow:0 0 0 2px var(--accent-outline);background:var(--surface-flat-strong);outline:none}.upcoming-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.upcoming-search-clear:hover{color:var(--text-primary)}.upcoming-month-header-row{justify-content:space-between;align-items:center;gap:12px;margin:16px 0 4px;display:flex}.upcoming-month-header{color:var(--text-primary);margin:0;scroll-margin-top:164px;font-size:1.15rem;font-weight:800}.upcoming-month-badge{background:var(--surface-flat);border:1px solid var(--border);color:var(--text-secondary);border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:700}.month-jump{z-index:20;border-radius:var(--border-radius-md);border:1px solid var(--border);border-top-color:var(--border-strong);background:var(--control-bg-strong);box-shadow:var(--jump-shadow);-webkit-backdrop-filter:var(--glass-blur);transition:border-color var(--transition-normal);align-self:start;gap:10px;margin:4px 0 20px;padding:12px 16px;display:grid;position:sticky;top:14px}.month-jump:hover{border-color:var(--accent-outline)}.month-jump-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.month-jump-title{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:inline-flex}.month-jump-current-btn{background:var(--accent-soft);border:1px solid var(--accent-outline);color:var(--accent);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.month-jump-current-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.month-jump-links{flex-wrap:wrap;gap:8px;max-height:32dvh;padding-right:4px;display:flex;overflow-y:auto}.month-jump-link{background:var(--surface-solid);color:var(--panel-text-on-solid);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;border-radius:99px;align-items:center;gap:6px;padding:5px 11px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.month-jump-link:hover{background:var(--surface-flat-strong);color:var(--text-primary);border-color:var(--accent-outline);transform:translateY(-1px)}.month-jump-link.current{background:var(--accent-strong);color:#fff;box-shadow:var(--glow-shadow);font-weight:700}.month-jump-link.is-calendar-current:not(.current){border-color:var(--accent-outline);box-shadow:0 0 0 1px var(--accent-outline)}.month-jump-live-dot{background:var(--status-playing);width:6px;height:6px;box-shadow:0 0 6px var(--status-playing);border-radius:50%;flex-shrink:0;display:inline-block}.month-jump-count{color:inherit;background:#667b992e;border-radius:99px;padding:1px 5px;font-size:.7rem;font-weight:700}.month-jump-link.current .month-jump-count{color:#fff;background:#0000003d}.plus-button{justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;padding:0;font-size:1.25rem;line-height:1;display:inline-flex}.cover{object-fit:cover;background:var(--surface-solid);width:72px;height:72px;transition:transform var(--transition-normal);border-radius:12px;box-shadow:0 4px 10px #0000004d}.list-item:hover .cover:not(.placeholder),.list-item.link:hover .cover:not(.placeholder){transform:scale(1.05)}.cover.large{border-radius:var(--border-radius-md);object-fit:cover;width:100%;height:320px}.cover.placeholder{color:var(--placeholder-text);background:var(--surface-solid);justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.tag{background:var(--surface-solid);color:var(--panel-text-on-solid);border:1px solid var(--border);transition:background var(--transition-fast);border-radius:99px;align-items:center;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.platform-tag{border:1px solid var(--accent-outline);background:var(--accent-soft);color:var(--accent);transition:background var(--transition-fast), box-shadow var(--transition-fast);text-decoration:none}.platform-tag:hover{background:var(--accent-soft-strong);box-shadow:inset 0 0 0 1px var(--accent-outline)}.platform-link{font-weight:600;text-decoration:none}.inline-platform{display:inline}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.game-detail{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.game-info{gap:20px;display:grid}.game-description p{color:var(--text-secondary);margin:10px 0 0;line-height:1.65}@media (width>=900px){.game-detail{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start}.app-shell{padding:0}.app-content{padding:32px clamp(24px,4vw,48px)}.grid.two{grid-template-columns:1.15fr 1fr;gap:24px}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:440px;padding:40px}.landing-hero__gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-hero__tile{height:170px}.landing-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (width<=899px){.app-shell{flex-direction:column;gap:0;width:100%;height:100dvh;padding:0;display:flex;overflow:hidden}.mobile-nav-toggle,.sidebar-backdrop,.top-nav{display:none!important}.app-content{-webkit-overflow-scrolling:touch;min-height:0;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left));flex:1;overflow-y:auto}.toast-container{bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;left:16px;right:16px}.list{gap:12px}.list-item{border-radius:var(--border-radius-md);padding:14px}.list-item.with-media{grid-template-columns:60px 1fr;align-items:start;gap:12px}.wishlist-countdown__row,.wishlist-recently-released__row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cover{border-radius:10px;width:60px;height:60px}.upcoming-row{align-items:flex-start;gap:10px}.upcoming-row strong{font-size:.96rem;line-height:1.25}.meta-stack{gap:4px}.meta-stack .meta{font-size:.84rem;line-height:1.35}.plus-button{flex-shrink:0;width:34px;min-width:34px;height:34px;font-size:1.1rem}.add-controls{gap:8px;margin-top:10px}.add-panel{border-radius:var(--border-radius-md);margin:12px 0 20px;padding:16px}.backlog-section-header.is-wishlist{grid-template-columns:minmax(0,1fr)}.month-jump{top:10px}.upcoming-month-header{scroll-margin-top:110px}}@container card (inline-size>500px){.list-item.with-media{grid-template-columns:72px 1fr;align-items:center}}.list-item__details{flex-direction:column;gap:12px;width:100%;display:flex}.list-item__info{gap:6px;display:grid}.list-item__info strong{font-size:1.05rem;font-weight:700}.list-item__actions{gap:8px;width:100%;display:grid}@container card (inline-size>500px){.list-item__details{grid-template-columns:1fr auto;align-items:center;gap:20px;display:grid}.list-item__actions{flex-direction:column;align-items:flex-end;width:auto;display:flex}}:root{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--surface-solid) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-solid);background-clip:padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent-strong);background-clip:padding-box;border:2px solid #0000}@media (prefers-reduced-motion:reduce){.landing-hero__tile,.landing-hero__tile img,.list-item,.wishlist-countdown__card,.wishlist-recently-released__card,.button-link,button,.cover,.top-nav,.mobile-nav-toggle{transition-duration:.01ms!important}.landing-hero__tile:hover,.landing-hero__tile:hover img,.landing-hero__stat-pill:hover,.list-item.link:hover,.wishlist-countdown__card:hover,.wishlist-recently-released__card:hover{transform:none}.landing-hero__badge-pulse:after{animation:none!important}}.dashboard-layout{align-items:start}.dashboard-stack,.dashboard-sections,.dashboard-section{display:grid}.dashboard-stack{gap:16px}.dashboard-sections{gap:20px}.dashboard-section{gap:12px}.view-toggle{border:1px solid var(--border);border-radius:var(--border-radius-md);background:var(--surface-muted);align-items:center;gap:8px;padding:4px;display:inline-flex}.view-toggle .menu-link{border-radius:var(--border-radius-sm)}.library-entry-card,.release-list-card,.catalog-game-card,.upcoming-release-card{background:linear-gradient(120deg, #ffffff09, transparent 44%), var(--surface-flat);border-color:var(--border);position:relative}.library-entry-card:before,.release-list-card:before,.catalog-game-card:before,.upcoming-release-card:before{content:"";background:var(--accent);opacity:0;border-radius:999px;width:3px;transition:opacity .18s;position:absolute;inset:10px auto 10px 0}.library-entry-card:hover:before,.release-list-card:hover:before,.catalog-game-card:hover:before,.upcoming-release-card:hover:before{opacity:.8}.entry-actions{align-items:center;gap:8px;display:flex}.entry-actions .icon-label-button{flex:1}.upcoming-title-block{align-items:center;gap:12px;min-width:0;display:flex}.release-date-badge{border-radius:var(--border-radius-sm);border:1px solid var(--accent-outline);background:var(--accent-soft);width:48px;min-width:48px;height:54px;color:var(--text-primary);place-items:center;padding:5px;line-height:1;display:grid}.release-date-badge span{color:var(--accent);text-transform:uppercase;font-size:.68rem;font-weight:800}.release-date-badge strong{font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:1.05rem}.game-detail-page{gap:16px;display:grid}.game-detail-hero{border-radius:var(--border-radius-xl);border:1px solid var(--border);background:linear-gradient(90deg, #020617eb, #0206179e 48%, #02061740), var(--game-hero-image), linear-gradient(145deg, var(--surface-flat-strong), var(--surface-muted));min-height:320px;box-shadow:var(--card-shadow);background-position:50%;background-size:cover;align-content:space-between;gap:32px;padding:clamp(18px,4vw,34px);display:grid;position:relative;overflow:hidden}.game-detail-hero__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.game-detail-hero__copy{gap:12px;max-width:720px;display:grid}.game-detail-hero h1{letter-spacing:-.04em;color:#fff;text-shadow:0 3px 22px #0000006b;max-width:14ch;margin:0;font-size:clamp(2.4rem,7vw,5.5rem);line-height:.94}.detail-kicker{border-radius:var(--border-radius-sm);color:#e2e8f0;letter-spacing:.12em;text-transform:uppercase;background:#0206176b;border:1px solid #ffffff29;width:fit-content;padding:6px 10px;font-size:.74rem;font-weight:800}.detail-stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.detail-stat{border-radius:var(--border-radius-md);border:1px solid var(--border);background:var(--surface-muted);gap:6px;padding:14px;display:grid}.detail-stat svg{color:var(--accent)}.detail-stat .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.76rem}.detail-stat strong{color:var(--text-primary)}@media (width<=899px){.upcoming-title-block{align-items:flex-start;gap:9px}.release-date-badge{width:42px;min-width:42px;height:48px}.game-detail-hero{min-height:300px}.game-detail-hero h1{max-width:12ch}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface-flat) 25%, var(--surface-flat-strong) 37%, var(--surface-flat) 63%);background-size:200% 100%;border-radius:4px;animation:1.4s infinite shimmer}.skeleton-text{border-radius:4px;height:14px;margin-bottom:8px}.skeleton-title{width:70%;height:20px;margin-bottom:12px}.kanban-board-toggle-container{justify-content:flex-end;margin-bottom:16px;display:flex}.kanban-board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:16px;width:100%;display:grid}.kanban-column{background:var(--surface-flat);border:1px solid var(--border);border-radius:var(--border-radius-md);min-height:500px;transition:all var(--transition-normal);flex-direction:column;gap:12px;padding:16px;display:flex}.kanban-column.is-dragging-over{background:var(--accent-soft-strong);border-color:var(--accent);box-shadow:0 0 12px var(--accent-soft)}.kanban-column-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.kanban-column-header h3{color:var(--text-primary);margin:0;font-size:1rem}.kanban-column-header .count{color:var(--text-secondary);background:var(--control-bg-strong);border-radius:99px;padding:2px 8px;font-size:.8rem;font-weight:700}.kanban-cards{flex-direction:column;gap:12px;min-height:400px;display:flex}.kanban-card{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--border-radius-sm);cursor:grab;transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px;display:flex;position:relative}.kanban-card:active{cursor:grabbing}.kanban-card.is-dragging{opacity:.4;transform:scale(.98)}.kanban-card:hover{border-color:var(--accent);box-shadow:var(--jump-shadow);transform:translateY(-2px)}.kanban-card .cover{object-fit:cover;border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:48px;height:64px}.kanban-card .info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.kanban-card .title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:700;overflow:hidden}.kanban-card .platform{color:var(--accent);font-size:.75rem;font-weight:600}.toast-container{z-index:100;pointer-events:none;flex-direction:column;gap:10px;width:calc(100% - 48px);max-width:360px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:auto;background:var(--surface-solid);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--border-radius-md);color:var(--text-primary);box-shadow:var(--nav-shadow);animation:toast-slide-up var(--transition-normal);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:.875rem;font-weight:500;display:flex}.toast-item.success{border-left:4px solid var(--accent)}.toast-item.error{border-left:4px solid var(--danger)}.toast-item__close{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.toast-item__close:hover{color:var(--text-primary);background:var(--control-bg)}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.countdown-badge{border-radius:var(--border-radius-sm);border:1px solid var(--accent-outline);background:var(--accent-soft);color:var(--accent);align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:4px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.countdown-badge svg{flex-shrink:0}.backlog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;display:flex}.search-filter-container{flex:1;min-width:240px;max-width:440px;position:relative}.search-filter-input{width:100%;border-radius:var(--border-radius-md)!important;border:1px solid var(--border-strong)!important;background:var(--control-bg)!important;color:var(--text-primary)!important;transition:all var(--transition-fast)!important;padding:10px 42px 10px 38px!important;font-size:.88rem!important}.search-filter-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-outline)!important;background:var(--control-bg-strong)!important}.search-filter-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-kbd{border:1px solid var(--border-strong);background:var(--surface-solid);color:var(--text-muted);pointer-events:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.72rem;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-filter-clear{background:var(--control-bg-strong);border:1px solid var(--border);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;box-shadow:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-filter-clear:hover{background:var(--accent-soft-strong);color:var(--text-primary);transform:translateY(-50%)scale(1.1)}.backlog-toolbar__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-result-badge{color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:99px;padding:4px 10px;font-size:.78rem;font-weight:600}.segmented-control{border-radius:var(--border-radius-md);background:var(--control-bg-strong);border:1px solid var(--border);gap:4px;padding:4px;display:inline-flex}.segmented-button{border-radius:var(--border-radius-sm);color:var(--text-secondary);box-shadow:none;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.segmented-button:hover:not(.active){color:var(--text-primary);background:var(--surface-flat);transform:none}.segmented-button.active{background:var(--surface-solid);color:var(--text-primary);transform:none;box-shadow:0 2px 8px #00000040,inset 0 1px #ffffff1a}:root[data-theme=light] .segmented-button.active{color:var(--text-primary);background:#fff;box-shadow:0 2px 8px #0f172a14}.top-nav__link--install{color:var(--accent)}.top-nav__link--install:hover{background:var(--accent-soft);color:var(--accent-strong)}.top-nav__link--install.active{background:linear-gradient(120deg, var(--accent-soft-strong), var(--accent-outline));box-shadow:inset 0 0 0 1px var(--accent-outline)}:root[data-theme=light] .top-nav__link--install{color:#0974aa}:root[data-theme=light] .top-nav__link--install:hover{color:#03547c;background:#0b95da1a}.top-nav:not(.expanded) .top-nav__link--install{font-size:1rem}.top-nav:not(.expanded) .top-nav__link--install:before{content:none}.top-nav:not(.expanded) .top-nav__link--install .top-nav__icon{margin-right:0;font-size:1.1rem}.top-nav:not(.expanded) .top-nav__link--install .top-nav__label{display:none}.pwa-modal-overlay{background:var(--backdrop);width:100vw;height:100vh;-webkit-backdrop-filter:var(--glass-blur);z-index:9999;animation:pwaFadeIn .3s var(--transition-normal);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.pwa-modal-card{background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);flex-direction:column;align-items:stretch;width:90%;max-width:440px;padding:32px;animation:.35s cubic-bezier(.34,1.56,.64,1) pwaSlideUp;display:flex;position:relative}.pwa-modal-close{color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:6px;position:absolute;top:20px;right:20px}.pwa-modal-close:hover{background:var(--border);color:var(--text-primary)}.pwa-modal-header{text-align:center;margin-bottom:28px}.pwa-modal-logo{color:var(--accent);filter:drop-shadow(0 0 10px var(--accent-outline));margin-bottom:12px}.pwa-modal-header h2{color:var(--text-primary);margin:0 0 8px;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700}.pwa-modal-header p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.pwa-modal-steps{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.pwa-modal-step{align-items:flex-start;gap:16px;display:flex}.pwa-modal-step-number{background:var(--accent-soft-strong);color:var(--accent);border:1px solid var(--accent-outline);width:28px;height:28px;box-shadow:var(--glow-shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.pwa-modal-step-text{color:var(--text-secondary);font-size:.95rem;line-height:1.45}.pwa-modal-step-text strong{color:var(--text-primary);font-weight:600}.pwa-inline-icon{background:var(--nav-control-bg);border:1px solid var(--border);vertical-align:middle;border-radius:6px;justify-content:center;align-items:center;margin-left:6px;padding:4px;display:inline-flex}.pwa-modal-action{background:linear-gradient(135deg, var(--button-start), var(--button-end));color:#fff;border-radius:var(--border-radius-md);cursor:pointer;width:100%;transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:0 4px 14px var(--button-shadow);text-align:center;border:none;justify-content:center;padding:12px;font-weight:600}.pwa-modal-action:hover{box-shadow:0 6px 20px var(--button-shadow);transform:translateY(-2px)}.pwa-modal-action:active{transform:translateY(0)}@keyframes pwaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pwaSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.status-tag{letter-spacing:.02em;text-transform:capitalize;transition:all var(--transition-fast);font-weight:700}.status-tag--playing{background:var(--status-playing-soft);color:var(--status-playing);border:1px solid var(--status-playing-border)}.status-tag--want{background:var(--status-want-soft);color:var(--status-want);border:1px solid var(--status-want-border)}.status-tag--backlog{background:var(--status-backlog-soft);color:var(--status-backlog);border:1px solid var(--status-backlog-border)}.status-tag--played{background:var(--status-played-soft);color:var(--status-played);border:1px solid var(--status-played-border)}.status-tag--find_out_more{background:var(--status-find_out_more-soft);color:var(--status-find_out_more);border:1px solid var(--status-find_out_more-border)}.status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.status-dot--playing{background:var(--status-playing);box-shadow:0 0 10px var(--status-playing)}.status-dot--want{background:var(--status-want);box-shadow:0 0 10px var(--status-want)}.status-dot--backlog{background:var(--status-backlog);box-shadow:0 0 10px var(--status-backlog)}.status-dot--played{background:var(--status-played);box-shadow:0 0 10px var(--status-played)}.status-dot--find_out_more{background:var(--status-find_out_more);box-shadow:0 0 10px var(--status-find_out_more)}.quick-status-select{appearance:none;border:1px solid var(--border-strong);background:var(--control-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--text-primary);cursor:pointer;width:auto;transition:all var(--transition-fast);border-radius:99px;padding:8px 30px 8px 14px;font-size:.8rem;font-weight:600}.quick-status-select:hover{background-color:var(--control-bg-strong);border-color:var(--accent-outline)}.quick-status-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-strong);outline:none}.platform-pill{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-secondary);border-radius:6px;align-items:center;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.platform-pill--ps{color:#38bdf8;background:#0070d11f;border-color:#0070d166}.platform-pill--xbox{color:#4ade80;background:#107c101f;border-color:#107c1073}.platform-pill--nintendo{color:#f87171;background:#e600121f;border-color:#e6001273}.platform-pill--pc{color:#7dd3fc;background:#38bdf81a;border-color:#38bdf866}.platform-pills-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.kanban-column-title-group{align-items:center;gap:8px;display:flex}.kanban-column--playing{border-top:3px solid var(--status-playing)}.kanban-column--want{border-top:3px solid var(--status-want)}.kanban-column--backlog{border-top:3px solid var(--status-backlog)}.kanban-column--played{border-top:3px solid var(--status-played)}.kanban-column--find_out_more{border-top:3px solid var(--status-find_out_more)}.kanban-card--playing{border-left:3px solid var(--status-playing)}.kanban-card--want{border-left:3px solid var(--status-want)}.kanban-card--backlog{border-left:3px solid var(--status-backlog)}.kanban-card--played{border-left:3px solid var(--status-played)}.kanban-card--find_out_more{border-left:3px solid var(--status-find_out_more)}.kanban-empty-dropzone{border:1px dashed var(--border-strong);border-radius:var(--border-radius-sm);background:hsla(var(--primary-h), 30%, 8%, .25);text-align:center;place-items:center;padding:42px 16px;display:grid}.kanban-card__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kanban-card__meta .release-date{color:var(--text-muted);font-size:.72rem}.kanban-card__quick-actions{margin-top:6px}.kanban-status-select{appearance:none;border:1px solid var(--border);background:var(--control-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 6px center;color:var(--text-muted);cursor:pointer;border-radius:6px;width:auto;padding:3px 20px 3px 8px;font-size:.7rem;font-weight:600}.kanban-status-select:hover{color:var(--text-primary);border-color:var(--accent-outline)}.empty-state{text-align:center;border-radius:var(--border-radius-lg);background:var(--surface-flat);border:1px dashed var(--border-strong);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:clamp(32px,5vw,56px) 20px;display:flex}.empty-state__icon{color:var(--accent);opacity:.85;filter:drop-shadow(0 0 14px var(--accent-outline));margin-bottom:4px}.empty-state h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.empty-state .meta{max-width:440px;margin:0;line-height:1.5}.empty-state__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.upcoming-title-wrapper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.urgency-badge{letter-spacing:.03em;text-transform:uppercase;background:var(--accent-soft-strong);color:var(--accent);border:1px solid var(--accent-outline);border-radius:99px;align-items:center;padding:3px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.urgency-badge.urgent-pulse{color:#fab742;background:#f6aa2829;border-color:#f6aa2866;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 12px #f6aa2840}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.igdb-result{text-align:left;border:1px solid var(--border);background:var(--surface-flat-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.igdb-result:hover,.igdb-result.active{border-color:var(--accent-outline);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-outline)}.igdb-result__info{flex:1;min-width:0}.igdb-result__title{color:var(--text-primary);font-size:.95rem;font-weight:700;display:block}.igdb-quick-add-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.quick-add-pill{background:var(--control-bg-strong);color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:none;cursor:pointer;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.quick-add-pill:hover{background:var(--accent-soft-strong);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.search-loading-indicator{align-items:center;gap:10px;padding:12px;display:flex}.game-detail-library-banner{border-radius:var(--border-radius-md);border:1px solid var(--border);background:var(--surface-flat);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:.9rem;display:flex}.game-detail-library-banner strong{color:var(--text-primary);text-transform:capitalize}.status-banner--playing{border-color:var(--status-playing-border);background:var(--status-playing-soft);color:var(--status-playing)}.status-banner--want{border-color:var(--status-want-border);background:var(--status-want-soft);color:var(--status-want)}.status-banner--backlog{border-color:var(--status-backlog-border);background:var(--status-backlog-soft);color:var(--status-backlog)}.status-banner--played{border-color:var(--status-played-border);background:var(--status-played-soft);color:var(--status-played)}.status-banner--find_out_more{border-color:var(--status-find_out_more-border);background:var(--status-find_out_more-soft);color:var(--status-find_out_more)}.game-detail-hero__actions-right{align-items:center;gap:10px;display:flex}.game-detail-hero__plus-btn{-webkit-backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border-color:#ffffff40}.game-detail-hero__plus-btn:hover:not(:disabled){background:#ffffff40;border-color:#ffffff73}.game-detail-add-section{border-radius:var(--border-radius-md);border:1px solid var(--border);background:var(--surface-flat);gap:12px;margin-bottom:20px;padding:14px 18px;display:grid}.game-detail-add-header{align-items:center;gap:14px;display:flex}.game-detail-add-header__text{cursor:pointer;gap:2px;display:grid}.game-detail-add-header__text strong{color:var(--text-primary);font-size:.95rem}.game-detail-add-controls{border-top:1px solid var(--border);margin-top:4px;padding-top:14px}.game-detail-add-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.mobile-dock{z-index:90;background:var(--nav-bg);width:100%;-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--border-strong);padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));flex-shrink:0;justify-content:space-around;align-items:center;display:none;position:relative;box-shadow:0 -4px 24px #00000040}:root[data-theme=light] .mobile-dock{box-shadow:0 -4px 20px #0f172a0f}.mobile-dock__item{box-shadow:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;max-width:84px;padding:6px 12px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.mobile-dock__item:hover{box-shadow:none;color:var(--text-primary);transform:none}.mobile-dock__item.active{color:var(--accent);background:var(--accent-soft-strong);box-shadow:inset 0 0 0 1px var(--accent-outline)}:root[data-theme=light] .mobile-dock__item.active{color:var(--accent-strong);background:var(--accent-soft-strong);box-shadow:inset 0 0 0 1px var(--accent-outline)}@media (width<=899px){.mobile-dock{display:flex}}.search-page-container{flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;display:flex}.search-hero-card{background:var(--surface-flat);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));flex-direction:column;gap:20px;padding:24px;display:flex}.search-hero__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.search-hero__title-group{align-items:center;gap:16px;display:flex}.search-hero__icon-badge{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border:1px solid var(--accent-outline);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-bar-wrap{width:100%}.search-hero-bar{border-radius:var(--radius-lg,16px);background:var(--control-bg);border:1px solid var(--border-strong);width:100%;height:54px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);align-items:center;padding:0 16px;display:flex;position:relative;box-shadow:0 2px 6px -1px #0000000a}.search-hero-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-outline), var(--glow-shadow);background:var(--control-bg-strong)}.search-hero-bar__icon{color:var(--text-muted);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:flex}.search-hero-bar__input{appearance:none;flex:1;width:100%;height:100%;font-family:inherit;box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;margin:0!important;padding:0!important;font-size:1.05rem!important;line-height:normal!important}.search-hero-bar__input::placeholder{color:var(--placeholder-text);opacity:.85;font-size:.96rem}.search-hero-bar__input::-webkit-search-decoration{-webkit-appearance:none;display:none}.search-hero-bar__input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-hero-bar__input::-webkit-search-results-button{-webkit-appearance:none;display:none}.search-hero-bar__input::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.search-hero-bar__clear{background:var(--surface-solid);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;box-shadow:none;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:0;display:flex}.search-hero-bar__clear:hover{background:var(--accent-soft-strong);color:var(--text-primary);transform:scale(1.08)}.search-hero-bar__kbd{border:1px solid var(--border-strong);background:var(--surface-solid);color:var(--text-muted);pointer-events:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;padding:2px 8px;font-family:inherit;font-size:.75rem;font-weight:700;line-height:1.4;display:inline-flex}@media (width<=640px){.search-hero-bar{height:48px;padding:0 12px}.search-hero-bar__icon{margin-right:8px}.search-hero-bar__input{font-size:.95rem!important}.search-hero-bar__kbd{display:none}}.search-tabs-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.search-tab{background:var(--surface-muted);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.search-tab:hover{color:var(--text-primary);background:var(--control-bg);border-color:var(--border-strong)}.search-tab.active{background:var(--accent-soft-strong);color:var(--accent);border-color:var(--accent)}.search-tab__count{background:var(--surface-solid);color:var(--text-primary);border-radius:99px;justify-content:center;align-items:center;padding:2px 7px;font-size:.72rem;display:inline-flex}.search-tab.active .search-tab__count{background:var(--accent);color:#fff}.search-idle-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.search-overview-card,.search-tips-card{padding:24px}.search-overview-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.search-overview-header h3{margin:0}.overview-icon{color:var(--accent)}.search-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.search-stat-pill{background:var(--surface-muted);border:1px solid var(--border-subtle);transition:all var(--transition-fast);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;text-decoration:none;display:flex}.search-stat-pill:hover{border-color:var(--border-strong);box-shadow:var(--jump-shadow);transform:translateY(-2px)}.search-stat-count{color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1}.search-stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.search-tips-list{color:var(--text-secondary);flex-direction:column;gap:10px;margin:12px 0 0;padding-left:20px;font-size:.9rem;display:flex}.search-tips-list strong{color:var(--text-primary)}.search-results-container{flex-direction:column;gap:32px;display:flex}.search-loading-banner{background:var(--surface-muted);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:.9rem;display:flex}.spin-icon{animation:1s linear infinite spinAround}@keyframes spinAround{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-section-header{margin-bottom:16px}.search-section-header h2{margin-bottom:4px;font-size:1.25rem}.search-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.search-card{background:var(--surface-flat);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.search-card:hover{border-color:var(--border-strong);box-shadow:var(--jump-shadow);transform:translateY(-2px)}.search-card.card-highlighted{border-color:var(--accent);box-shadow:0 4px 20px -6px hsla(var(--primary-h), var(--primary-s), 50%, .15)}.search-card.card-category--playing{border-color:var(--status-playing);box-shadow:0 4px 20px -6px var(--status-playing-soft)}.search-card.card-category--want{border-color:var(--status-want);box-shadow:0 4px 20px -6px var(--status-want-soft)}.search-card.card-category--backlog{border-color:var(--status-backlog);box-shadow:0 4px 20px -6px var(--status-backlog-soft)}.library-location-banner{background:var(--surface-muted);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:600;display:flex}.card-category--playing .library-location-banner{background:var(--status-playing-soft);color:var(--status-playing);border-bottom-color:var(--status-playing-border)}.card-category--want .library-location-banner{background:var(--status-want-soft);color:var(--status-want);border-bottom-color:var(--status-want-border)}.card-category--backlog .library-location-banner{background:var(--status-backlog-soft);color:var(--status-backlog);border-bottom-color:var(--status-backlog-border)}.library-location-text{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.location-view-link{color:inherit;opacity:.85;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:2px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.location-view-link:hover{opacity:1;text-decoration:underline}.search-card__main{flex:1;gap:14px;padding:14px;display:flex}.search-card__media{background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;width:76px;height:104px;overflow:hidden}.search-card__cover{object-fit:cover;width:100%;height:100%;display:block}.search-card__cover.placeholder{color:var(--placeholder-text);justify-content:center;align-items:center;display:flex}.search-card__content{flex-direction:column;flex:1;min-width:0;display:flex}.search-card__title{margin:0 0 6px;font-size:1rem;font-weight:700;line-height:1.25}.search-card__title a{color:var(--text-primary);text-decoration:none}.search-card__title a:hover{color:var(--accent)}.search-card__title-btn{font:inherit;color:var(--text-primary);text-align:left;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;margin:0;padding:0;font-weight:700;line-height:1.25}.search-card__title-btn:hover{color:var(--accent)}.search-card__meta-stack{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.search-card__meta-stack .meta{font-size:.78rem;line-height:1.35}.search-card__notes{color:var(--text-secondary);font-style:italic}.search-card__actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.search-card__in-library-actions{align-items:center;gap:8px;display:flex}.search-card__add-flow{flex-direction:column;gap:8px;display:flex}.quick-add-pills-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quick-add-pill{background:var(--surface-muted);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.quick-add-pill:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.compact-more-toggle{color:var(--text-secondary);cursor:pointer;padding:4px 6px;font-size:.74rem}.compact-more-toggle:hover{color:var(--accent)}.search-card__adding-indicator{color:var(--accent);align-items:center;gap:6px;font-size:.75rem;display:flex}.search-card__custom-add-box{background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:8px;margin-top:4px;padding:10px;display:flex}.search-card__custom-add-box label{flex-direction:column;gap:4px;font-size:.75rem;display:flex}.search-card__custom-add-box select{border-radius:8px;padding:6px 10px;font-size:.8rem}.search-empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}