@font-face{font-family:Clash Display;font-weight:500;font-display:swap;src:url(/fonts/clash-display-500.woff2) format("woff2")}@font-face{font-family:Clash Display;font-weight:600;font-display:swap;src:url(/fonts/clash-display-600.woff2) format("woff2")}@font-face{font-family:Clash Display;font-weight:700;font-display:swap;src:url(/fonts/clash-display-700.woff2) format("woff2")}@font-face{font-family:Satoshi;font-weight:400;font-display:swap;src:url(/fonts/satoshi-400.woff2) format("woff2")}@font-face{font-family:Satoshi;font-weight:500;font-display:swap;src:url(/fonts/satoshi-500.woff2) format("woff2")}:root{--bg: #0b0b0f;--bg2: #0e0e13;--panel: rgba(255, 255, 255, .038);--panel-hi: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-hi: rgba(255, 255, 255, .14);--text: #f5f4f8;--muted: rgba(245, 244, 248, .56);--faint: rgba(245, 244, 248, .36);--accent: #ff5c7a;--accent-2: #ff8a5c;--accent-soft: rgba(255, 92, 122, .16);--primary: #ff5c7a;--on-accent: #1a0a0f;--blue: #6aa6ff;--green: #34d399;--amber: #f5b14b;--violet: #c084fc;--teal: #2dd4bf;--red: #ff6b81;--display: "Clash Display", "Satoshi", system-ui, sans-serif;--body: "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:var(--body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 50% at 12% -8%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),radial-gradient(60% 40% at 100% 0%,rgba(106,166,255,.07),transparent 55%);background-attachment:fixed}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.5px}.muted{color:var(--muted)}.small{font-size:.82rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex-shrink:0;background:#ffffff05;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:26px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:4px 4px 26px}.wordmark{display:inline-flex;align-items:center;gap:.22em;font-family:var(--display);font-weight:600;letter-spacing:-1px;line-height:1;white-space:nowrap}.wm-badge{width:1.15em;height:1.15em;flex-shrink:0}.wordmark .wm-play{color:#fff}.wordmark .wm-lib{color:#ff5c7a}.brand-logo-img{font-size:2rem}.brand-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:1.2rem;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 6px 20px #ff5c7a59}.brand-name{font-family:var(--display);font-size:1.4rem;font-weight:600;letter-spacing:-.4px}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-link{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:12px;color:var(--muted);font-weight:500;font-size:.95rem;border:1px solid transparent;transition:background .15s,color .15s}.nav-link:hover{background:var(--panel);color:var(--text)}.nav-link.active{background:var(--panel-hi);color:var(--text);font-weight:600;border-color:var(--border);box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{display:flex;color:var(--faint)}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);font-size:.72rem;font-weight:700;border-radius:999px;font-variant-numeric:tabular-nums}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{color:var(--accent)}.nav-divider{height:1px;background:var(--border);margin:8px 10px}.feedback-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:14px;padding:11px 14px;cursor:pointer;border:none;border-radius:12px;background:var(--accent);color:var(--on-accent);font-family:var(--display);font-weight:600;font-size:.95rem;letter-spacing:-.2px;transition:transform .12s,filter .12s}.feedback-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.feedback-btn svg{color:var(--on-accent)}.sidebar-footer{border-top:1px solid var(--border);padding-top:14px;display:flex;align-items:center;gap:8px}.user-badge{flex:1;min-width:0;display:flex;align-items:center;gap:11px;padding:7px 8px;border-radius:12px;transition:background .15s}.user-badge:hover{background:var(--panel)}.user-badge .user-name,.user-badge .user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--faint);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.icon-btn:hover{color:var(--text);border-color:var(--border-hi);background:var(--panel)}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,var(--violet),var(--accent));color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}.user-name{font-weight:600;font-size:.9rem}.user-role{font-size:.72rem;color:var(--accent)}.content{flex:1;min-width:0}.avatar-wrap{position:relative;display:inline-flex;flex-shrink:0;border-radius:50%;padding:2px;background:var(--rank, transparent)}.rank-chip{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#15151c;border:2px solid var(--bg-elev, #181b25)}.rank-chip-lg{width:24px;height:24px;bottom:0;right:0;border-color:var(--bg)}.rank-tag{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.8rem;font-weight:700;padding:4px 11px;border-radius:999px;border:1px solid;background:#ffffff08}.page{padding:40px 48px 64px;max-width:1280px;margin:0 auto}.page-head{margin-bottom:30px}.page-head h1{font-size:2.4rem;letter-spacing:-1px}.page-head .muted{font-size:1rem;margin-top:8px}.section-title{font-size:1.5rem;letter-spacing:-.5px;margin:28px 0 16px}.panel>.section-title:first-child{margin-top:0}.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.public-shell{max-width:1180px;margin:0 auto;padding:28px 40px 64px}.public-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.public-logo{font-size:1.6rem}.public-head{display:flex;align-items:center;gap:18px;margin-bottom:30px}.public-head-info{flex:1;min-width:0}.public-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.friend-chip{pointer-events:none;color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,var(--border))}.friend-chip svg{color:var(--green)}.cmp-list{display:flex;flex-direction:column;gap:8px}.cmp-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px 14px}.cmp-row.cmp-head{background:transparent;border:none;padding:0 14px;color:var(--faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.cmp-game{display:flex;align-items:center;gap:12px;min-width:0}.cmp-cover{width:64px;height:38px;border-radius:8px;flex-shrink:0;background-size:cover;background-position:center;background-color:#15151c}.cmp-title{font-family:var(--display);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-side{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px}.cmp-side.cmp-win{background:var(--accent-soft)}.cmp-side .badge-inline{width:104px;text-align:center;flex-shrink:0}.cmp-rating{width:85px;flex-shrink:0}.cmp-hours{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:96px;flex-shrink:0;white-space:nowrap;padding:5px 8px;border-radius:9px;background:var(--panel-hi);border:1px solid var(--border);font-weight:700;font-variant-numeric:tabular-nums;font-size:.82rem}.cmp-hours svg{opacity:.7;flex-shrink:0}@media (max-width: 720px){.cmp-row{grid-template-columns:1fr;gap:8px}.cmp-row.cmp-head{display:none}}.cmp-ach{margin-bottom:8px}.vs-av{width:104px;height:104px}.vs-av-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;filter:blur(6px)}.vs-av-orb{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.vs-av-init{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;font-family:var(--display);font-weight:700;font-size:2.6rem}.vs-wm{position:absolute;bottom:-22px;font-family:var(--display);font-style:italic;font-weight:700;font-size:120px;line-height:1;pointer-events:none}.vs-wm-l{left:18px}.vs-wm-r{right:18px}@keyframes vsPulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes vsInLeft{0%{opacity:0;transform:translate(-70px) scale(.9)}to{opacity:1;transform:none}}@keyframes vsInRight{0%{opacity:0;transform:translate(70px) scale(.9)}to{opacity:1;transform:none}}@keyframes vsSlam{0%{opacity:0;transform:scale(2.6) rotate(-10deg)}55%{opacity:1;transform:scale(.84) rotate(2deg)}78%{transform:scale(1.1) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes vsRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes vsCrown{0%{opacity:0;transform:translateY(-30px) scale(.4)}70%{opacity:1;transform:translateY(4px) scale(1.2)}to{opacity:1;transform:scale(1.12)}}@keyframes vsGrow{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes vsShrink{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes vsFlash{0%,42%{opacity:0}52%{opacity:.8}to{opacity:0}}@keyframes vsShock{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}45%{opacity:.5}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}.vs-pulse{animation:vsPulse 2.4s ease-in-out infinite;animation-delay:1.1s}.vs-l{animation:vsInLeft .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:.1s}.vs-r{animation:vsInRight .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:.1s}.vs-slam{animation:vsSlam .6s cubic-bezier(.2,.9,.3,1.25) both;animation-delay:.58s}.vs-flash{animation:vsFlash 1.1s ease-out both;animation-delay:.1s}.vs-shock{animation:vsShock .6s ease-out both;animation-delay:.6s}.vs-crown{animation:vsCrown .6s cubic-bezier(.2,.8,.2,1.5) both;animation-delay:1s}.vs-rise{animation:vsRise .6s ease both}.vs-side-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;position:relative}.vs-side-win{animation:vsGrow .45s ease both;animation-delay:.85s}.vs-side-lose{animation:vsShrink .45s ease both;animation-delay:.85s}@media (prefers-reduced-motion: reduce){.vs-pulse,.vs-l,.vs-r,.vs-slam,.vs-flash,.vs-shock,.vs-crown,.vs-rise,.vs-side-win,.vs-side-lose{animation:none}.vs-side-win{transform:scale(1.1)}.vs-side-lose{transform:scale(.92)}.vs-crown{transform:scale(1.1)}}@media (max-width: 720px){.vs-hero-inner{padding:30px 14px 20px!important}.vs-av{width:72px;height:72px}.vs-av-init{font-size:1.8rem}.vs-wm{font-size:84px}}.cmp-ach-bars{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.cmp-ach-bar{display:flex;align-items:center;gap:12px}.cmp-ach-bar-lbl{width:180px;flex-shrink:0;font-size:.85rem;color:var(--muted)}.cmp-ach-track{flex:1;height:10px;border-radius:6px;background:var(--panel-hi);overflow:hidden}.cmp-ach-fill{display:block;height:100%;border-radius:6px;transition:width .3s}.cmp-ach-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.cmp-ach-tier{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.cmp-ach-tier-n{font-family:var(--display);font-weight:700;font-size:1.1rem;min-width:18px}.cmp-ach-tier-r{text-align:right}.cmp-ach-tier-lbl{display:flex;align-items:center;gap:5px;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.cmp-ach-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0}.cmp-ach-panel{margin-top:16px}.cmp-ach-details{margin-top:18px}.cmp-ach-diff{display:flex;flex-direction:column;gap:24px}.cmp-ach-h4{font-size:.95rem;margin:0 0 12px;font-family:var(--display)}@media (max-width: 720px){.cmp-ach-tiers{grid-template-columns:repeat(2,1fr)}.cmp-ach-bar-lbl{width:120px}}.public-head h1{font-size:2.2rem;letter-spacing:-1px}.public-avatar{width:72px;height:72px;border-radius:50%;flex-shrink:0;object-fit:cover;background:linear-gradient(145deg,var(--violet),var(--accent));color:#fff;display:grid;place-items:center;font-size:1.8rem;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:12px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-num{font-family:var(--display);font-size:1.95rem;font-weight:600;letter-spacing:-1px;color:var(--accent)}.stat-unit{font-size:1.1rem;margin-left:2px;color:var(--muted);font-family:var(--body)}.stat-label{color:var(--muted);font-size:.9rem;margin-top:4px}.stat-sub{color:var(--faint);font-size:.78rem;margin-top:3px;display:inline-flex;align-items:center;gap:4px}.stat-card.highlight .stat-sub svg{color:var(--green)}.stat-card.highlight{border-color:var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,transparent),#ffffff08)}.stat-card.highlight .stat-num{color:var(--amber)}.hours-input{display:inline-flex;align-items:center;gap:4px;background:var(--panel-hi);border:1px solid var(--border);border-radius:10px;padding:3px 9px;width:fit-content}.hours-input:focus-within{border-color:var(--accent)}.hours-icon{display:flex;color:var(--muted)}.hours-input input{width:52px;border:none;background:transparent;padding:4px 0;color:var(--text);font-size:.9rem;text-align:right}.hours-input input:focus{border:none}.hours-input input::-webkit-outer-spin-button,.hours-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hours-input input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.hours-suffix{color:var(--muted);font-size:.85rem}.hours-input.hours-locked{opacity:.5;cursor:default}.hours-locked-val{width:52px;padding:4px 0;color:var(--text);font-size:.9rem;text-align:right}.dash-top{display:grid;grid-template-columns:1.05fr 1.25fr .9fr;gap:16px;margin-bottom:20px}.pie-card,.dash-summary{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:17px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pie-title{font-size:.76rem;color:var(--faint);margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.pie-body{display:flex;align-items:center;gap:16px}.pie-donut{flex-shrink:0;position:relative}.pie-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.pie-legend li{display:flex;align-items:center;gap:10px;font-size:.85rem}.pie-legend li{border-radius:7px;padding:3px 6px;margin:-1px -6px;transition:background .12s,opacity .12s}.pie-legend li.clickable{cursor:pointer}.pie-legend li.hi{background:var(--panel-hi)}.pie-legend li.hi .lg-label{color:var(--text)}.pie-legend li.hi .dot{box-shadow:0 0 0 3px #ffffff14}.pie-legend .dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.pie-legend .lg-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.pie-legend .lg-val{margin-left:auto;color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;padding-left:8px}.dash-summary{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;align-content:center;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,transparent),#ffffff08)}.dash-summary .stat-card{border:none;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.dash-summary .divider-soft{height:1px;background:var(--border)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:14px 18px;flex-wrap:wrap;margin-bottom:28px}.filter-row .filter-bar{flex:1 1 auto;margin-bottom:0}.filter-row .head-controls{flex:0 0 auto}.lib-title{margin:0 0 14px}.filter-chip{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:9px 16px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--body);transition:all .15s}.filter-chip:hover{color:var(--text);border-color:var(--border-hi)}.filter-chip.active{background:var(--accent);border-color:transparent;color:var(--on-accent)}.chip-count{opacity:.6;margin-left:5px;font-variant-numeric:tabular-nums}.filter-chip.active .chip-count{opacity:.55}.filter-chip-top10{display:inline-flex;align-items:center;gap:6px;color:#ffd23f;border-color:#ffd23f;box-shadow:0 0 0 1px #ffd23f59,0 0 12px -2px #ffd23f73}.filter-chip-top10 svg{color:#ffd23f}.filter-chip-top10:hover{color:#ffe27a;border-color:#ffe27a}.filter-chip-top10.active{background:#ffd23f;border-color:#ffd23f;color:#2a1f00;box-shadow:0 0 16px -2px #ffd23f99}.filter-chip-top10.active svg{color:#2a1f00}.rank-panel{display:flex;align-items:center;gap:22px;margin-bottom:28px;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-image:linear-gradient(160deg,color-mix(in srgb,var(--rank) 14%,transparent),transparent 60%)}.rank-badge{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:#15151c;flex-shrink:0}.rank-main{flex:1;min-width:0}.rank-name{font-family:var(--display);font-size:1.7rem;font-weight:600;letter-spacing:-.5px}.rank-progress{height:8px;border-radius:999px;background:var(--panel-hi);overflow:hidden;margin:10px 0 6px;max-width:460px}.rank-progress-fill{height:100%;border-radius:999px}.rank-points{text-align:right;flex-shrink:0}.rank-points span{font-family:var(--display);font-size:2rem;font-weight:600;color:var(--text)}.rank-points small{display:block;color:var(--muted)}.rank-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:28px}.rank-tier{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px}.rank-tier.current{border-color:var(--rank);background-image:linear-gradient(160deg,color-mix(in srgb,var(--rank) 16%,transparent),transparent 70%)}.rank-tier-dot{width:10px;height:10px;border-radius:3px}.rank-tier-name{font-family:var(--display);font-weight:600;font-size:1.05rem}.rank-tier-you{position:absolute;top:12px;right:12px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--rank);border:1px solid var(--rank);border-radius:999px;padding:2px 7px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.ach-card{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px 16px}.ach-card.locked{opacity:.55}.ach-card.earned{border-color:var(--border-hi)}.ach-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--panel-hi);color:var(--faint)}.ach-card.earned .ach-icon{background:color-mix(in srgb,currentColor 16%,transparent)}.ach-body{flex:1;min-width:0}.ach-name{font-family:var(--display);font-weight:600;font-size:1.02rem;letter-spacing:-.2px}.ach-tier{display:inline-block;margin-top:4px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.ach-points{font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0}.add-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;padding:0;color:var(--text);font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:-.3px}.add-toggle>span{display:inline-flex;align-items:center;gap:10px}.add-toggle>span>svg{color:var(--accent)}.ach-panel .add-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;padding:0;color:var(--text);font-family:var(--display);font-weight:600;font-size:1.15rem;letter-spacing:-.3px}.ach-panel .add-toggle>span{display:inline-flex;align-items:center;gap:10px}.ach-panel .add-toggle>span>svg{color:var(--accent)}.ach-panel .add-toggle .muted{font-family:var(--body);font-weight:500;font-size:.95rem}.lb-list{display:flex;flex-direction:column;gap:10px}.lb-row{display:flex;align-items:center;gap:16px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px 18px;transition:transform .15s,border-color .15s}.lb-row:hover{transform:translate(3px);border-color:var(--border-hi)}.lb-row.me{border-color:var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%)}.lb-pos{width:30px;text-align:center;font-family:var(--display);font-weight:600;font-size:1.2rem;color:var(--faint);flex-shrink:0}.lb-user{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.lb-name{font-family:var(--display);font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:8px}.lb-you{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:1px 7px}.lb-name .rank-tag{margin-top:0;display:inline-flex}.lb-ach{flex-shrink:0}.lb-points{font-family:var(--display);font-weight:600;font-size:1.3rem;flex-shrink:0;min-width:80px;text-align:right}.lb-section-title{font-family:var(--display);font-size:1.05rem;font-weight:600;color:var(--muted);margin:30px 0 14px}.lb-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lb-mini{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px 16px}.lb-mini-head{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:.92rem;color:var(--text);margin-bottom:10px}.lb-mini-note{margin-left:auto;font-family:var(--body);font-weight:600;font-size:.62rem;text-transform:uppercase;letter-spacing:.4px;color:var(--green);border:1px solid var(--green);border-radius:999px;padding:1px 7px}.lb-mini-head svg{color:var(--accent)}.lb-mini-list{display:flex;flex-direction:column;gap:2px}.lb-mini-row{display:flex;align-items:center;gap:10px;color:var(--text);padding:6px 8px;border-radius:10px;transition:background .15s}.lb-mini-row:hover{background:var(--panel-hi)}.lb-mini-row.me{background:color-mix(in srgb,var(--accent) 12%,transparent)}.lb-mini-pos{width:16px;text-align:center;font-weight:600;font-size:.85rem;color:var(--faint);flex-shrink:0}.lb-mini-av .avatar,.lb-mini-av .avatar-img{width:26px;height:26px;font-size:.7rem}.lb-mini-name{flex:1;min-width:0;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-mini-name .lb-you{font-size:.55rem;padding:0 5px}.lb-mini-val{flex-shrink:0;font-family:var(--display);font-weight:600;font-size:.95rem}@media (max-width: 760px){.lb-mini-grid{grid-template-columns:1fr}}.notif-list{display:flex;flex-direction:column;gap:8px}.notif-section+.notif-section{margin-top:28px}.notif-sec-head{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:1.15rem;margin:0 0 14px}.notif-sec-head.notif-sec-earlier{font-size:1rem;color:var(--muted)}.notif-sec-count{background:var(--accent);color:var(--on-accent);border-radius:999px;font-size:.72rem;font-weight:700;padding:2px 9px;line-height:1.5}.notif-timeline{position:relative;padding-left:26px}.notif-timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--border)}.notif-tl{position:relative}.notif-tl-dot{position:absolute;left:-21px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--nc, var(--faint));box-shadow:0 0 0 3px var(--bg)}.notif-row{position:relative;overflow:hidden;display:flex;align-items:center;gap:13px;padding:12px 16px;background:var(--panel);border-radius:14px;border:1px solid color-mix(in srgb,var(--nc, var(--border)) 32%,var(--border));border-left:3px solid var(--nc, var(--border));transition:border-color .15s,background .15s}.notif-row>*{position:relative;z-index:1}.notif-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;opacity:.16;-webkit-mask-image:linear-gradient(90deg,transparent 38%,#000);mask-image:linear-gradient(90deg,transparent 38%,#000)}.notif-row:hover{border-color:color-mix(in srgb,var(--nc, var(--border-hi)) 55%,var(--border))}.notif-row.unread{background:color-mix(in srgb,var(--nc, var(--accent)) 9%,var(--panel))}.notif-reaction{--nc: #ff5c7a}.notif-comment{--nc: #6aa6ff}.notif-friend_accept{--nc: #34d399}.notif-achievement{--nc: #ffd23f}.notif-game_release{--nc: #c084fc}.notif-suggestion{--nc: #f5b14b}.notif-suggestion_added{--nc: #34d399}.notif-suggestion_declined{--nc: #fb923c}.notif-av{flex-shrink:0;display:inline-flex}.notif-av .avatar,.notif-av .avatar-img{width:38px;height:38px}.notif-av .avatar.notif-ach{background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center}.notif-body{flex:1;min-width:0}.notif-text{margin:0;color:var(--muted);line-height:1.45}.notif-text strong{color:var(--text);font-family:var(--display);font-weight:600}.notif-ref{color:var(--text);font-family:var(--display);font-weight:600;text-decoration:none}.notif-ref:hover{color:var(--accent);text-decoration:underline}.notif-av a{display:inline-flex}.notif-snippet{font-style:italic}.notif-actions{flex-shrink:0;display:inline-flex;align-items:center;gap:8px}.notif-add,.notif-no{padding:6px 12px}.notif-inlib{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;color:var(--green);font-weight:600;font-size:.85rem}.notif-passed{flex-shrink:0;color:var(--muted);font-weight:600;font-size:.85rem}.notify-opt{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:.92rem;cursor:pointer}.notify-opt input{width:16px;height:16px;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.notify-opt.disabled{opacity:.6;cursor:default}.notify-opt.disabled input{cursor:default}.notif-time{font-size:.76rem;color:var(--faint)}.notif-dot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px -1px var(--accent)}.foot-actions{display:inline-flex;align-items:center;gap:8px}.friends-btn{display:inline-flex;align-items:center;gap:4px;cursor:pointer;flex-shrink:0;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:999px;padding:5px 9px;font:inherit;font-weight:700;font-size:.8rem;transition:background .15s,border-color .15s}.friends-btn:hover{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:var(--accent)}.friends-btn-count{font-variant-numeric:tabular-nums}.modal.friends-modal{max-width:540px}.modal.feedback-modal{max-width:460px}.modal-overlay.feedback-overlay{left:252px}.feedback-overlay .modal{box-shadow:0 24px 60px -16px #000000b3,0 0 60px -10px var(--accent-soft)}.feedback-text{width:100%;margin-top:14px;min-height:120px;resize:vertical;padding:12px 14px;border-radius:12px;background:var(--panel-hi);border:1px solid var(--border);color:var(--text);font-family:var(--body);font-size:.95rem;line-height:1.5}.feedback-text:focus{border-color:var(--accent);outline:none}.friends-modal-title{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:1.2rem;margin-bottom:16px}.friends-modal-title svg{color:var(--accent)}.fog-rows{display:flex;flex-direction:column;gap:8px}.fog-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--border);transition:border-color .15s}.fog-row:hover{border-color:var(--border-hi)}.fog-row .avatar,.fog-row .avatar-img{flex-shrink:0;width:34px;height:34px}.fog-name{font-family:var(--display);font-weight:600;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fog-row .badge-inline{flex-shrink:0;width:96px;text-align:center}.fog-stars{flex-shrink:0;width:108px}.fog-hours{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.8rem;color:var(--muted);flex-shrink:0;width:60px}.fog-hours svg{opacity:.7}.fog-dash{opacity:.45}.sr-refine{display:flex;gap:10px;margin-bottom:18px;align-items:stretch}.sr-refine .app-search-bar{flex:1;max-width:520px;position:static}.sr-list{display:flex;flex-direction:column;gap:8px}.sr-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--border);transition:border-color .15s}.sr-row:hover{border-color:var(--border-hi)}.sr-cover{width:84px;height:40px;flex-shrink:0;border-radius:6px;background-size:cover;background-position:center;background-color:#15151c;display:grid;place-items:center;color:var(--faint)}.sr-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.sr-title{font-family:var(--display);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-title:hover,.sr-error{color:var(--accent)}.sr-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.sr-controls .btn{min-height:36px;display:inline-flex;align-items:center}.sr-owned{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--green)}@media (max-width: 720px){.sr-row{flex-wrap:wrap}.sr-controls{width:100%;justify-content:space-between}}.disc-hero-grid{position:relative;display:grid;grid-template-columns:420px 1fr;gap:36px;padding:28px}.disc-railhead{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:600;font-size:1.45rem;letter-spacing:-.5px;margin:0 0 18px}.disc-railwrap{position:relative}.disc-rail{display:flex;gap:18px;overflow-x:auto;padding:2px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.disc-rail::-webkit-scrollbar{display:none}.disc-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:42px;border-radius:50%;background:#0a0a0eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-hi);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;box-shadow:0 6px 20px #0006}.disc-railwrap:hover .disc-arrow{opacity:1}.disc-arrow:hover{background:var(--accent);color:#1a0a0f}.disc-arrow-l{left:-10px}.disc-arrow-r{right:-10px}@media (hover: none){.disc-arrow{display:none}}.disc-strong{width:340px;flex-shrink:0;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--panel);transition:border-color .15s;scroll-snap-align:start}.disc-strong:hover{border-color:var(--border-hi)}.disc-hero-title:hover h2{color:var(--accent);transition:color .15s}@media (max-width: 760px){.disc-hero-grid{grid-template-columns:1fr;gap:20px;padding:18px}}.feed-friends{margin-top:16px}.feed-friends-label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--faint);margin-bottom:8px}.feed-friends-label svg{color:var(--accent)}.feed-timeline{display:flex;flex-direction:column;gap:26px}.feed-day-group{display:flex;flex-direction:column}.feed-day{display:flex;align-items:center;gap:12px;margin:0 0 12px 2px}.feed-day span{font-family:var(--display);font-size:.8rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--faint);white-space:nowrap}.feed-day:after{content:"";flex:1;height:1px;background:var(--border)}.empty-state{text-align:center;padding:40px 24px;color:var(--faint)}.news-day-group{display:flex;flex-direction:column;margin-bottom:26px}.news-day{font-family:var(--display);font-size:.8rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--faint);margin:0 0 12px 2px}.news-list{display:flex;flex-direction:column;gap:12px}.news-card{display:flex;gap:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.news-card:hover{border-color:var(--accent);transform:translateY(-1px)}.news-cover{flex:none;width:96px;height:54px;border-radius:8px;overflow:hidden;background:var(--bg2);display:flex;align-items:center;justify-content:center;color:var(--faint)}.news-cover img{width:100%;height:100%;object-fit:cover}.news-body{min-width:0;display:flex;flex-direction:column;gap:4px}.news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;color:var(--faint)}.news-game{font-weight:600;color:var(--text)}.news-source{font-size:.7rem;text-transform:uppercase;letter-spacing:.4px;padding:1px 7px;border:1px solid var(--border);border-radius:999px}.news-title{font-weight:600;line-height:1.3}.news-excerpt{margin:2px 0 0;font-size:.86rem;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 760px){.news-cover{width:72px;height:44px}}.feed-items{position:relative;display:flex;flex-direction:column;gap:12px}.feed-items:before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--border)}.feed-card{position:relative;display:flex;flex-direction:column;gap:11px;padding:13px 16px 13px 54px;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:16px;transition:transform .16s,border-color .16s,box-shadow .16s}.feed-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--type) 55%,var(--border));box-shadow:0 14px 34px -20px #000000b3,0 0 0 1px color-mix(in srgb,var(--type) 28%,transparent)}.feed-card-top{display:flex;align-items:center;gap:14px}.feed-dot{position:absolute;left:10px;top:20px;z-index:2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--type);background:color-mix(in srgb,var(--type) 22%,var(--bg));border:1.5px solid color-mix(in srgb,var(--type) 60%,transparent);box-shadow:0 0 10px -2px color-mix(in srgb,var(--type) 70%,transparent)}.feed-card-bg{position:absolute;top:0;right:0;bottom:0;width:62%;z-index:0;background-size:cover;background-position:center;opacity:.16;-webkit-mask-image:linear-gradient(to left,#000,transparent);mask-image:linear-gradient(to left,#000,transparent);transition:opacity .16s;pointer-events:none}.feed-card:hover .feed-card-bg{opacity:.3}.feed-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.reaction-pill{display:inline-flex;align-items:center;gap:4px;cursor:pointer;background:var(--panel-hi);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 9px;font:inherit;font-size:.82rem;font-weight:600;transition:border-color .15s,background .15s}.reaction-pill .reaction-emoji{font-size:.95rem;line-height:1}.reaction-pill:hover{border-color:var(--border-hi)}.reaction-pill.mine{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--text)}.reaction-add-wrap{position:relative;display:inline-flex}.reaction-add,.feed-comment-btn{display:inline-flex;align-items:center;gap:5px;cursor:pointer;background:none;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 10px;font:inherit;font-size:.82rem;font-weight:600;transition:border-color .15s,color .15s}.reaction-add:hover,.feed-comment-btn:hover{border-color:var(--accent);color:var(--text)}.feed-comment-btn.active{border-color:var(--accent);color:var(--accent)}.reaction-pop{position:absolute;bottom:calc(100% + 6px);left:0;z-index:20;display:flex;gap:2px;background:var(--bg2);border:1px solid var(--border-hi);border-radius:999px;padding:4px 6px;box-shadow:0 14px 30px -14px #000000b3}.reaction-pop button{background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1;padding:3px 5px;border-radius:8px;transition:transform .1s,background .12s}.reaction-pop button:hover{transform:scale(1.25);background:var(--panel-hi)}.feed-comments{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;border-top:1px solid var(--border);padding-top:11px}.comment-row{display:flex;align-items:flex-start;gap:10px}.comment-row .avatar,.comment-row .avatar-img{width:28px;height:28px;flex-shrink:0;font-size:.72rem}.comment-body{flex:1;min-width:0;line-height:1.45}.comment-user{font-family:var(--display);font-weight:600;color:var(--text)}.comment-user:hover{color:var(--accent)}.comment-text{color:var(--muted);overflow-wrap:anywhere}.comment-time{display:block;font-size:.72rem;color:var(--faint);margin-top:2px}.comment-del{background:none;border:none;color:var(--faint);cursor:pointer;padding:2px;flex-shrink:0;opacity:0;transition:opacity .15s,color .15s}.comment-row:hover .comment-del{opacity:1}.comment-del:hover{color:var(--red)}.comment-form{display:flex;gap:8px;align-items:center}.comment-form input{flex:1}.btn.btn-sm{width:auto;padding:7px 14px;font-size:.85rem;flex-shrink:0}.feed-av{flex-shrink:0;display:inline-flex;position:relative;z-index:1}.feed-main{flex:1;min-width:0;position:relative;z-index:1}.feed-text{margin:0;color:var(--muted);line-height:1.5}.feed-user{font-family:var(--display);font-weight:600;color:var(--text)}.feed-user:hover{color:var(--accent)}.feed-game{color:var(--text);font-weight:600}.feed-stars{color:#ffd23f;letter-spacing:1px}.feed-chip{display:inline-block;margin-left:8px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--c, var(--muted));border:1px solid var(--c, var(--border));border-radius:999px;padding:1px 8px;vertical-align:1px}.feed-time{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;color:var(--faint);margin-top:3px}.feed-time svg{opacity:.7}.feed-thumb{flex-shrink:0;width:96px;height:58px;border-radius:10px;overflow:hidden;position:relative;z-index:1}.feed-thumb img{width:100%;height:100%;object-fit:cover;display:block}.feed-thumb-btn{padding:0;border:1px solid var(--border);background:none;cursor:pointer;transition:border-color .15s,transform .12s}.feed-thumb-btn:hover{border-color:var(--type);transform:scale(1.04)}.feed-thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;color:#fff;opacity:0;transition:opacity .15s}.feed-thumb-btn:hover .feed-thumb-play{opacity:1}.feed-game-link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--text);font-weight:600}.feed-game-link:hover{color:var(--type, var(--accent));text-decoration:underline}.game-modal{padding:0;max-width:420px}.game-modal-cover{height:180px;background-size:cover;background-position:center;background-color:#15151c;display:grid;place-items:center;color:var(--faint);border-radius:18px 18px 0 0}.game-modal-body{padding:20px 22px}.game-modal-body h3{font-family:var(--display);font-size:1.3rem;letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-modal-fields{display:flex;flex-wrap:wrap;gap:16px 18px;align-items:flex-end;margin-top:16px}.feed-more{display:flex;justify-content:center;margin-top:16px}.feed-more .btn{width:auto}.lb-points small{font-family:var(--body);font-size:.8rem;color:var(--muted);font-weight:400}@media (max-width: 640px){.lb-ach{display:none}}.friend-list{display:flex;flex-direction:column;gap:10px}.friend-row{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px 16px}.friend-name{font-family:var(--display);font-weight:600;font-size:1.05rem}.friend-link:hover{color:var(--accent)}.friend-row .rank-tag{margin-top:0}.friend-pts{margin-left:auto;font-variant-numeric:tabular-nums}.friend-row .friend-pts~.btn,.friend-row .btn{flex-shrink:0}.friend-row>.btn:last-child{margin-left:8px}.friend-list .friend-row>.friend-name:not(.friend-link){margin-right:auto}.seg{display:inline-flex;border:1px solid var(--border);border-radius:11px;overflow:hidden}.seg-btn{background:var(--panel-hi);border:none;color:var(--muted);padding:9px 20px;cursor:pointer;font-family:inherit;font-weight:600;font-size:.9rem}.seg-btn+.seg-btn{border-left:1px solid var(--border)}.seg-btn.active{background:var(--accent);color:var(--on-accent)}.feed-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.feed-friend-select{padding:9px 13px;border-radius:11px}.lib-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:30px 0 18px}.lib-head .section-title{margin:0}.sort-control{display:flex;align-items:center;gap:8px}.lib-search{display:inline-flex;align-items:center;gap:8px;background:var(--panel-hi);border:1px solid var(--border);border-radius:11px;padding:0 12px}.lib-search:focus-within{border-color:var(--accent)}.lib-search svg{color:var(--faint);flex-shrink:0}.lib-search input{background:transparent;border:none;padding:9px 0;min-width:180px}.lib-search-clear,.search-input-clear{display:grid;place-items:center;flex-shrink:0;background:transparent;border:none;color:var(--faint);cursor:pointer;padding:2px;border-radius:6px}.lib-search-clear:hover,.search-input-clear:hover{color:var(--text)}.search-input-wrap{position:relative;flex:1;display:flex}.search-input-wrap input{flex:1;padding-right:38px}.search-input-wrap .search-input-clear{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.head-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.card-dates{display:flex;gap:10px;flex-wrap:wrap;font-size:.78rem}.meta-date{display:inline-flex;align-items:center;gap:5px}.meta-date svg{opacity:.7}.plat-row{display:flex;gap:5px;flex-wrap:wrap}.plat-chip{font-size:.7rem;font-weight:600;color:var(--muted);background:var(--panel-hi);border:1px solid var(--border);border-radius:999px;padding:2px 9px;white-space:nowrap}.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel)}.view-toggle button{background:transparent;border:none;color:var(--muted);padding:8px 11px;cursor:pointer;line-height:1;font-family:inherit;display:grid;place-items:center}.view-toggle button.active{background:var(--accent);color:var(--on-accent)}.view-toggle button+button{border-left:1px solid var(--border)}.game-list{display:flex;flex-direction:column;gap:12px}.game-row{position:relative;display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px 16px;transition:border-color .15s}.game-row:hover{border-color:var(--border-hi)}.row-cover{width:100px;height:60px;border-radius:11px;flex-shrink:0;position:relative;background-size:cover;background-position:center;background-color:#15151c;display:grid;place-items:center;font-size:1.2rem}.row-cover .cover-sync{width:20px;height:20px;bottom:5px;left:5px;border-radius:6px}.row-main{flex:1;min-width:0}.row-title{font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.badge-inline{font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:999px;color:#fff}.row-rating{flex-shrink:0;width:104px;display:flex;justify-content:center}.row-rating .stars{font-size:1rem}.game-row .hours-input{flex-shrink:0}.row-status select{width:auto}.row-del{position:absolute;top:-11px;right:-11px;z-index:3;width:30px;height:30px;padding:0;background:var(--bg2);border:1px solid var(--border);color:var(--muted);border-radius:50%;cursor:pointer;display:grid;place-items:center;opacity:0;transform:scale(.8);pointer-events:none;transition:opacity .15s,transform .15s,border-color .15s,color .15s}.game-row:hover .row-del{opacity:1;transform:scale(1);pointer-events:auto}.row-del:hover{border-color:var(--red);color:var(--red)}@media (max-width: 720px){.row-rating,.row-status{display:none}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.game-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s,border-color .18s,box-shadow .18s}.game-card:hover{transform:translateY(-3px);border-color:var(--border-hi);box-shadow:0 16px 40px -18px #0009}.game-cover{height:118px;background-size:cover;background-position:center;background-color:#15151c;position:relative;display:grid;place-items:center;border-radius:14px 14px 0 0}.game-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -40px 60px -20px #00000073;pointer-events:none;border-radius:inherit}.cover-fallback{font-size:2.4rem;opacity:.4}.game-clickable{cursor:pointer}h3.game-clickable:hover,.row-title.game-clickable:hover{color:var(--accent)}.cover-sync{position:absolute;bottom:9px;left:9px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#0009;color:var(--accent);box-shadow:0 2px 8px -2px #00000080}.game-body{padding:11px 13px;display:flex;flex-direction:column;gap:7px;flex:1}.game-body h3{font-family:var(--display);font-size:1.02rem;font-weight:600;letter-spacing:-.3px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-body>.card-actions,.game-body>.card-foot,.game-body>.btn-block{margin-top:auto}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge{position:absolute;top:12px;right:12px;z-index:1;font-size:.7rem;font-weight:700;padding:5px 11px;border-radius:999px;background:#0a0a0e8c;color:#fff;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge-playing{color:var(--blue)}.badge-completed{color:var(--green)}.badge-backlog{color:var(--violet)}.badge-played{color:#ff5c7a}.badge-left{left:12px;right:auto}.badge-upcoming{background:var(--amber);color:#221603;border-color:transparent}.badge-inline.badge-playing{background:var(--blue);color:#07142c}.badge-inline.badge-completed{background:var(--green);color:#052016}.badge-inline.badge-backlog{background:var(--violet);color:#1c0a2e}.badge-inline.badge-played{background:#ff5c7a;color:#1a0a0f}.badge-inline.badge-upcoming{background:var(--amber);color:#221603}.card-actions{display:flex;align-items:center;gap:8px;justify-content:space-between;background:var(--panel-hi);border:1px solid var(--border);border-radius:12px;padding:4px}.card-actions select{flex:1;width:100%;border:none;background:transparent}.dd{position:relative}.dd-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel-hi);border:1px solid var(--border);border-radius:11px;padding:9px 13px;color:var(--text);font-weight:600;font-size:.9rem;font-family:inherit;cursor:pointer}.dd-btn:hover{border-color:var(--border-hi)}.dd-btn .chev{color:var(--faint);flex-shrink:0}.dd-list,.status-menu-list{position:absolute;top:calc(100% + 6px);left:0;z-index:20;background:var(--bg2);border:1px solid var(--border-hi);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 14px 34px -10px #000000bf}.dd-item,.status-menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:none;color:var(--muted);font-size:.88rem;font-family:inherit;text-align:left;padding:9px 11px;border-radius:9px;cursor:pointer;white-space:nowrap}.dd-item:hover,.status-menu-item:hover{background:var(--panel-hi);color:var(--text)}.dd-item.active,.status-menu-item.active{color:var(--text);font-weight:600}.dd-item.active svg,.status-menu-item.active svg{color:var(--accent)}.status-menu{position:relative}.status-menu-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-hi);border:1px solid var(--border);border-radius:10px;padding:7px 9px;cursor:pointer;font-family:inherit;line-height:1}.status-menu-btn:hover{border-color:currentColor}.status-menu-list{top:auto;bottom:calc(100% + 8px);left:auto;right:0;min-width:184px}.status-menu-list.down{top:calc(100% + 8px);bottom:auto}.status-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.status-menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:none;color:var(--muted);font-size:.88rem;font-family:inherit;text-align:left;padding:9px 11px;border-radius:9px;cursor:pointer}.status-menu-item:hover{background:var(--panel-hi);color:var(--text)}.status-menu-item.active{color:var(--text);font-weight:600}.status-menu-item.active svg{color:var(--accent)}.cover-actions{position:absolute;bottom:12px;right:12px;z-index:2;display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .15s;pointer-events:none}.game-card:hover .cover-actions{opacity:1;pointer-events:auto}.cover-del{display:inline-flex;align-items:center;gap:5px;background:#0a0a0eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:9px;color:var(--text);cursor:pointer;font-size:.8rem;padding:6px 9px;line-height:1}.cover-del:hover{border-color:var(--red);background:#ff6b8140}.stars{display:flex;gap:3px}.star{color:#ffffff21;cursor:pointer;transition:color .1s}.star.filled{color:var(--accent)}.stars.readonly .star{cursor:default}input,select{background:var(--panel-hi);border:1px solid var(--border);color:var(--text);padding:10px 13px;border-radius:11px;font-size:.9rem;font-family:inherit;outline:none}input::placeholder{color:var(--faint)}input:focus,select:focus{border-color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.82rem;color:var(--muted)}.field.inline{gap:4px}.steam-form{display:flex;flex-direction:column;gap:20px;margin-top:14px}.import-actions{display:flex;flex-wrap:wrap;gap:10px}.modal.import-summary{max-width:480px}.import-changes{margin-top:14px;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.import-change-group h4.import-change-head{margin:0 0 8px;font-size:.9rem;color:var(--text)}.import-changes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.import-changes li{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;padding:7px 10px;border-radius:8px;background:#ffffff08}.import-change-delta{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox input{width:auto}.btn{border:none;border-radius:11px;padding:10px 17px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;transition:filter .15s,opacity .15s,background .15s,border-color .15s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-block{display:flex}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:var(--panel-hi);color:var(--text);border:1px solid var(--border);font-weight:600}.btn-ghost:hover{border-color:var(--border-hi)}.btn-success{background:var(--green);color:#052016;border-color:transparent;font-weight:600}.btn-danger{color:var(--red);background:transparent;border:1px solid var(--border)}.btn-danger:hover{border-color:var(--red)}.btn-danger-solid{background:var(--red);color:#2a0a0f}.btn-danger-solid:hover:not(:disabled){filter:brightness(1.08)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#05060a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:100%;max-width:400px;background:var(--bg2);border:1px solid var(--border-hi);border-radius:18px;padding:24px;box-shadow:0 24px 60px -16px #000000b3}.modal-title{font-family:var(--display);font-size:1.3rem;font-weight:600;letter-spacing:-.4px}.modal-msg{color:var(--muted);margin:10px 0 0;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.btn-block{width:100%}.search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#08080c6b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:backdrop-in .15s ease}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.search-section{position:relative;z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:22px;margin-bottom:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-bar{display:flex;gap:10px}.search-bar input{flex:1}.add-options{display:flex;gap:18px;margin:14px 0;flex-wrap:wrap}.search-popup{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:10px;padding:18px;background:var(--bg2);border:1px solid var(--border-hi);border-radius:18px;box-shadow:0 24px 60px #00000080;max-height:72vh;overflow:auto}.search-popup-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}.search-popup-head .muted{margin-right:auto}.search-popup-head .icon-btn{width:32px;height:32px}.app-search{position:sticky;top:0;z-index:50;padding:12px 48px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.app-search-bar{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:10px;background:var(--panel-hi);border:1px solid var(--border);border-radius:12px;padding:9px 14px}.app-search-bar:focus-within{border-color:var(--accent)}.app-search-bar>svg{color:var(--faint);flex-shrink:0}.app-search-bar input{flex:1;border:none;background:transparent;color:var(--text);font-size:.95rem;outline:none;padding:0}.app-search-clear{background:none;border:none;color:var(--faint);cursor:pointer;display:inline-flex}.app-search-results{position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%);width:min(720px,calc(100% - 96px));background:var(--bg2);border:1px solid var(--border-hi);border-radius:14px;box-shadow:0 24px 60px #00000080;max-height:64vh;overflow:auto;padding:6px}.app-search-empty{padding:14px;text-align:center}.app-search-all{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 10px;margin-top:4px;border:none;border-top:1px solid var(--border);background:none;color:var(--accent);font-weight:600;font-family:inherit;font-size:.9rem;cursor:pointer;border-radius:0 0 10px 10px}.app-search-all:hover{background:var(--panel-hi)}.app-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 14px}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--border-hi);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-btn{width:14px;height:14px;border-width:2px;border-color:#fff6;border-top-color:#fff;display:inline-block;vertical-align:-2px;margin-right:7px}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:50vh}.app-search-row{width:100%;display:flex;align-items:center;gap:12px;padding:8px 10px;border:none;background:none;color:inherit;cursor:pointer;border-radius:10px;text-align:left}.app-search-row:hover,.app-search-row.active{background:var(--panel-hi)}.app-search-cover{width:56px;height:32px;flex-shrink:0;border-radius:6px;background-size:cover;background-position:center;background-color:#15151c;display:grid;place-items:center;color:var(--faint)}.app-search-info{min-width:0;display:flex;flex-direction:column;flex:1}.app-search-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-search-owned{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--green)}.gd-hero{position:relative;border-radius:18px;overflow:hidden;min-height:240px;display:flex;align-items:flex-end;background-size:cover;background-position:center;background-color:#15151c;margin-bottom:18px}.gd-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#08080cf0,#08080c66 60%,#08080c1a)}.gd-hero-content{position:relative;padding:24px 28px;width:100%}.gd-hero-content h1{font-size:2.2rem;letter-spacing:-1px;margin:0 0 8px}.gd-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:var(--muted);font-size:.9rem;margin-bottom:10px}.gd-meta svg{vertical-align:-2px;color:#ffd23f}.gd-mc-tile .gd-hltb-num{color:#fff}.gd-mc-tile.mc-high{border-color:#2b8f4e;box-shadow:inset 0 0 0 1px #2b8f4e}.gd-mc-tile.mc-high .gd-hltb-num{color:#3ecf6b}.gd-mc-tile.mc-mid{border-color:#c98a16;box-shadow:inset 0 0 0 1px #c98a16}.gd-mc-tile.mc-mid .gd-hltb-num{color:#f0b429}.gd-mc-tile.mc-low{border-color:#c0392b;box-shadow:inset 0 0 0 1px #c0392b}.gd-mc-tile.mc-low .gd-hltb-num{color:#e74c3c}.gd-actions{margin-bottom:8px}.gd-add{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.gd-add-label{display:inline-flex;align-items:center;gap:6px;min-height:38px}.gd-add .field.inline{gap:6px}.gd-add .status-menu-btn,.gd-add .hours-input,.gd-add .stars,.gd-add .btn{min-height:38px;box-sizing:border-box}.gd-add .stars{align-items:center}.gd-add .btn{display:inline-flex;align-items:center}.gd-owned{display:inline-flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;color:var(--green);font-weight:600}.gd-owned-row{display:flex;align-items:center;gap:12px}.gd-suggest{margin-left:auto;flex-shrink:0;color:var(--accent)}.gd-suggest svg{color:var(--accent)}.suggest-modal{max-width:460px}.sg-search{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--border);color:var(--faint);margin-bottom:12px}.sg-search input{flex:1;background:none;border:none;color:var(--text);font:inherit;outline:none}.sg-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.sg-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px 10px;border-radius:12px;background:none;border:1px solid transparent;color:inherit;cursor:pointer}.sg-row:hover{background:var(--panel)}.sg-row.picked{background:var(--accent-soft);border-color:var(--accent)}.sg-row.declined{opacity:.55;cursor:not-allowed}.sg-row.declined:hover{background:none}.sg-row .avatar,.sg-row .avatar-img{width:34px;height:34px;flex-shrink:0}.sg-name{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-owned-badge{flex-shrink:0}.sg-check{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:2px solid var(--border-hi);display:flex;align-items:center;justify-content:center;color:#fff}.sg-check.on{background:var(--accent);border-color:var(--accent)}.sg-done{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 0;color:var(--green);font-weight:600}.gd-desc{color:var(--muted);line-height:1.6;white-space:pre-line}.gd-desc-clamped{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;width:100%}.gd-readmore{margin-top:8px;background:none;border:none;padding:0;cursor:pointer;color:var(--accent);font-weight:600;font-size:.9rem;font-family:inherit}.gd-readmore:hover{text-decoration:underline}.gd-hltb{display:flex;gap:14px;flex-wrap:wrap}.gd-hltb-tile{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 22px;text-align:center;min-width:130px}.gd-hltb-num{font-family:var(--display);font-size:1.7rem;font-weight:600;color:var(--accent)}.gd-hltb-num span{font-family:var(--body);font-size:.95rem;color:var(--muted);margin-left:2px}.gd section{margin-bottom:26px}.add-defaults{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;margin-bottom:16px;padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border))}.add-defaults-label{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-weight:600;font-size:.9rem;color:var(--text);padding-right:18px;margin-right:2px;border-right:1px solid var(--border)}.add-defaults-label svg{color:var(--accent)}.add-defaults .field.inline{gap:5px}.add-defaults .field.inline>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--faint);font-weight:600}.steam-section{background:linear-gradient(160deg,#6aa6ff1a,#ffffff08)}.steam-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.steam-logo{font-size:1.6rem}.avatar-img{object-fit:cover}.avatar-row{display:flex;align-items:center;gap:20px}.avatar-preview{width:88px;height:88px;border-radius:50%;flex-shrink:0;background:linear-gradient(145deg,var(--violet),var(--accent));color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:700;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.avatar-actions .btn{width:auto}.avatar-buttons{display:flex;gap:8px}.stack-form{display:flex;flex-direction:column;gap:12px;max-width:380px}.stack-form .btn{align-self:flex-start}.divider{border:none;border-top:1px solid var(--border);margin:22px 0}.month-group{margin-bottom:30px}.month-title{font-family:var(--body);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.month-title .muted{color:var(--faint);font-weight:500}.panel{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:24px;margin-bottom:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-top{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:stretch;margin-bottom:18px}.settings-top .panel{margin-bottom:0}.privacy-panel{display:flex;flex-direction:column}.privacy-panel .privacy-list{list-style:none;margin:14px 0;padding:0;display:flex;flex-direction:column;gap:13px;line-height:1.5}.privacy-panel .privacy-list li{padding-left:18px;position:relative}.privacy-panel .privacy-list li:before{content:"•";position:absolute;left:4px;color:var(--accent)}.privacy-panel .privacy-list strong{color:var(--text)}.privacy-panel .seg{margin-top:auto;align-self:flex-start}@media (max-width: 860px){.settings-top{grid-template-columns:1fr}}.user-form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;margin-top:8px}.table th,.table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border)}.table th{color:var(--faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.6px}.tag{font-size:.74rem;padding:3px 10px;border-radius:999px}.tag-admin{background:var(--accent);color:var(--on-accent);font-weight:700}.release-hero{position:relative;border-radius:24px;overflow:hidden;margin-bottom:30px;border:1px solid var(--border);min-height:240px;display:flex;align-items:flex-end;background-size:cover;background-position:center}.release-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b0b0feb,#0b0b0f33)}.release-hero-inner{position:relative;padding:30px 34px;max-width:70%}.release-hero-kicker{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;padding:5px 12px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--border)}.release-hero h2{font-size:2.2rem;letter-spacing:-.8px}.release-hero .muted{font-size:1rem;margin-top:4px}.release-hero-actions{display:flex;gap:12px;margin-top:18px}.empty{background:var(--panel);border:1px dashed var(--border-hi);border-radius:18px;padding:44px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.alert{padding:12px 15px;border-radius:12px;font-size:.88rem;margin:12px 0}.alert-error{background:#ff6b811f;color:var(--red);border:1px solid rgba(255,107,129,.3)}.alert-success{background:#34d3991f;color:var(--green);border:1px solid rgba(52,211,153,.3)}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:20px;background-image:radial-gradient(60% 50% at 50% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),radial-gradient(50% 40% at 100% 100%,rgba(106,166,255,.1),transparent 55%)}.login-back{position:absolute;top:24px;left:24px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:38px;width:100%;max-width:390px;display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-brand{display:flex;align-items:center;gap:12px}.login-brand h1{font-size:2rem}.login-logo-img{font-size:2.8rem}.login-subtitle{color:var(--muted);margin:0 0 8px;font-size:.95rem}.login-switch{text-align:center;font-size:.88rem;color:var(--muted);margin-top:6px}.login-switch button{background:none;border:none;color:var(--accent);font-weight:700;cursor:pointer;font-family:inherit;font-size:.88rem;padding:0}.login-switch button:hover{text-decoration:underline}.login-forgot{text-align:right;margin:-4px 0 4px}.login-forgot button{background:none;border:none;color:var(--muted);cursor:pointer;font-family:inherit;font-size:.82rem;padding:0}.login-forgot button:hover{color:var(--accent);text-decoration:underline}.legal-links{display:flex;gap:16px;justify-content:center;margin-top:12px}.legal-links a{color:var(--faint);font-size:.82rem}.legal-links a:hover{color:var(--accent);text-decoration:underline}.sidebar-legal{margin-top:12px}.legal-page{max-width:760px;margin:0 auto;padding:28px 24px 80px}.legal-page h1{font-size:2rem;margin:18px 0 4px}.legal-page h2{font-size:1.15rem;margin:28px 0 8px}.legal-page p,.legal-page li{color:var(--muted);line-height:1.6}.legal-page ul{padding-left:20px}.legal-page a{color:var(--accent)}.legal-page .brand-link{display:inline-flex}.legal-url{word-break:break-all}.legal-foot{margin-top:36px;border-top:1px solid var(--border);padding-top:16px}.danger-zone{border-color:#ff6b814d}.code-area{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;resize:vertical}.var-chip{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:var(--panel-hi);border:1px solid var(--border);font-size:.78rem}.mail-preview{margin-top:16px}.mail-preview iframe{width:100%;height:420px;margin-top:6px;border:1px solid var(--border);border-radius:12px;background:#fff}.mail-test{margin-top:16px;border-top:1px solid var(--border);padding-top:14px}.mail-test input{max-width:280px}.highlight-picker{margin-top:18px;border-top:1px solid var(--border);padding-top:16px}.swatch-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.swatch{width:30px;height:30px;border-radius:50%;background:var(--c);cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 1px var(--border);display:grid;place-items:center;color:#0009;transition:transform .1s,border-color .15s}.swatch:hover:not(.locked){transform:scale(1.1)}.swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--c)}.swatch.locked{cursor:not-allowed;opacity:.4;filter:grayscale(.5)}.provider{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:15px 17px;margin-top:10px;transition:border-color .15s}.provider:first-of-type{margin-top:16px}.provider:not(.provider-soon):hover{border-color:var(--border-hi)}.provider-soon{opacity:.62}.provider-soon .add-toggle{cursor:default}.coming-soon{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--faint);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.email-status{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid}.email-status.verified{color:var(--green);border-color:var(--green)}.email-status.unverified{color:var(--amber);border-color:var(--amber)}.email-status.off{color:var(--faint);border-color:var(--border)}.task-row{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end}.btn-sm{padding:6px 11px;font-size:.8rem}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.user-email{display:inline-flex;align-items:center;gap:9px}.user-email .email-status{font-size:.68rem;padding:2px 8px}.landing{max-width:1180px;margin:0 auto;padding:0 40px 40px}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.landing-nav-actions{display:flex;align-items:center;gap:10px}.landing-logo{font-size:1.7rem}.landing-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:44px 0 56px}.landing-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border);padding:6px 13px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.landing-hero-text h1{font-size:3.4rem;line-height:1.05;letter-spacing:-1.6px}.landing-hero-text p{color:var(--muted);font-size:1.12rem;line-height:1.6;margin:18px 0 26px;max-width:520px}.landing-cta-row{display:flex;gap:12px;flex-wrap:wrap}.landing-hero-art{display:grid;grid-template-columns:1fr 1fr;gap:18px}.landing-hero-art .lt-card:nth-child(odd){transform:translateY(16px)}.lt-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden}.lt-cover{height:150px;position:relative;background-size:cover;background-position:center;background-color:#15151c}.lt-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 -34px 50px -18px #00000073}.lt-body{padding:14px;display:flex;flex-direction:column;gap:6px}.lt-title{font-family:var(--display);font-weight:600;font-size:1rem;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lt-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--border)}.feature.reverse .feature-text{order:2}.feature h2{font-size:2rem;letter-spacing:-.8px}.feature-text p{color:var(--muted);font-size:1.05rem;line-height:1.6;margin:14px 0 18px}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.feature-list li{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:500}.feature-list li svg{color:var(--green);flex-shrink:0}.mock-import{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px}.mock-import-row{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:14px}.steam-logo-mock{width:22px;height:22px;border-radius:6px;background:linear-gradient(145deg,#6aa6ff,#1b2838);display:inline-block}.mock-rel{display:flex;flex-direction:column;gap:10px}.mock-rel-row{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px 12px}.mock-rel-cover{width:86px;height:50px;border-radius:10px;flex-shrink:0;background-size:cover;background-position:center;background-color:#15151c}.mock-rel-row .btn{padding:8px 13px;font-size:.8rem;flex-shrink:0}.landing-final{text-align:center;padding:72px 0;border-top:1px solid var(--border)}.landing-final h2{font-size:2.2rem;letter-spacing:-1px}.landing-final p{margin:10px 0 24px}.landing-final .btn{display:inline-flex}.landing-foot{display:flex;align-items:center;gap:12px;justify-content:center;padding:28px 0;border-top:1px solid var(--border)}@media (max-width: 860px){.landing{padding:0 22px 30px}.landing-hero,.feature{grid-template-columns:1fr;gap:32px;padding:40px 0}.feature.reverse .feature-text{order:0}.landing-hero-text h1{font-size:2.6rem}.landing-hero-art .lt-card:nth-child(odd){transform:none}}.top10-panel{margin-bottom:22px}.top10-icon{display:inline-flex;color:var(--accent);filter:drop-shadow(0 0 5px var(--accent-soft))}.game-draggable{cursor:grab}.game-draggable:active{cursor:grabbing}.top10-editor{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.top10-slot{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.top10-slot:not(.empty){cursor:grab}.top10-slot:not(.empty):active{cursor:grabbing}.top10-slot:not(.empty):hover{border-color:var(--border-hi)}.top10-slot.empty{align-items:center;justify-content:center;gap:8px;min-height:120px;border-style:dashed;text-align:center;padding:12px}.top10-slot.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.top10-hint{color:var(--faint);font-size:.85rem}.top10-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.top10-card{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .18s,border-color .18s}.top10-card:hover{transform:translateY(-3px);border-color:var(--border-hi)}.top10-card .top10-cover{height:118px}.top10-body{padding:11px 13px;display:flex;flex-direction:column;gap:7px;flex:1}.top10-body .top10-title{padding:0;font-size:1.02rem}.top10-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:2px}.top10-cover{position:relative;height:96px;background-size:cover;background-position:center;background-color:#15151c;display:grid;place-items:center}.top10-title{padding:9px 11px;font-family:var(--display);font-weight:600;font-size:.95rem;letter-spacing:-.2px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top10-rank{position:absolute;top:7px;left:7px;z-index:2;min-width:25px;height:25px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:.98rem;line-height:1;color:var(--on-accent);background:var(--accent);border-radius:8px;box-shadow:0 2px 8px #00000080}.top10-slot.empty .top10-rank{position:static;background:none;color:var(--faint);box-shadow:none;min-width:0;height:auto;padding:0;font-size:1.2rem}.top10-remove{position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:24px;height:24px;border:none;border-radius:50%;cursor:pointer;background:#0000008c;color:#fff;opacity:0;transition:opacity .15s,background .15s}.top10-slot:hover .top10-remove{opacity:1}.top10-remove:hover{background:var(--red)}.badge-top10{left:12px;right:auto;top:auto;bottom:12px;display:inline-flex;align-items:center;gap:5px;color:#ffd23f;border-color:#ffd23f;box-shadow:0 0 10px -2px #ffd23f80}.badge-top10 svg{color:#ffd23f}.badge-inline.badge-top10{display:inline-flex;align-items:center;gap:4px;color:#ffd23f;border:1px solid #ffd23f;background:transparent}.top10-list{display:flex;flex-direction:column;gap:12px}.top10-list-row{display:flex;align-items:center;gap:14px}.top10-list-row .top10-rank-inline{flex-shrink:0;width:28px;text-align:center;font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--accent)}.top10-list-item{flex:1;min-width:0}.landing-visits{display:inline-flex;align-items:center;gap:7px;margin-top:16px}.landing-visits svg{color:var(--accent)}.mock-import-sources{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.src-chip{font-size:.8rem;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--panel-hi);border:1px solid var(--border)}.src-chip .muted{font-weight:500}.lt-ach-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ach-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--accent-soft);color:var(--text);border:1px solid var(--border)}.ach-pill svg{color:#ffd23f}.ach-pill.locked{background:var(--panel-hi);color:var(--muted)}.ach-pill.locked svg{color:var(--faint)}.lt-ranked{position:relative}.lt-rank{position:absolute;top:8px;left:10px;z-index:2;font-family:var(--display);font-weight:700;font-size:1.4rem;line-height:1;color:var(--accent);text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5)}.mock-lb{display:flex;flex-direction:column;gap:10px}.mock-lb-row{display:flex;align-items:center;gap:12px}.mock-lb-pos{font-family:var(--display);font-weight:700;font-size:1.2rem;width:18px}.mock-lb-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel-hi);border:1px solid var(--border);font-weight:700;font-size:.9rem}.mock-share{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px}.mock-share-top{display:flex;align-items:center;gap:13px}.mock-share-av{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--panel-hi);border:1px solid var(--border);font-weight:700;font-size:1.25rem}.mock-share-id{flex:1;min-width:0}.mock-share-top .src-chip{flex-shrink:0}.mock-share-stats{display:flex;gap:10px;margin:16px 0}.mock-share-stats>div{flex:1;display:flex;flex-direction:column;gap:2px;text-align:center;background:var(--panel-hi);border:1px solid var(--border);border-radius:12px;padding:10px 6px}.mock-share-stats strong{font-family:var(--display);font-size:1.2rem}.mock-share-covers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-share-covers span{display:block;height:76px;border-radius:10px;background-size:cover;background-position:center;background-color:#15151c}.mock-share-link{margin-top:14px;display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted);background:var(--panel-hi);border:1px solid var(--border);border-radius:10px;padding:9px 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mock-share-link svg{color:var(--accent);flex-shrink:0}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:18px}.cat-row{display:flex;align-items:center;gap:12px;margin:9px 0;font-size:.9rem}.cat-label{width:130px;flex-shrink:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-track{flex:1;height:8px;border-radius:999px;background:var(--panel-hi);overflow:hidden}.cat-fill{display:block;height:100%;border-radius:999px;background:var(--accent)}.cat-val{width:56px;text-align:right;flex-shrink:0;font-weight:700;font-variant-numeric:tabular-nums}.mobile-topbar{display:none}@media (max-width: 760px){.mobile-topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:50;padding:10px 14px;background:#0b0b0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.hamburger{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:var(--panel-hi);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer}.app-shell{display:block}.app-search{position:static;padding:12px 16px}.app-search-results{width:calc(100% - 32px)}.modal-overlay.feedback-overlay{left:0}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:min(86vw,300px);background:var(--bg2);overflow-y:auto;transform:translate(-100%);transition:transform .22s ease;z-index:60}.sidebar.open{transform:none;box-shadow:0 0 40px #0009}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000080}.page{padding:18px 16px 56px}.public-shell{padding:16px 16px 56px}.page-head h1{font-size:1.8rem}.dash-top,.cat-grid,.ach-grid,.rank-track,.landing-hero,.feature,.lt-grid,.lt-row{grid-template-columns:1fr!important}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.top10-grid,.top10-editor{grid-template-columns:repeat(2,1fr)}.page-head-row{flex-direction:column;align-items:stretch}.lib-head,.public-topbar,.public-head,.head-controls,.rank-panel{flex-wrap:wrap}.release-hero-inner{max-width:100%}.landing-hero-text h1{font-size:2.2rem}.release-hero h2{font-size:1.5rem}.pie-body{flex-wrap:wrap;justify-content:center}.table{display:block;overflow-x:auto;white-space:nowrap}.stack-form{max-width:none!important}.stack-form input[type=time],.stack-form input[type=number]{width:100%!important}}@media (max-width: 430px){.card-grid{grid-template-columns:1fr}.page-head h1{font-size:1.6rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}body.nav-open{overflow:hidden}@media (max-width: 760px){html,body{overflow-x:hidden}}