: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%,rgba(255,92,122,.1),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}.brand-logo-img{width:100%;max-width:200px;height:auto;display:block}.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{color:var(--text)}.nav-link.active .nav-icon{color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);padding-top:14px}.user-badge{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:7px 8px;border-radius:12px;transition:background .15s}.user-badge:hover{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}.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.share-bar{display:flex;align-items:center;gap:10px;margin:-10px 0 24px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px}.share-bar svg{color:var(--accent);flex-shrink:0}.share-bar input{flex:1;background:transparent;border:none;color:var(--text);font-size:.9rem}.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{height:40px;width:auto}.public-head{display:flex;align-items:center;gap:18px;margin-bottom:30px}.public-head-info{flex:1;min-width:0}.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;flex-wrap:wrap;padding:6px 10px;border-radius:10px}.cmp-side.cmp-win{background:var(--accent-soft)}.cmp-hours{font-weight:700;font-variant-numeric:tabular-nums;min-width:48px}@media (max-width: 720px){.cmp-row{grid-template-columns:1fr;gap:8px}.cmp-row.cmp-head{display:none}}.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:2.4rem;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-card.highlight{border-color:var(--border);background:linear-gradient(160deg,#ff5c7a1a,#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-static{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.88rem}.hours-static svg{opacity:.7}.dash-top{display:grid;grid-template-columns:1.05fr 1.25fr .9fr;gap:20px;margin-bottom:28px}.pie-card,.dash-summary{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pie-title{font-size:.8rem;color:var(--faint);margin-bottom:18px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.pie-body{display:flex;align-items:center;gap:22px}.pie-donut{flex-shrink:0;position:relative}.pie-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;min-width:0;flex:1}.pie-legend li{display:flex;align-items:center;gap:10px;font-size:.9rem}.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:flex;flex-direction:column;justify-content:center;gap:22px;background:linear-gradient(160deg,#ff5c7a1a,#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-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}.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-points{font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0}.ach-card.earned .ach-points{color:var(--amber)}.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,rgba(255,92,122,.1),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-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)}.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}.head-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.card-dates{display:flex;gap:12px;flex-wrap:wrap}.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{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;background-size:cover;background-position:center;background-color:#15151c;display:grid;place-items:center;font-size:1.2rem}.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}.row-rating .stars{font-size:1rem}.row-status select{width:auto}.row-del{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:9px;padding:8px;cursor:pointer;flex-shrink:0;display:grid;place-items:center;opacity:0;transition:opacity .15s}.game-row:hover .row-del{opacity:1}.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(270px,1fr));gap:22px}.game-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;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(-4px);border-color:var(--border-hi);box-shadow:0 16px 40px -18px #0009}.game-cover{height:172px;background-size:cover;background-position:center;background-color:#15151c;position:relative;display:grid;place-items:center;border-radius:20px 20px 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-body{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1}.game-body h3{font-family:var(--display);font-size:1.18rem;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:var(--accent)}.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:var(--accent);color:var(--on-accent)}.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-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}.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-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-section{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}.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}.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(--amber);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)}.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%,rgba(255,92,122,.16),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{width:240px;max-width:100%;height:auto;display:block}.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}.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{height:40px;width:auto}.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}}