:root{--bg: #14121a;--bg-elevated: #1e1b26;--bg-elevated-2: #262133;--text: #f2eefb;--text-muted: #a89cc8;--accent: #b968f2;--accent-2: #ff5da2;--border: #322c44;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--shadow: 0 4px 16px rgba(0, 0, 0, .35);--radius: 12px;color-scheme:dark}:root[data-theme=light]{--bg: #faf8fc;--bg-elevated: #ffffff;--bg-elevated-2: #f3edfa;--text: #201c2b;--text-muted: #6b6380;--accent: #9333ea;--accent-2: #db2777;--border: #e5def2;--success: #16a34a;--warning: #b45309;--danger: #dc2626;--shadow: 0 4px 16px rgba(80, 50, 120, .12);color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}h1,h2,h3{line-height:1.2}a{color:var(--accent-2)}img{max-width:100%;display:block}main{max-width:1100px;margin:0 auto;padding:1.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-header__logo{text-decoration:none}.app-header h1{margin:0;font-size:1.4rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.app-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.app-nav a{color:var(--text-muted);text-decoration:none;padding:.5rem .9rem;border-radius:999px;font-weight:500;transition:background-color .15s ease,color .15s ease}.app-nav a:hover{color:var(--text);background:var(--bg-elevated-2)}.app-nav a.active{color:var(--bg);background:linear-gradient(90deg,var(--accent),var(--accent-2))}.theme-toggle{border:1px solid var(--border);background:var(--bg-elevated-2);color:var(--text);border-radius:999px;padding:.5rem .75rem;cursor:pointer;font-size:1rem;line-height:1}.theme-toggle:hover{border-color:var(--accent)}.app-footer{max-width:1100px;margin:0 auto;padding:1rem 1.5rem 2rem;display:flex;gap:1rem;justify-content:center}.app-footer a{color:var(--text-muted);text-decoration:none;font-size:.85rem}.app-footer a:hover{color:var(--text)}button{font-family:inherit;font-size:.95rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated-2);color:var(--text);padding:.5rem 1rem;cursor:pointer;transition:transform .1s ease,background-color .15s ease,border-color .15s ease}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger);color:var(--bg)}select,input[type=text],input[type=search],input[type=number]{font-family:inherit;font-size:.95rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:.5rem .75rem}select:focus,input:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;margin:0 0 1rem;background:var(--bg-elevated)}fieldset legend{padding:0 .4rem;font-weight:600;color:var(--text-muted);font-size:.85rem}fieldset label{display:flex;align-items:center;gap:.4rem;margin:.3rem 0;font-size:.9rem}fieldset input[type=radio],fieldset input[type=checkbox]{accent-color:var(--accent-2)}.excluded-platforms-settings__hint{margin:0 0 .6rem;font-size:.8rem;color:var(--text-muted)}.excluded-platforms-settings__group{margin:0 0 .7rem}.excluded-platforms-settings__group-label{margin:.4rem 0 .1rem;font-size:.8rem;font-weight:600}.library-list ul,.search-results{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.search-results__sentinel{height:1px}.library-list li,.search-results li{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem}.game-title{flex:1 1 180px;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-cover{border-radius:6px;flex-shrink:0}.library-list li label{margin:0;font-size:.82rem;color:var(--text-muted)}.library-tabs{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.library-tabs button.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--bg);border-color:transparent}.library-filters{display:flex;gap:1.25rem;flex-wrap:wrap;margin-bottom:.5rem}.library-filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--text-muted)}.library-search{display:block;width:100%;max-width:360px;margin:.75rem 0}.library-list li.library-franchise-group{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem}.library-franchise-group__toggle{display:block;width:100%;text-align:left;background:none;border:none;padding:0;font-weight:600;cursor:pointer;color:inherit}.library-franchise-group__toggle:hover{color:var(--accent)}.library-franchise-group__count{color:var(--text-muted);font-weight:400}.library-franchise-group__entries{list-style:none;margin:.6rem 0 0;padding-top:.6rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border)}.login{max-width:420px;margin:3rem auto;text-align:center}.login p{color:var(--text-muted);line-height:1.5}.google-login-button{display:inline-block;margin-top:1rem;padding:.65rem 1.4rem;border-radius:999px;font-weight:600;text-decoration:none;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;transition:transform .1s ease}.google-login-button:hover{transform:translateY(-1px)}.steam-link-button{display:inline-block;transition:transform .1s ease,filter .15s ease}.steam-link-button:hover{transform:translateY(-1px);filter:brightness(1.1)}.dashboard{max-width:480px}.dashboard p{color:var(--text-muted)}.dashboard-actions{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.dashboard-actions a{text-decoration:none;color:var(--text-muted)}.dashboard-actions__primary{padding:.65rem 1.4rem;border-radius:999px;font-weight:600;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff!important;transition:transform .1s ease}.dashboard-actions__primary:hover{transform:translateY(-1px)}.dashboard-actions__secondary{padding:.65rem 1.4rem;border-radius:999px;font-weight:600;background:var(--bg-elevated-2);border:1px solid var(--border);color:var(--text)!important;transition:border-color .15s ease,transform .1s ease}.dashboard-actions__secondary:hover{border-color:var(--accent);transform:translateY(-1px)}.consent-gate{max-width:560px;margin:2rem auto;padding:1.25rem 1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.consent-gate p{color:var(--text-muted);line-height:1.55}.consent-gate label{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.pseudo-gate{max-width:560px;margin:2rem auto;padding:1.25rem 1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.pseudo-gate p{color:var(--text-muted);line-height:1.55}.pseudo-gate form{display:flex;flex-direction:column;gap:.5rem;max-width:320px;margin-top:1rem}.pseudo-gate label{font-size:.8rem;color:var(--text-muted)}.pseudo-gate button{align-self:flex-start}.account-page{max-width:480px}.account-page>h2{margin-top:0}.settings-card{padding:1.25rem 1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem}.settings-card h3{margin-top:0;color:var(--accent-2);font-size:1rem}.settings-card img{border-radius:999px;margin-bottom:.5rem}.settings-card button{margin:.3rem .4rem .3rem 0}.pseudo-form{display:flex;flex-direction:column;gap:.4rem;max-width:320px;margin:.75rem 0}.pseudo-form label{font-size:.8rem;color:var(--text-muted)}.pseudo-form input{width:100%}.pseudo-form button{align-self:flex-start}.steam-import__import-button{padding:.65rem 1.4rem;font-weight:600;border:none;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}.steam-import__import-button:hover:not(:disabled){transform:translateY(-1px)}.steam-import__force-resync-wrap{margin-top:.75rem}.steam-import__force-resync{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.4rem .9rem;font-size:.85rem}.steam-import__force-resync:hover{border-color:var(--accent);color:var(--text)}.steam-import__force-resync-hint{margin-top:.3rem;font-size:.78rem}.steam-import p{margin-top:.6rem;color:var(--text-muted);font-size:.9rem}.steam-import__progress{margin-top:.6rem}.steam-import__progress progress{width:100%;max-width:320px;height:8px;border-radius:999px;overflow:hidden;border:none;display:block}.steam-import__progress progress::-webkit-progress-bar{background:var(--bg-elevated-2);border-radius:999px}.steam-import__progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}.steam-import__progress progress::-moz-progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}.steam-import__progress p{margin-top:.4rem}.add-game-search form{display:flex;gap:.5rem;margin-top:.5rem}.add-game-search input[type=search]{flex:1 1 320px}.taxonomy-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin:.75rem 0}.taxonomy-filters label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-muted)}.taxonomy-autocomplete{position:relative}.taxonomy-autocomplete label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-muted)}.taxonomy-autocomplete input[type=text]{min-width:220px}.taxonomy-autocomplete__suggestions{position:absolute;z-index:5;top:100%;left:0;right:0;margin:.2rem 0 0;padding:.3rem;list-style:none;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;max-height:240px;overflow-y:auto}.taxonomy-autocomplete__suggestions button{display:block;width:100%;text-align:left;background:none;border:none;color:inherit;padding:.35rem .5rem;border-radius:6px;cursor:pointer}.taxonomy-autocomplete__suggestions button:hover{background:var(--bg-elevated-2)}.taxonomy-autocomplete__en{color:var(--text-muted);font-size:.8rem}.base-picker__filter{display:block;width:100%;max-width:360px;margin-bottom:.75rem}.base-picker{list-style:none;margin:0 0 1.5rem;padding:0;max-height:260px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:.5rem}.base-picker li{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.3rem .8rem}.base-picker label{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.base-picker__section-label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin:.75rem 0 .4rem}.base-picker__empty{background:none;border:none;color:var(--text-muted);padding:.3rem 0}.base-picker__selected{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.base-picker__selected li{display:flex;align-items:center;gap:.4rem;background:var(--accent-soft, var(--bg-elevated-2));border:1px solid var(--accent);border-radius:999px;padding:.3rem .5rem .3rem .8rem;font-size:.9rem}.base-picker__selected-platform{color:var(--text-muted);font-size:.8rem}.base-picker__selected button{border:none;background:none;color:inherit;cursor:pointer;font-size:1rem;line-height:1;padding:0 .2rem}.gacha-toggle{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 1rem;padding:.3rem .7rem;border-radius:999px;border:1px solid transparent;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.gacha-toggle input{accent-color:var(--accent-2)}.gacha-toggle:has(input:checked){border-color:var(--accent-2);color:var(--accent-2);font-weight:600;box-shadow:0 0 10px 2px #ff5da273;animation:gacha-toggle-glow 2.2s ease-in-out infinite}@keyframes gacha-toggle-glow{0%,to{box-shadow:0 0 10px 2px #ff5da273}50%{box-shadow:0 0 16px 4px #ff5da2bf}}@media (prefers-reduced-motion: reduce){.gacha-toggle:has(input:checked){animation:none}}.recommend-actions{display:flex;gap:.6rem;margin-bottom:1.5rem}.results-grid{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1rem;flex:1 1 480px}.recommend-results-layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem}.score-log{flex:0 1 260px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;margin-top:1rem}.score-log__toggle{display:block;width:100%;text-align:left;background:none;border:none;color:inherit;font-size:.95rem;font-weight:600;padding:0;cursor:pointer}.score-log ol{list-style:decimal;margin:.6rem 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem;max-height:420px;overflow-y:auto}.score-log li{font-size:.85rem;display:flex;flex-wrap:wrap;gap:.3rem;align-items:baseline}.score-log__title{font-weight:600}.score-log__platforms{color:var(--text-muted);font-size:.78rem}.score-log__score{color:var(--accent);font-weight:600;margin-left:auto}@keyframes card-reveal{0%{opacity:0;transform:translateY(28px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}.recommendation-card{width:240px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .15s ease;animation:card-reveal .6s cubic-bezier(.34,1.56,.64,1) both}@media (max-width: 639px){.recommendation-card{width:calc(50% - .5rem)}}.recommendation-card:hover{transform:translateY(-3px)}.recommendation-card h3{margin:0;font-size:1rem}.recommendation-card p{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.4}.recommendation-card__rarity{align-self:flex-start;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--bg-elevated-2);color:var(--accent-2);border:1px solid var(--border)}.recommendation-card__cover{width:calc(100% + 2rem);margin:-.9rem -1rem 0;border-radius:var(--radius) var(--radius) 0 0;display:block;object-fit:cover;max-height:140px}.recommendation-card__actions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.recommendation-card__actions button{font-size:.72rem;padding:.3rem .6rem}.recommendation-card__added{color:var(--accent-2)!important;font-weight:600}.recommendation-card__score-wrap{display:contents}.recommendation-card__score{border:none;background:none;padding:0;margin:0;font:inherit;color:var(--text-muted);font-size:.85rem;text-align:left;text-decoration:underline dotted;cursor:pointer;align-self:flex-start}.recommendation-card__score:hover{color:var(--accent-2)}.recommendation-card__score-breakdown{list-style:none;margin:0;padding:.5rem .6rem;border-radius:var(--radius);background:var(--bg-elevated-2);border:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.recommendation-card--hidden{align-items:center;justify-content:center;min-height:140px;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-elevated-2));border-style:dashed}.recommendation-card--hidden button{font-weight:600;color:var(--accent-2);border-color:var(--accent-2)}.recommendation-card--rare{border-color:#4fa3ff;box-shadow:0 0 10px 1px #4fa3ff59}.recommendation-card--rare .recommendation-card__rarity{color:#4fa3ff}.recommendation-card--epic{border-color:#b06bff;box-shadow:0 0 12px 2px #b06bff66}.recommendation-card--epic .recommendation-card__rarity{color:#b06bff}.recommendation-card--legendary{border-color:#ffb347;animation:card-reveal .6s cubic-bezier(.34,1.56,.64,1) both,legendary-glow 2.2s ease-in-out infinite}.recommendation-card--legendary .recommendation-card__rarity{color:#ffb347}@keyframes legendary-glow{0%,to{box-shadow:0 0 14px 2px #ffb34780}50%{box-shadow:0 0 22px 5px #ffb347d9}}@media (prefers-reduced-motion: reduce){.recommendation-card{animation-duration:.01ms!important}.recommendation-card--legendary{animation:none!important;box-shadow:0 0 14px 2px #ffb34780}}.recommendation-card--bonus{border:2px solid transparent;background-image:linear-gradient(var(--bg-elevated),var(--bg-elevated)),linear-gradient(120deg,#ffd76a,var(--accent-2),var(--accent),#ffd76a);background-origin:border-box;background-clip:padding-box,border-box;animation:card-reveal .6s cubic-bezier(.34,1.56,.64,1) .4s both,shiny-border 1.8s ease-in-out infinite 1s}@keyframes shiny-border{0%,to{box-shadow:0 0 12px 2px #ffc8508c}50%{box-shadow:0 0 26px 7px #ff5da2bf}}.recommendation-card--bonus .recommendation-card__rarity{background:linear-gradient(90deg,#ffd76a,var(--accent-2));color:#2a1a00;border:none}@media (prefers-reduced-motion: reduce){.recommendation-card--bonus{animation:card-reveal .01ms .4s both!important}}.legal-page{max-width:700px;line-height:1.6}.legal-page h2{margin-top:0}.legal-page h3{color:var(--accent-2);font-size:1rem;margin-bottom:.3rem}.legal-page p,.legal-page li{color:var(--text-muted)}.about-page{max-width:640px;line-height:1.6}.about-page h2{margin-top:0}.about-page h3{color:var(--accent-2);font-size:1rem;margin-bottom:.3rem}.about-page__disclaimer{margin-top:1.5rem;padding:1rem;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem;margin-bottom:1.5rem}.stat-tile{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.3rem}.stat-tile__value{font-size:1.6rem;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-tile__label{font-size:.8rem;color:var(--text-muted)}.stats-breakdown{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.9rem}.stats-breakdown__toggle{display:block;width:100%;text-align:left;border:none;background:none;padding:.65rem .9rem;color:var(--text-muted);font-weight:600}.stats-breakdown__toggle:after{content:"▾";float:right}.stats-breakdown__toggle[aria-expanded=true]:after{content:"▴"}.stats-breakdown__toggle:hover{color:var(--text)}.stats-breakdown__list{list-style:none;margin:0;padding:0 .9rem .9rem;display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.stats-breakdown__row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:.6rem;width:100%;border:none;background:none;padding:0;margin:0;font:inherit;font-size:.85rem;color:inherit;text-align:left;cursor:pointer}.stats-breakdown__row:hover .stats-breakdown__label{color:var(--accent-2)}.stats-breakdown__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-breakdown__titles{list-style:none;margin:.35rem 0 0;padding:.3rem 0 .3rem .6rem;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--text-muted)}.stats-breakdown__bar-wrap{height:8px;background:var(--bg-elevated-2);border-radius:999px;overflow:hidden}.stats-breakdown__bar{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.stats-breakdown__count{color:var(--text-muted);font-variant-numeric:tabular-nums}.stats-breakdown__empty{color:var(--text-muted);font-size:.85rem}.friends__add-form{display:flex;flex-direction:column;gap:.4rem;max-width:320px;margin:1rem 0}.friends__add-form label{font-size:.8rem;color:var(--text-muted)}.friends__add-form button{align-self:flex-start}.friends__section{margin-top:1.5rem}.friends__section h3{color:var(--accent-2);font-size:1rem;margin-bottom:.5rem}.friends__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.friends__list li{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem}.friends__pending-label{color:var(--text-muted);font-size:.8rem}.friend-profile{max-width:700px}.friend-profile h2{margin-top:.75rem}.library-list__readonly{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.library-list__readonly li{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem}[role=alert]{color:var(--danger)}