: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;background:var(--shell-bg);color:var(--text-primary)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#020617;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%)}.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:#0f172aeb;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:#020617b8;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:linear-gradient(180deg,#0a1427f2,#060c1bf2);box-shadow:0 24px 60px #0206176b;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:#0f172ae6;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)}.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}.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:0 18px 42px #02061759}.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,#0f172af0,#0f172acc)}.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 transparent;border-radius:14px;background:#070e1eb3;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}.wishlist-countdown__card:hover{background:var(--accent-soft);border-color:var(--accent-outline);transform:translateY(-1px)}.wishlist-countdown__cover{width:64px;height:64px;border-radius:10px;object-fit:cover;background:#030814cc}.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 .meta{font-size:.8rem;line-height:1.25}.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:#060c1bb8;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:#1e293be0;color:var(--text-primary)}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:#1e293be0;color:var(--text-primary)}.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:#080f20f5;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:#0f172ad6;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:#0f172a8f;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:#091122d1;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:#091122d1;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}.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:#070e1eb3;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:#060c1bf0;box-shadow:0 10px 20px #02061747;-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:#1e293be0;color:#c7d8f5;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:#1e293be6}.cover.large{width:100%;height:280px}.cover.placeholder{display:flex;align-items:center;justify-content:center;color:#8ea2c5;font-size:.9rem;background:#1e293be6}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.8rem;background:#1e293be6;color:#c8d6ef}.platform-tag{border:1px solid var(--border);background:#1e293bb3;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)}}