:root{--bg:#080a0f;--bg-elevated:#0d1118;--surface-1:#111620;--surface-2:#171e2a;--surface-hover:#1c2533;--border:#ffffff13;--border-strong:#ffffff24;--text:#f4f6fb;--text-muted:#9ba5b6;--text-subtle:#687386;--accent:#8f7cff;--accent-hover:#a596ff;--accent-soft:#8f7cff24;--achievement:#49d7c1;--achievement-soft:#49d7c121;--warning:#f0b85a;--danger:#f0717f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--shadow-card:0 12px 34px #00000042;--shadow-float:0 20px 60px #00000080;--content-max:1440px}[data-theme=light]{--bg:#f1f5f9;--bg-elevated:#fff;--bg-card:#fff;--surface-1:#fff;--surface-2:#f1f5f9;--surface-hover:#e2e8f0;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#334155;--text-subtle:#64748b;--accent:#6366f1;--accent-hover:#4f46e5;--accent-soft:#6366f11f;--achievement:#059669;--achievement-soft:#0596691f;--warning:#d97706;--danger:#e11d48;--shadow-card:0 4px 16px #0000000d, 0 1px 3px #00000008;--shadow-float:0 20px 60px #0000001f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}[data-theme=light] body{color:var(--text);background:radial-gradient(circle at 48% -20%,#6366f114,#0000 40rem),#f1f5f9}[data-theme=light] .ambient-one{opacity:.12;background:#818cf8}[data-theme=light] .ambient-two{opacity:.12;background:#34d399}[data-theme=light] .app-header{background:#ffffffeb;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}[data-theme=light] .brand-mark{color:#4f46e5;box-shadow:none;background:linear-gradient(145deg,#6366f124,#6366f10d);border:none}[data-theme=light] .brand strong{color:#0f172a}[data-theme=light] .brand small{color:#64748b}[data-theme=light] .sync-state{color:#334155;font-weight:550}[data-theme=light] .icon-button{color:#334155;background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000d}[data-theme=light] .icon-button:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}[data-theme=light] .intro-kicker{color:#4f46e5;background:0 0;border:none;padding:0;font-weight:720}[data-theme=light] .intro h1{color:#0f172a}[data-theme=light] .intro p{color:#334155}[data-theme=light] .intro-emblem{box-shadow:none;background:0 0;border:none}[data-theme=light] .intro-emblem>div,[data-theme=light] .intro-emblem div{color:#6366f1;box-shadow:none;background:radial-gradient(circle,#6366f11f,#0000 70%);border:none}[data-theme=light] .intro-emblem>span,[data-theme=light] .intro-emblem span{color:#64748b}[data-theme=light] .stats-strip{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000a}[data-theme=light] .stat-card{background:#fff!important;border-color:#e2e8f0!important}[data-theme=light] .stat-card strong{color:#0f172a}[data-theme=light] .stat-card span{color:#475569;font-weight:550}[data-theme=light] .stat-icon{color:#4f46e5;background:#f1f5f9;border:1px solid #e2e8f0}[data-theme=light] .library-heading h2{color:#0f172a}[data-theme=light] .library-heading p{color:#475569}[data-theme=light] .steam-activity-title-group h2{color:#0f172a}[data-theme=light] .steam-activity-title-group .eyebrow{color:#0284c7}[data-theme=light] .steam-recent-total-badge{color:#0369a1;background:#e0f2fe;border:1px solid #7dd3fc;font-weight:700}[data-theme=light] .steam-activity-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000000f}[data-theme=light] .steam-activity-card:hover{background:#fff;border-color:#38bdf8;box-shadow:0 12px 32px #0000001a,0 0 20px #38bdf826}[data-theme=light] .steam-card-title{color:#0f172a}[data-theme=light] .steam-card-cover-wrap{border:1px solid #cbd5e1;box-shadow:0 4px 16px #0000001a}[data-theme=light] .steam-stat-recent{color:#0369a1;background:#e0f2fe;border:1px solid #7dd3fc}[data-theme=light] .steam-stat-total{color:#334155;font-weight:550}[data-theme=light] .steam-stat-total strong,[data-theme=light] .steam-stat-recent strong{color:#0f172a}[data-theme=light] .steam-stat-last{color:#64748b;font-weight:500}[data-theme=light] .steam-achievements-container{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .steam-achievements-label{color:#0f172a;font-weight:700}[data-theme=light] .steam-recent-unlock-title{color:#475569;font-weight:600}[data-theme=light] .steam-progress-track{background:#e2e8f0}[data-theme=light] .steam-achievement-badge{color:#0f172a;background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 3px #0000000a}[data-theme=light] .steam-achievement-badge:hover{background:#f0f9ff;border-color:#0284c7}[data-theme=light] .steam-badge-icon{color:#16a34a;background:#dcfce7}[data-theme=light] .steam-badge-title{color:#0f172a;font-weight:700}[data-theme=light] .steam-badge-date{color:#64748b;font-weight:500}[data-theme=light] .steam-badge-more{color:#334155;background:#fff;border:1px solid #cbd5e1}[data-theme=light] .steam-badge-more:hover{color:#0284c7;background:#f0f9ff;border-color:#0284c7}[data-theme=light] .steam-card-fallback-meta{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .recent-achievements-section{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000000d}[data-theme=light] .recent-achievements-header h2,[data-theme=light] .recent-achievements-heading h2{color:#0f172a}[data-theme=light] .recent-achievements-header .eyebrow,[data-theme=light] .recent-achievements-heading .eyebrow{color:#4f46e5}[data-theme=light] .recent-achievement-name,[data-theme=light] .recent-stat-pill strong{color:#0f172a}[data-theme=light] .recent-achievement-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .recent-achievement-card:hover{background:#f8fafc;border-color:#a5b4fc;box-shadow:0 8px 24px #00000014}[data-theme=light] .recent-achievements-stats-bar{background:#00000008;border-color:#00000014}[data-theme=light] .recent-stat-dot{color:#0003}[data-theme=light] .recent-achievement-icon-frame{background:#f8fafc;border:1px solid #0d948859;box-shadow:0 3px 10px #0d948824}[data-theme=light] .recent-achievement-card:hover .recent-achievement-icon-frame{border-color:#0d9488a6;box-shadow:0 6px 16px #0d948838}[data-theme=light] .recent-achievement-icon-fallback{color:#0d9488;background:#0d948814}[data-theme=light] .recent-achievement-name{color:#0f172a;font-weight:750}[data-theme=light] .recent-achievement-game{color:#475569;font-weight:700}[data-theme=light] .recent-achievement-desc{color:#334155;font-weight:450}[data-theme=light] .recent-achievement-date{color:#0284c7;font-weight:650}[data-theme=light] .search-field,[data-theme=light] .search-box{color:#64748b;background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 1px 3px #0000000a}[data-theme=light] .search-field:hover,[data-theme=light] .search-box:hover{border-color:#94a3b8}[data-theme=light] .search-field:focus-within,[data-theme=light] .search-box:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e,0 1px 3px #0000000a}[data-theme=light] .search-field>svg,[data-theme=light] .search-box>svg{color:#64748b;transition:color .15s}[data-theme=light] .search-field:focus-within>svg,[data-theme=light] .search-box:focus-within>svg{color:#6366f1}[data-theme=light] .search-field input,[data-theme=light] .search-box input{color:#0f172a;font-size:14px;font-weight:550}[data-theme=light] .search-field input::placeholder,[data-theme=light] .search-box input::placeholder{color:#94a3b8;font-weight:450}[data-theme=light] .search-field>button,[data-theme=light] .search-clear{color:#64748b}[data-theme=light] .search-field>button:hover,[data-theme=light] .search-clear:hover{color:#0f172a;background:#0000000f}[data-theme=light] .filter-chip,[data-theme=light] .chip{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;font-weight:600;box-shadow:0 1px 2px #00000008}[data-theme=light] .filter-chip:hover,[data-theme=light] .chip:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}[data-theme=light] .filter-chip-active,[data-theme=light] .filter-chip.filter-chip-active,[data-theme=light] .filter-chip-active:hover,[data-theme=light] .chip.active,[data-theme=light] .chip.active:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;font-weight:700;box-shadow:0 2px 8px #4f46e547}[data-theme=light] .sort-select{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;font-weight:600;box-shadow:0 1px 3px #0000000a}[data-theme=light] .sort-select:hover{border-color:#94a3b8}[data-theme=light] .sort-select:focus-within,[data-theme=light] .sort-select:focus-visible{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e,0 1px 3px #0000000a}[data-theme=light] .sort-select>svg{color:#64748b;transition:color .15s}[data-theme=light] .sort-select:focus-within>svg{color:#6366f1}[data-theme=light] .sort-select select{color:#0f172a;cursor:pointer;background:0 0;font-size:13px;font-weight:550}[data-theme=light] .sort-select option{color:#0f172a;background:#fff}[data-theme=light] .result-count{color:#475569;background:#fff;border:1px solid #cbd5e1;font-weight:600;box-shadow:0 1px 2px #00000008}[data-theme=light] .empty-state{background:#fff9;border-color:#cbd5e1}[data-theme=light] .empty-state h3{color:#0f172a}[data-theme=light] .empty-state p{color:#64748b}[data-theme=light] .empty-state button{color:#fff;background:#4f46e5;border-color:#4f46e5;font-weight:600;box-shadow:0 2px 8px #4f46e547}[data-theme=light] .empty-state button:hover{background:#4338ca;border-color:#4338ca}[data-theme=light] .game-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 16px #0000000d}[data-theme=light] .game-card:hover{border-color:#818cf8;box-shadow:0 12px 30px #00000017,0 0 16px #6366f114}[data-theme=light] .card-heading h2{color:#0f172a}[data-theme=light] .card-heading p{color:#475569;font-weight:550}[data-theme=light] .achievement-count{background:#f8fafc;border:1px solid #05966938;box-shadow:0 1px 3px #00000005}[data-theme=light] .achievement-embedded{border-color:#6366f138}[data-theme=light] .achievement-count>div span,[data-theme=light] .achievement-count span{color:#0f172a;font-weight:650}[data-theme=light] .achievement-count>div small,[data-theme=light] .achievement-count small{color:#475569;font-weight:550}[data-theme=light] .achievement-last-time{color:#0284c7!important}[data-theme=light] .achievement-empty{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .count-orbit{color:#059669;background:#fff;border:1.5px dashed #05966961}[data-theme=light] .achievement-embedded .count-orbit{color:#6366f1;border-color:#6366f161}[data-theme=light] .count-orbit.count-orbit-progress{background:conic-gradient(#059669 var(--progress-angle,0deg), #05966929 0);color:#059669;border:0}[data-theme=light] .achievement-embedded .count-orbit.count-orbit-progress{background:conic-gradient(#6366f1 var(--progress-angle,0deg), #6366f129 0);color:#6366f1}[data-theme=light] .count-orbit-progress:before{background:#fff;box-shadow:inset 0 1px 2px #0000000d}[data-theme=light] .count-orbit strong{color:#0f172a;font-weight:700}[data-theme=light] .card-meta{color:#475569;border-top:1px solid #e2e8f0;font-weight:550}[data-theme=light] .dialog-backdrop{background:#0f172a8c}[data-theme=light] .game-dialog{scrollbar-color:#0003 transparent;background:#fff;border:1px solid #cbd5e1;box-shadow:0 28px 80px #0000002e,0 0 0 1px #0000000d}[data-theme=light] .game-dialog::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] .game-dialog::-webkit-scrollbar-thumb:hover{background:#00000059}[data-theme=light] .dialog-close{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;box-shadow:0 2px 8px #0000001f}[data-theme=light] .dialog-close:hover{background:#f1f5f9;border-color:#94a3b8}[data-theme=light] .dialog-handle{background:#cbd5e1}[data-theme=light] .dialog-section{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .section-title h3{color:#0f172a}[data-theme=light] .section-note{color:#334155}[data-theme=light] .diagnostic-line{border-bottom:1px solid #e2e8f0}[data-theme=light] .diagnostic-line span{color:#64748b;font-weight:600}[data-theme=light] .diagnostic-line strong{color:#0f172a}[data-theme=light] .diagnostic-line code{color:#0f172a;background:#e2e8f0;border:1px solid #cbd5e1}[data-theme=light] .achievement-filter-btn{color:#334155;background:#fff;border:1px solid #cbd5e1;font-weight:600}[data-theme=light] .achievement-filter-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}[data-theme=light] .achievement-filter-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5;font-weight:700}[data-theme=light] .achievement-row{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .achievement-row:hover{background:#f8fafc;border-color:#94a3b8}[data-theme=light] .achievement-row strong{color:#0f172a;font-weight:750}[data-theme=light] .achievement-row p{color:#334155}[data-theme=light] .achievement-row-icon{background:#f1f5f9;border:1px solid #e2e8f0}[data-theme=light] .achievement-pic-img{background:#0000000a;border:1px solid #0000001a}[data-theme=light] .achievement-pic-unlocked .achievement-pic-img{border-color:#0d948873;box-shadow:0 2px 8px #0d948826}[data-theme=light] .achievement-pic-locked .achievement-pic-img{filter:grayscale()opacity(.48);border-color:#00000014}[data-theme=light] .achievement-row:hover .achievement-pic-locked .achievement-pic-img{filter:grayscale(70%)opacity(.7);border-color:#0000002e}[data-theme=light] .achievement-pic-badge{color:#fff;background:#0d9488;border-color:#fff;box-shadow:0 1px 3px #00000040}[data-theme=light] .achievement-state{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;font-weight:600}[data-theme=light] .review-section{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .review-card{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .review-content p{color:#1e293b}[data-theme=light] .review-form{background:#fff;border:1px solid #e2e8f0}[data-theme=light] .review-textarea{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1}[data-theme=light] .review-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}[data-theme=light] .rating-btn{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;font-weight:750}[data-theme=light] .rating-btn:hover{background:#f8fafc;border-color:#94a3b8}[data-theme=light] .rating-btn.active{color:#fff;background:#f59e0b;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b66}[data-theme=light] .status-toggle-btn{color:#334155;background:#fff;border:1.5px solid #cbd5e1;font-weight:650}[data-theme=light] .status-toggle-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}[data-theme=light] .status-toggle-btn.active{color:#4f46e5;background:#6366f11f;border-color:#4f46e5;font-weight:750}[data-theme=light] .review-submit{color:#fff;background:#4f46e5;font-weight:700;box-shadow:0 2px 8px #4f46e540}[data-theme=light] .review-cancel{color:#475569;background:#fff;border:1.5px solid #cbd5e1;font-weight:600}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 48% -20%, #6552d724, transparent 40rem), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Manrope,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}body.dialog-open{overflow:hidden}button,input,select{color:inherit;font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px #8f7cff6b}::selection{color:#fff;background:#8f7cff8c}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;position:relative;overflow:clip}.ambient{z-index:-1;filter:blur(100px);pointer-events:none;opacity:.09;border-radius:50%;width:34rem;height:34rem;position:fixed}.ambient-one{background:#6954ff;top:18rem;left:-20rem}.ambient-two{background:#28bda9;bottom:8rem;right:-22rem}.app-header{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#080a0fc7;position:sticky;top:0}.header-inner,.main-content{width:min(calc(100% - 64px), var(--content-max));margin:0 auto}.header-inner{justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{color:#c2b9ff;background:linear-gradient(145deg,#8f7cff2e,#8f7cff0f);border:1px solid #8f7cff47;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffff14}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:.13em;font-size:14px;font-weight:760;line-height:1.15}.brand small{color:var(--text-subtle);letter-spacing:.2em;margin-top:3px;font-size:8px;font-weight:700}.header-actions,.sync-state{align-items:center;display:flex}.header-actions{gap:14px}.sync-state{color:var(--text-muted);gap:8px;font-size:12px}.sync-dot{background:var(--achievement);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #49d7c114}.sync-dot-active{animation:1.4s ease-in-out infinite pulse}.icon-button,.dialog-close{border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);background:#ffffff09;border-radius:12px;place-items:center;padding:0;transition:all .16s;display:grid}.icon-button:hover,.dialog-close:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.spin{animation:.8s linear infinite spin}.main-content{padding:54px 0 36px}.source-warning{border-radius:var(--radius-md);color:#f6dcae;background:#f0b85a12;border:1px solid #f0b85a33;align-items:center;gap:10px;margin-bottom:28px;padding:13px 15px;display:flex}.source-warning span{flex:1}.source-warning button{color:var(--warning);background:#f0b85a1f;border:0;border-radius:8px;padding:5px 10px;font-weight:650}.intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:250px;padding:20px 4px 38px;display:grid}.intro-kicker,.eyebrow{color:var(--accent-hover);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:720;display:inline-flex}.intro h1{letter-spacing:-.055em;max-width:700px;margin:16px 0 15px;font-size:clamp(44px,6vw,76px);font-weight:720;line-height:.95}.intro p{max-width:590px;color:var(--text-muted);margin:0;font-size:16px}.intro-emblem{color:var(--text-subtle);align-items:center;gap:14px;padding:0 12px 8px 50px;display:flex}.intro-emblem>div{width:88px;height:88px;color:var(--accent-hover);background:radial-gradient(circle,#8f7cff26,#0000 65%),#ffffff05;border:1px solid #8f7cff2e;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 35px #8f7cff14}.intro-emblem>span{letter-spacing:.17em;font-size:9px;font-weight:800;line-height:1.45}.stats-strip{border:1px solid var(--border);border-radius:var(--radius-lg);background:#0f131bb3;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:66px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.stat-card{border-right:1px solid var(--border);align-items:center;gap:13px;min-width:0;padding:19px 20px;display:flex}.stat-card:last-child{border-right:0}.stat-icon{width:37px;height:37px;color:var(--text-muted);background:#ffffff0a;border-radius:11px;flex:none;place-items:center;display:grid}.stat-card-accent .stat-icon{color:var(--achievement);background:var(--achievement-soft)}.stat-card>div:last-child{flex-direction:column;min-width:0;display:flex}.stat-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:720;line-height:1.2;overflow:hidden}.stat-card span{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.library-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.library-heading h2{letter-spacing:-.035em;margin:4px 0 0;font-size:30px;font-weight:700}.result-count{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-subtle);font-variant-numeric:tabular-nums;background:#ffffff06;padding:6px 10px;font-size:11px}.toolbar{grid-template-columns:minmax(230px,1fr) auto auto;align-items:center;gap:16px;margin-bottom:28px;display:grid}.search-field,.sort-select{border:1px solid var(--border);height:46px;color:var(--text-subtle);box-sizing:border-box;background:#111620b8;border-radius:13px;align-items:center;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.search-field{gap:10px;padding:0 13px}.search-field:focus-within,.sort-select:focus-within{background:var(--surface-1);border-color:#8f7cff6b}.search-field input{width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:0;font-family:inherit;font-size:14px}.search-field input::-webkit-search-decoration{-webkit-appearance:none;display:none}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-field input::-webkit-search-results-button{-webkit-appearance:none;display:none}.search-field input::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.search-field input::placeholder{color:var(--text-subtle)}.search-field>button{width:28px;height:28px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;transition:color .14s,background .14s;display:grid}.search-field>button:hover{color:var(--text);background:#ffffff0d}.filter-chips{align-items:center;gap:7px;display:flex}.filter-chip{border-radius:var(--radius-pill);min-height:38px;color:var(--text-muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;padding:0 13px;font-family:inherit;font-size:12px;font-weight:600;transition:all .16s}.filter-chip:hover{color:var(--text);background:#ffffff0a}.filter-chip-active{color:#d5d0ff;background:var(--accent-soft);border-color:#8f7cff38}.sort-select{gap:7px;padding:0 11px}.sort-select select{max-width:172px;height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:0;outline:0;font-family:inherit;font-size:12px}.sort-select option{color:var(--text);background:var(--surface-1)}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.game-card{border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-card);cursor:pointer;background:#111620c7;transition:transform .18s ease-out,border-color .18s ease-out,background .18s ease-out,box-shadow .18s ease-out;position:relative;overflow:hidden}.game-card:hover{z-index:1;background:var(--surface-1);border-color:#ffffff26;transform:translateY(-3px);box-shadow:0 18px 42px #00000057}.card-cover-wrap{aspect-ratio:16/10;position:relative;overflow:hidden}.game-cover{background:#171a29;position:absolute;inset:0;overflow:hidden}.cover-gradient-0{background:linear-gradient(145deg,#24224e 0%,#111525 58%,#0b2530 100%)}.cover-gradient-1{background:linear-gradient(145deg,#44232d 0%,#161827 52%,#192e39 100%)}.cover-gradient-2{background:linear-gradient(145deg,#1f3c43 0%,#151829 55%,#28234a 100%)}.cover-gradient-3{background:linear-gradient(145deg,#3f2e54 0%,#181927 58%,#17303a 100%)}.cover-gradient-4{background:linear-gradient(145deg,#283d58 0%,#161722 53%,#3b282e 100%)}.cover-gradient-5{background:linear-gradient(145deg,#3d3422 0%,#181827 55%,#242751 100%)}.cover-noise{z-index:1;opacity:.3;background-image:linear-gradient(115deg,#0000 20%,#ffffff09 48%,#0000 70%),repeating-linear-gradient(90deg,#0000 0 39px,#ffffff05 40px);position:absolute;inset:0}.cover-image{z-index:2;object-fit:cover;object-position:center 35%;opacity:1;width:100%;height:100%;transition:opacity .18s,transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.game-card:hover .cover-image{transform:scale(1.035)}.cover-fallback{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.cover-fallback span{color:#ffffffbd;letter-spacing:-.06em;text-shadow:0 8px 24px #00000047;font-size:clamp(38px,4vw,58px);font-weight:790}.cover-fallback small{color:#ffffff47;letter-spacing:.22em;font-size:7px;font-weight:800}.cover-vignette{z-index:3;pointer-events:none;background:linear-gradient(#0000 40%,#07090e80 100%);position:absolute;inset:0}.card-status{z-index:5;position:absolute;top:12px;left:12px}.status-badge{border-radius:var(--radius-pill);letter-spacing:.035em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1a;align-items:center;gap:5px;min-height:25px;padding:4px 8px;font-size:9px;font-weight:720;line-height:1;display:inline-flex}.status-local{color:#8ce8d9;background:#0b2222c2;border-color:#49d7c13b}.status-save{color:#d2cbff;background:#1d183acc;border-color:#8f7cff42}.status-embedded{color:#c9c0ff;background:#1d183ac7;border-color:#8f7cff42}.status-missing{color:#aab1bf;background:#14171ebd}.status-error{color:#f5a8b0;background:#31131abd;border-color:#f0717f38}.app-id{z-index:5;color:#ffffff7a;letter-spacing:.12em;font-size:8px;font-weight:800;position:absolute;bottom:10px;right:12px}.card-body{padding:17px 17px 15px}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title-group{flex:auto;min-width:0}.card-sub-line{display:block}.card-trailing{flex:none;align-items:flex-start;display:flex}.card-heading h2{letter-spacing:-.025em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:47px;margin:0;font-size:17px;font-weight:690;line-height:1.35;display:-webkit-box;overflow:hidden}.card-heading p{color:var(--text-subtle);align-items:center;gap:6px;margin:7px 0 0;font-size:11px;display:flex}.card-chevron{color:var(--text-subtle);opacity:0;flex:none;margin-top:2px;transition:all .16s;transform:translate(-4px)}.game-card:hover .card-chevron{opacity:1;transform:translate(0)}.achievement-count{background:#49d7c10e;border:1px solid #49d7c11a;border-radius:13px;align-items:center;gap:11px;min-height:67px;margin:17px 0 15px;padding:10px 12px;display:flex}.count-orbit{width:46px;height:46px;color:var(--achievement);background:#49d7c10d;border:1px dashed #49d7c161;border-radius:50%;flex:none;justify-content:center;align-items:center;gap:3px;display:flex}.count-orbit strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:14px}.count-orbit-progress{background:conic-gradient(var(--achievement) var(--progress-angle), #49d7c11f 0);border:0;position:relative}.count-orbit-progress:before{content:"";background:#111d23;border-radius:50%;position:absolute;inset:3px}.count-orbit-progress>*{z-index:1;position:relative}.achievement-count>div:last-child,.achievement-count-text{flex-direction:column;gap:2px;min-width:0;display:flex}.achievement-count span{color:#dce6e5;font-size:13px;font-weight:650;line-height:1.3}.achievement-count small{color:var(--text-subtle);margin-top:1px;font-size:11px;line-height:1.3}.achievement-last-time{align-items:center;gap:4px;margin-top:3px;line-height:1.2;color:#38bdf8!important;font-size:10.5px!important;font-weight:600!important;display:inline-flex!important}.achievement-last-time svg{flex:none}.achievement-embedded{background:#8f7cff0e;border-color:#8f7cff1c}.achievement-embedded .count-orbit{color:var(--accent-hover);background:#8f7cff0f;border-color:#8f7cff61}.achievement-empty{min-height:66px;color:var(--text-subtle);background:#ffffff05;border:1px solid #ffffff0b;border-radius:13px;align-items:center;gap:8px;margin:17px 0 15px;padding:12px;font-size:11px;display:flex}.card-meta{border-top:1px solid var(--border);min-height:28px;color:var(--text-subtle);flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:13px;font-size:10px;display:flex}.card-meta span{white-space:nowrap;align-items:center;gap:4px;min-width:0;display:inline-flex}.card-meta-playtime{align-items:center;display:inline-flex;gap:5px!important}.card-recent-playtime{color:#38bdf8;background:#0ea5e926;border:1px solid #38bdf840;border-radius:4px;align-items:center;padding:1px 5px;font-size:9.5px;font-weight:700;line-height:1.2;display:inline-flex}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);min-height:310px;color:var(--text-subtle);text-align:center;background:#ffffff04;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state h3{color:var(--text);margin:15px 0 5px;font-size:19px}.empty-state p{max-width:430px;margin:0 20px 18px}.empty-state button{color:#d5d0ff;background:var(--accent-soft);border:1px solid #8f7cff40;border-radius:10px;min-height:40px;padding:0 14px}footer{border-top:1px solid var(--border);color:var(--text-subtle);justify-content:space-between;align-items:center;margin-top:68px;padding:24px 2px 0;font-size:10px;display:flex}footer span{align-items:center;gap:6px;display:inline-flex}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030508c2;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.game-dialog{border:1px solid var(--border-strong);background:var(--bg-elevated);scrollbar-width:thin;scrollbar-color:#fff3 transparent;border-radius:24px;width:min(720px,100vw - 48px);max-height:calc(100vh - 48px);margin:auto;animation:.22s cubic-bezier(.16,1,.3,1) modal-pop;position:relative;overflow-y:auto;box-shadow:0 28px 80px #000000bf,0 0 0 1px #ffffff14}.game-dialog::-webkit-scrollbar{width:8px}.game-dialog::-webkit-scrollbar-track{background:0 0}.game-dialog::-webkit-scrollbar-thumb{background:#fff3;border-radius:99px}.game-dialog::-webkit-scrollbar-thumb:hover{background:#ffffff59}.dialog-handle{display:none}.dialog-close{z-index:10;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04060a94;position:absolute;top:14px;right:14px}.dialog-hero{border-radius:23px 23px 0 0;min-height:280px;max-height:340px;position:relative;overflow:hidden}.game-cover-large{height:100%}.game-cover-large .cover-fallback span{font-size:88px}.dialog-hero-overlay{z-index:4;background:linear-gradient(#07080d1a 10%,#07090ef5 100%);position:absolute;inset:0}.dialog-title{z-index:5;position:absolute;bottom:25px;left:28px;right:28px}.dialog-title h2{letter-spacing:-.045em;margin:12px 0 5px;font-size:clamp(28px,5vw,42px);font-weight:720;line-height:1.05}.dialog-title p{color:var(--text-muted);margin:0;font-size:12px}.dialog-content{flex-direction:column;gap:16px;padding:0 22px 28px;display:flex}.dialog-section{border:1px solid var(--border);background:#111620b3;border-radius:17px;padding:20px}.section-title{color:var(--accent-hover);justify-content:space-between;align-items:center;display:flex}.section-title h3{color:var(--text);letter-spacing:-.025em;margin:3px 0 0;font-size:22px;font-weight:690}.section-note{color:var(--text-muted);margin:13px 0 0;font-size:12px}.history-chart-wrap{flex-direction:column;gap:8px;margin-top:18px;display:flex}.history-chart-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.history-chart-title{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.history-chart-title svg{color:var(--achievement)}.history-chart-badge{color:var(--achievement);background:var(--achievement-soft);border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:600}.history-chart{scrollbar-width:thin;background:#ffffff05;border:1px solid #ffffff0d;border-radius:13px;align-items:flex-end;gap:10px;height:145px;margin-top:0;padding:12px 14px 10px;display:flex;overflow-x:auto}.history-column{text-align:center;cursor:pointer;min-width:44px;height:100%;color:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:8px;flex:1 1 0;grid-template-rows:auto 1fr auto;align-items:end;gap:5px;padding:4px 2px;font-family:inherit;transition:all .16s;display:grid}.history-column:hover{background:#ffffff0a;border-color:#49d7c133}.history-column.history-column-selected{background:#49d7c11f;border-color:#49d7c180;box-shadow:0 0 16px #49d7c133}.history-column>span{color:#9eeadd;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700;transition:color .15s,text-shadow .15s}.history-column.history-column-selected>span{color:#fff;text-shadow:0 0 8px #49d7c199;font-weight:800}.history-bar{width:min(24px,72%);height:var(--bar-height);background:linear-gradient(to top, #49d7c147, var(--achievement));border-radius:5px 5px 2px 2px;min-height:5px;margin:auto auto 0;transition:opacity .15s,filter .15s,box-shadow .15s;box-shadow:0 0 16px #49d7c11a}.history-column:hover .history-bar{filter:brightness(1.25);box-shadow:0 0 20px #49d7c140}.history-column.history-column-selected .history-bar{filter:brightness(1.35);box-shadow:0 0 20px #49d7c199}.history-column small{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:10px;transition:color .15s;overflow:hidden}.history-column.history-column-selected small{color:#9eeadd;font-weight:700}.history-chart-reset-btn{color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:#49d7c1d9;border:1px solid #49d7c166;align-items:center;gap:5px;padding:2px 8px;font-family:inherit;font-size:11px;font-weight:650;transition:all .14s;display:inline-flex}.history-chart-reset-btn:hover{background:var(--achievement);transform:scale(1.02)}.history-chart-reset-btn:active{transform:scale(.97)}[data-theme=light] .history-chart{background:#00000005;border-color:#00000014}[data-theme=light] .history-column:hover{background:#00000008;border-color:#05966940}[data-theme=light] .history-column.history-column-selected{background:#0596691f;border-color:#05966980;box-shadow:0 0 14px #05966933}[data-theme=light] .history-column>span{color:#059669}[data-theme=light] .history-column.history-column-selected>span{color:#047857;font-weight:800}[data-theme=light] .history-column.history-column-selected small{color:#059669;font-weight:700}[data-theme=light] .history-bar{background:linear-gradient(to top, #05966940, var(--achievement));box-shadow:0 0 12px #0596691f}[data-theme=light] .history-column:hover .history-bar{filter:brightness(.92);box-shadow:0 0 16px #05966938}[data-theme=light] .history-column.history-column-selected .history-bar{filter:brightness(1.08);box-shadow:0 0 16px #05966966}[data-theme=light] .history-chart-reset-btn{color:#fff;background:#059669;border-color:#047857}.achievement-filter-tabs{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.achievement-filter-btn{color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:550;transition:all .15s}.achievement-filter-btn:hover{color:#fff;background:#ffffff12;border-color:#ffffff26}.achievement-filter-btn.active{background:var(--achievement-soft);color:var(--achievement);border-color:#49d7c159;font-weight:650}.achievement-filter-date-btn{align-items:center;gap:5px;display:inline-flex;color:#9eeadd!important;background:#49d7c12e!important;border-color:#49d7c173!important}[data-theme=light] .achievement-filter-date-btn{color:#059669!important;background:#05966924!important;border-color:#05966966!important}.achievement-list{scrollbar-gutter:stable;flex-direction:column;gap:7px;max-height:min(52vh,520px);margin-top:14px;padding:2px 6px 2px 0;display:flex;overflow:auto}.achievement-row{background:#ffffff05;border:1px solid #ffffff0b;border-radius:11px;align-items:flex-start;gap:12px;padding:12px;transition:all .25s;display:flex}.achievement-row-highlighted{animation:.8s cubic-bezier(.16,1,.3,1) achievementHighlightPulse;background:#8f7cff1a!important;border-color:#8f7cffa6!important;box-shadow:0 0 18px #8f7cff47!important}@keyframes achievementHighlightPulse{0%{background:#8f7cff33;border-color:#8f7cff;transform:scale(1.01);box-shadow:0 0 24px #8f7cff80}to{background:#8f7cff1a;border-color:#8f7cffa6;transform:scale(1);box-shadow:0 0 18px #8f7cff47}}.achievement-row-icon{width:36px;height:36px;color:var(--achievement);background:var(--achievement-soft);border-radius:10px;flex:none;place-items:center;margin-top:1px;display:grid}.achievement-row-locked{opacity:1}.achievement-row-locked .achievement-row-icon{color:var(--text-subtle);background:#ffffff0b}.achievement-row-unknown .achievement-row-icon{color:var(--accent-hover);background:#8f7cff14}.achievement-pic-wrap{flex:none;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;margin-top:1px;display:flex;position:relative}.achievement-pic-img{object-fit:cover;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;width:44px;height:44px;transition:filter .2s,opacity .2s,transform .2s,border-color .2s}.achievement-pic-unlocked .achievement-pic-img{border-color:#49d7c173;box-shadow:0 2px 8px #49d7c129}.achievement-pic-locked .achievement-pic-img{filter:grayscale()opacity(.5);border-color:#ffffff0f}.achievement-row:hover .achievement-pic-locked .achievement-pic-img{filter:grayscale(75%)opacity(.72);border-color:#ffffff24}.achievement-pic-badge{background:var(--achievement,#49d7c1);color:#0b121e;pointer-events:none;border:1.5px solid #131b2c;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 4px #0009}.steam-badge-pic{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.recent-achievement-pic{object-fit:cover;border:1px solid #49d7c166;border-radius:4px;flex:none;width:18px;height:18px}.achievement-row-content{flex:1;gap:3px}.achievement-row-locked strong{color:var(--text-muted)}.achievement-row>div{flex-direction:column;min-width:0;display:flex}.achievement-row-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.achievement-row strong{color:var(--text);overflow-wrap:anywhere;white-space:normal;min-width:0;font-size:13px;font-weight:680;line-height:1.35}.achievement-state{border-radius:var(--radius-pill);color:#9eeadd;white-space:nowrap;background:#49d7c117;border:1px solid #49d7c133;flex:none;padding:4px 7px;font-size:10px;font-weight:700;line-height:1}.achievement-row-locked .achievement-state{color:var(--text-muted);background:#ffffff0b;border-color:#ffffff1a}.achievement-row-unknown .achievement-state{color:#c8c0ff;background:#8f7cff17;border-color:#8f7cff33}.achievement-row code{color:var(--text-subtle);overflow-wrap:anywhere;white-space:normal;word-break:break-word;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.35;display:block}.achievement-row>div>span{color:var(--text-muted);margin-top:5px;font-size:11px;line-height:1.35}.achievement-row-status{display:block}.achievement-progress{border-radius:var(--radius-pill);background:#ffffff17;width:min(220px,100%);height:6px;margin-top:3px;overflow:hidden}.achievement-progress span{border-radius:inherit;background:linear-gradient(90deg,#39bea9,#8ce8d9);height:100%;display:block;box-shadow:0 0 12px #49d7c14d}.achievement-row p{color:var(--text-muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:11px;line-height:1.45}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px;display:grid}.detail-grid>div{color:var(--text-subtle);background:#ffffff05;border:1px solid #ffffff0b;border-radius:11px;grid-template-columns:24px 1fr;align-items:center;padding:11px;display:grid}.detail-grid span{font-size:9px}.detail-grid strong{color:var(--text);grid-column:2;font-size:12px}.diagnostic-line{color:var(--text-subtle);justify-content:space-between;align-items:center;gap:12px;padding:0 3px;font-size:9px;display:flex}.diagnostic-line span{align-items:center;gap:5px;display:inline-flex}.warning-box{color:#eccb92;background:#f0b85a0f;border:1px solid #f0b85a2b;border-radius:12px;gap:9px;padding:12px;font-size:10px;display:flex}.warning-box p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45;transform:scale(.82)}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(26px)scale(.99)}}@keyframes sheet-up{0%{opacity:.3;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:1279px){.game-grid,.stats-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card:nth-child(3){border-right:0}.stat-card:nth-child(n+4){border-top:1px solid var(--border)}.toolbar{grid-template-columns:1fr auto}.filter-chips{grid-area:2/1/auto/-1}}@media (max-width:899px){.header-inner,.main-content{width:min(calc(100% - 40px), var(--content-max))}.intro-emblem{display:none}.intro{grid-template-columns:1fr}.game-grid,.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card:nth-child(2n){border-right:0}.stat-card:nth-child(3){border-right:1px solid var(--border)}.stat-card:nth-child(n+3){border-top:1px solid var(--border)}.stat-card:last-child{grid-column:1/-1}}@media (max-width:768px){.main-content{width:calc(100% - 24px)}.header-inner{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;min-height:54px!important;padding:0 12px!important;display:flex!important}.brand{flex-shrink:0!important;align-items:center!important;gap:7px!important;min-width:0!important;display:inline-flex!important}.brand-mark{border-radius:10px!important;flex-shrink:0!important;width:34px!important;min-width:34px!important;height:34px!important}.brand-mark svg{flex-shrink:0!important;width:16px!important;height:16px!important}.brand strong{letter-spacing:.05em!important;white-space:nowrap!important;font-size:13px!important;font-weight:760!important;line-height:1!important}.brand small,.sync-state{display:none!important}.header-actions{flex-shrink:0!important;align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important}.icon-button{border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;transition:transform .12s,background-color .15s,border-color .15s!important;display:inline-flex!important}.icon-button:active{transform:scale(.92)!important}.icon-button svg{flex-shrink:0!important;width:15px!important;height:15px!important}.guest-badge,.user-badge{white-space:nowrap!important;box-sizing:border-box!important;border-radius:99px!important;flex-shrink:0!important;align-items:center!important;gap:5px!important;height:34px!important;padding:0 9px!important;font-size:11.5px!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}.guest-badge svg,.user-badge svg{flex-shrink:0!important;width:13.5px!important;height:13.5px!important}.guest-badge span,.user-badge span{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:78px!important;display:inline-block!important;overflow:hidden!important}.main-content{padding-top:16px}.intro{gap:8px;min-height:auto;padding:8px 0 16px}.intro h1{letter-spacing:-.03em;margin:4px 0 6px;font-size:clamp(22px,7vw,30px);line-height:1.15}.intro p{font-size:12.5px;line-height:1.45}.stats-strip{background:0 0;border:none;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-card);gap:10px;padding:11px 10px;border:1px solid var(--border)!important;border-radius:14px!important}[data-theme=light] .stat-card{background:#fff!important;border-color:#00000014!important}.stat-card:last-child{grid-column:1/-1}.stat-icon{border-radius:9px;width:32px;height:32px}.stat-card strong{font-size:15px}.stat-card span{font-size:10px}.library-heading{margin-bottom:12px}.library-heading h2{letter-spacing:-.03em;font-size:20px}.library-heading p{font-size:12px}.toolbar{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.search-field{border-radius:12px;width:100%;height:44px;padding:0 12px}.search-field input{font-size:16px!important}.filter-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;width:calc(100% + 24px);margin:0 -12px;padding:2px 12px 6px;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{border-radius:99px;flex-shrink:0;min-height:32px;padding:0 11px;font-size:11.5px;font-weight:600}.sort-select{border-radius:12px;width:100%;height:40px;padding:0 12px}.sort-select select{width:100%!important;max-width:100%!important;font-size:13px!important}.game-grid{grid-template-columns:1fr;gap:10px}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:row;align-items:center;gap:13px;min-height:84px;padding:12px 14px;transition:transform .14s,border-color .14s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0003}[data-theme=light] .game-card{background:#fff;box-shadow:0 2px 8px #0000000a}.game-card:active{transform:scale(.985)}.card-cover-wrap{aspect-ratio:460/215;background:#0d111a;border-radius:10px;flex:0 0 120px;width:120px;height:auto;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000040}.game-cover{width:100%;height:100%;position:absolute;inset:0}.cover-image{object-fit:cover;object-position:center}.cover-fallback span{font-size:20px}.cover-fallback small,.card-status,.app-id,.card-cover-wrap .card-rating,.card-cover-wrap .card-completion{display:none!important}.card-body{flex-direction:column;flex:auto;justify-content:center;gap:4px;min-width:0;padding:0;display:flex}.card-heading{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;display:flex}.card-title-group{flex:auto;min-width:0}.card-heading h2{-webkit-line-clamp:2!important;letter-spacing:-.015em!important;white-space:normal!important;text-overflow:ellipsis!important;word-break:break-word!important;min-height:auto!important;max-height:none!important;color:var(--text)!important;-webkit-box-orient:vertical!important;margin:0!important;font-size:15px!important;font-weight:750!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}.card-sub-line{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin-top:3px!important;display:flex!important}.card-date{color:var(--text-subtle)!important;align-items:center!important;gap:4px!important;margin:0!important;font-size:11.5px!important;line-height:1!important;display:inline-flex!important}.card-date svg{width:12px!important;height:12px!important}.card-mobile-playtime{color:#38bdf8!important;background:#38bdf81f!important;border-radius:99px!important;align-items:center!important;gap:3.5px!important;padding:2px 7px!important;font-size:11px!important;font-weight:650!important;line-height:1.2!important;display:inline-flex!important}[data-theme=light] .card-mobile-playtime{color:#0284c7!important;background:#0284c71a!important}.card-trailing{flex:none!important;align-items:center!important;gap:4px!important;margin-top:1px!important;display:flex!important}.card-badges-mobile{flex-direction:column!important;align-items:flex-end!important;gap:3px!important;display:flex!important}.card-badges-mobile .rating-badge{border-radius:7px!important;gap:3px!important;padding:2px 7px!important;font-size:11.5px!important;box-shadow:0 2px 6px #00000059!important}.card-badges-mobile .rating-badge-value{font-size:11.5px!important;font-weight:750!important}.card-badges-mobile .rating-badge-max{font-size:9px!important}.card-badges-mobile .completion-badge{border-radius:7px!important;gap:3.5px!important;min-height:19px!important;padding:2px 7px!important;font-size:9.5px!important}.card-chevron{color:var(--text-subtle)!important;opacity:.55!important;justify-content:center!important;align-items:center!important;width:18px!important;height:18px!important;margin:0!important;display:flex!important;transform:none!important}.achievement-count,.achievement-empty{min-height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;align-items:center!important;gap:6px!important;margin:4px 0 0!important;padding:0!important;display:flex!important}.count-orbit{width:auto!important;height:auto!important;box-shadow:none!important;color:var(--achievement)!important;background:0 0!important;border:none!important;border-radius:0!important;gap:3.5px!important;padding:0!important;display:inline-flex!important}.count-orbit svg{width:13.5px!important;height:13.5px!important;color:var(--achievement)!important;display:block!important}.count-orbit strong{display:none!important}.achievement-count>div:last-child{white-space:nowrap!important;text-overflow:ellipsis!important;flex-flow:row!important;align-items:center!important;gap:6px!important;max-width:100%!important;line-height:1!important;display:inline-flex!important;overflow:hidden!important}.achievement-count>div:last-child span{color:var(--text-muted)!important;white-space:nowrap!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1!important}.achievement-count>div:last-child small{color:var(--text-subtle)!important;white-space:nowrap!important;align-items:center!important;margin:0!important;font-size:11.5px!important;line-height:1!important;display:inline-flex!important}.achievement-count>div:last-child small:before{content:"•";opacity:.45;margin-right:5px}.achievement-empty{color:var(--text-subtle)!important;gap:5px!important;font-size:11.5px!important}.achievement-empty svg{width:13px!important;height:13px!important}.card-meta{display:none!important}footer{flex-direction:column;align-items:flex-start;gap:8px;margin-top:40px;padding-bottom:20px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030508d1;justify-content:center;align-items:flex-end;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.game-dialog{-webkit-overflow-scrolling:touch;background:var(--bg-elevated);border:0;border-top:1px solid #ffffff1f;border-radius:22px 22px 0 0;animation:.24s cubic-bezier(.16,1,.3,1) sheet-up;box-shadow:0 -12px 40px #000000d9;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100vw!important;height:92dvh!important;max-height:calc(100dvh - env(safe-area-inset-top,16px))!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,20px))!important;overflow:hidden auto!important}.dialog-handle{z-index:20;background:#ffffff59;border-radius:99px;width:38px;height:4px;margin:8px auto 0;display:block;position:sticky;top:8px}.dialog-close{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#04060ab3;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;top:10px;right:12px}.dialog-hero{border-radius:20px 20px 0 0;min-height:160px;max-height:200px;overflow:hidden}.dialog-title{bottom:14px;left:14px;right:14px}.dialog-title h2{overflow-wrap:anywhere;margin:6px 0 2px;font-size:20px;font-weight:750;line-height:1.15}.dialog-title p{font-size:11px}.dialog-content{box-sizing:border-box;gap:12px;width:100%;max-width:100%;overflow-x:hidden;padding:12px 14px 28px!important}.dialog-section{box-sizing:border-box;border-radius:14px;width:100%;max-width:100%;padding:14px;overflow-x:hidden}.section-title h3{font-size:18px}.section-note{margin-top:8px;font-size:11px}.history-chart-wrap{gap:6px;margin-top:12px}.history-chart-title{font-size:10.5px}.history-chart-badge{padding:1px 6px;font-size:10px}.history-chart{gap:6px;height:115px;margin-top:0;padding:8px 10px}.history-column{min-width:38px}.history-column small{font-size:8.5px}.review-section{border-radius:14px;padding:14px}.review-header-row{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.review-header-row h3{font-size:17px}.review-form{border-radius:12px;gap:12px;padding:12px}.review-card{border-radius:12px;padding:12px}.review-status-options{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.status-toggle-btn{justify-content:center;width:100%;min-height:38px;font-size:13px}.review-rating-picker-wrapper{flex-direction:column;align-items:stretch;gap:8px;display:flex}.review-rating-picker{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;display:grid}.rating-btn{border-radius:9px;width:100%;height:40px;font-size:14px;font-weight:750}.review-clear-rating{align-self:center;min-height:32px;padding:4px 14px}.review-textarea{min-height:170px;padding:12px 14px;font-size:16px!important}.review-textarea-hint{display:none}.review-form-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.review-submit,.review-cancel{justify-content:center;min-height:42px;font-size:13px}.achievement-filter-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:5px;margin-top:12px;padding-bottom:2px;display:flex;overflow-x:auto}.achievement-filter-tabs::-webkit-scrollbar{display:none}.achievement-filter-btn{white-space:nowrap;border-radius:8px;flex-shrink:0;padding:7px 11px;font-size:11.5px}.achievement-list{gap:6px;margin-top:10px;padding-right:0;max-height:none!important;overflow-y:visible!important}.achievement-row{border-radius:11px;gap:10px;padding:10px}.achievement-row-icon{border-radius:9px;width:32px;height:32px}.achievement-row-heading{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.achievement-row strong{font-size:13px;line-height:1.25}.achievement-state{border-radius:6px;align-self:flex-start;padding:2px 6px;font-size:9px}.achievement-row code{font-size:8.5px}.achievement-row-status{font-size:10.5px}.achievement-row p{margin-top:4px;font-size:11px;line-height:1.4}.achievement-progress{height:5px;margin:5px 0 2px}.detail-grid{grid-template-columns:1fr}.diagnostic-line{flex-direction:column;align-items:flex-start}.login-input{font-size:16px!important}}@media (max-width:380px){.game-card{border-radius:14px;gap:11px;min-height:78px;padding:10px 12px}.card-cover-wrap{aspect-ratio:460/215;border-radius:9px;flex:0 0 106px;width:106px;height:auto}.card-heading h2{font-size:14px!important}.card-date,.card-mobile-playtime{font-size:11px!important}.card-badges-mobile .rating-badge{padding:1.5px 5px!important;font-size:10.5px!important}.card-badges-mobile .completion-badge{padding:1.5px 5px!important;font-size:9px!important}.achievement-count>div:last-child span{font-size:11.5px!important}.achievement-count>div:last-child small{font-size:11px!important}.stats-strip{grid-template-columns:1fr}.stat-card:last-child{grid-column:1}.review-rating-picker{gap:4px}.rating-btn{height:36px;font-size:13px}.header-inner{gap:6px!important;padding:0 8px!important}.header-actions{gap:4px!important}.icon-button{width:32px!important;min-width:32px!important;height:32px!important}.guest-badge,.user-badge{gap:4px!important;height:32px!important;padding:0 7px!important;font-size:11px!important}.guest-badge span,.user-badge span{max-width:65px!important}}@media (max-width:480px){.brand>span:last-child{display:none!important}}.rating-badge{border-radius:var(--radius-pill);color:#ffca28;font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0d16eb;border:1px solid #ffc40073;align-items:center;gap:4px;padding:4px 8px 4px 7px;font-size:13px;font-weight:750;line-height:1;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex;box-shadow:0 4px 14px #000000a6,0 0 10px #ffc40033}.game-card:hover .rating-badge{border-color:#ffcc00b3;box-shadow:0 4px 18px #000000bf,0 0 14px #ffcc0059}.rating-badge svg,.rating-badge-star{color:#ffc107;filter:drop-shadow(0 0 4px #ffc107b3);flex:none}.rating-badge-value{color:#fff;letter-spacing:-.01em;font-size:13px;font-weight:800}.rating-badge-max{color:#ffffff8c;font-size:10.5px;font-weight:650}.card-rating{z-index:5;position:absolute;top:12px;right:12px}.review-section{border:1px solid var(--border);background:#111620b3;border-radius:17px;padding:20px}.review-section-header{color:var(--accent-hover);justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.review-section-header>div{flex-direction:column;display:flex}.review-section-header h3{color:var(--text);letter-spacing:-.025em;margin:3px 0 0;font-size:22px;font-weight:690}.review-form{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;display:flex;box-shadow:inset 0 1px #ffffff0a}.review-form-title{color:var(--text-muted);margin:0;font-size:12px;font-weight:650}.review-rating-picker-wrapper{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.review-rating-picker{align-items:center;gap:5px;display:flex}.review-clear-rating{color:var(--text-subtle);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:7px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .14s}.review-clear-rating:hover{color:#fca5a5;background:#ef44440f;border-color:#ef44444d}.review-rating-hint{color:var(--text-subtle);opacity:.75;font-size:11px}.rating-btn{width:34px;height:34px;color:var(--text-subtle);font-variant-numeric:tabular-nums;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:9px;place-items:center;padding:0;font-size:13px;font-weight:700;transition:all .14s;display:grid}.rating-btn:hover{color:#ffd666;background:#ffbf2414;border-color:#ffbf244d}.rating-btn-active{color:#111;background:#ffd666;border-color:#ffbf2466;box-shadow:0 0 14px #ffbf242e}.rating-btn-active:hover{color:#111;background:#ffe080}.review-card-empty-text{opacity:.55;font-style:italic}.review-textarea-container{flex-direction:column;gap:7px;width:100%;display:flex}.review-input{width:100%;min-height:44px;color:var(--text);resize:none;background:#0d111ad9;border:1px solid #ffffff17;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14.5px;line-height:1.6;transition:border-color .16s,box-shadow .16s}.review-input:focus{border-color:#ffbf2473;outline:none;box-shadow:0 0 0 3px #ffbf2414}.review-input::placeholder{color:var(--text-subtle);opacity:.8}.review-textarea{resize:vertical;min-height:220px;line-height:1.65}.review-textarea-footer{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.review-textarea-hint{color:var(--text-subtle);opacity:.75;font-size:11.5px}.review-char-count{color:var(--text-subtle);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px;font-weight:600}.review-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.review-submit{color:#111;cursor:pointer;background:#ffd666;border:0;border-radius:10px;min-height:40px;padding:0 20px;font-size:13.5px;font-weight:680;transition:all .14s}.review-submit:hover:not(:disabled){background:#ffe080;box-shadow:0 4px 18px #ffbf242e}.review-submit:disabled{opacity:.5;cursor:not-allowed}.review-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.review-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.review-card-meta{align-items:center;gap:8px;display:flex}.review-card-header small{color:var(--text-subtle);font-size:10px}.review-header-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:3px;display:flex}.card-completion{z-index:5;position:absolute;bottom:10px;left:12px}.completion-badge{border-radius:var(--radius-pill);letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;min-height:23px;padding:3px 8px;font-size:10px;font-weight:750;line-height:1;transition:all .14s;display:inline-flex}.completion-done,.completion-completed{color:#6ee7b7;background:#081c14e6;border:1px solid #49d78c73;box-shadow:0 4px 12px #00000059,0 0 10px #6ee7b726}.completion-playing{color:#7dd3fc;background:#081828eb;border:1px solid #38bdf880;box-shadow:0 4px 12px #00000059,0 0 12px #38bdf833}.completion-pending,.completion-not_completed{color:#cbd5e1;background:#10141ce0;border:1px solid #ffffff24;box-shadow:0 4px 12px #00000059}.completion-badge-btn{cursor:pointer}.completion-badge-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.completion-badge-btn:active{transform:translateY(0)}.review-status-selector{flex-direction:column;gap:6px;display:flex}.review-status-label{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:650}.review-status-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-toggle-btn{min-height:32px;color:var(--text-subtle);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:700;transition:all .14s;display:inline-flex}.status-toggle-btn:hover{color:var(--text);border-color:#fff3}.status-toggle-btn-active.playing{color:#7dd3fc;background:#0ea5e92e;border-color:#38bdf88c;box-shadow:0 0 14px #0ea5e940}.status-toggle-btn-active.done{color:#6ee7b7;background:#10b98126;border-color:#49d78c73;box-shadow:0 0 14px #10b98133}.status-toggle-btn-active.pending{color:#f1f5f9;background:#94a3b826;border-color:#94a3b866;box-shadow:0 0 14px #94a3b826}.review-card-rating{border-radius:var(--radius-pill);color:#ffd666;font-variant-numeric:tabular-nums;background:#ffbf241a;align-items:center;gap:3px;padding:3px 7px;font-size:12px;font-weight:720;line-height:1;display:flex}.review-card-rating svg{flex:none}.review-card-text{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14.5px;line-height:1.65}.review-edit-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;align-self:flex-start;padding:5px 12px;font-size:11px;font-weight:600;transition:all .14s}.review-edit-btn:hover{color:#ffd666;background:#ffbf240f;border-color:#ffbf2440}.review-cancel{min-height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:10px;padding:0 14px;font-size:13px;font-weight:600;transition:all .14s}.review-cancel:hover{border-color:var(--border-strong);color:var(--text)}.review-empty{min-height:64px;color:var(--text-subtle);justify-content:center;align-items:center;font-size:12px;display:flex}.review-error{color:#f5a8b0;background:#31131a80;border:1px solid #f0717f38;border-radius:10px;padding:8px 12px;font-size:12px}.detail-recent-time{color:#38bdf8;margin-left:6px;font-size:12px;font-weight:600;display:inline}.achievement-unlocked-tag{color:#6ee7b7;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.achievement-unlocked-tag svg{flex:none}.recent-achievements-section{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#8f7cff0f 0%,#111620d1 40%,#0d1118e6 100%);flex-direction:column;gap:16px;padding:22px 24px;display:flex;overflow:hidden}.recent-achievements-header-wrap{flex-direction:column;gap:12px;margin-bottom:4px;display:flex}.recent-achievements-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.recent-achievements-heading h2{letter-spacing:-.02em;color:var(--text);margin:4px 0 0;font-size:20px;font-weight:800}.recent-achievements-stats-bar{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 14px;font-size:12.5px;display:flex}.recent-stat-pill{align-items:center;gap:6px;display:inline-flex}.recent-stat-label{color:var(--text-subtle);font-weight:500}.recent-stat-pill strong{color:var(--text);font-weight:750}.recent-stat-muted{color:var(--text-subtle);font-size:11.5px}.recent-stat-dot{color:#fff3;-webkit-user-select:none;user-select:none;font-size:12px}.recent-stat-icon-gold{color:#fbbf24;flex-shrink:0}.recent-stat-icon-cyan{color:#38bdf8;flex-shrink:0}.recent-stat-icon-purple{color:#a78bfa;flex-shrink:0}.recent-achievements-count{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-subtle);background:#ffffff06;padding:3px 10px;font-size:11px;font-weight:650}.recent-achievements-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.recent-achievement-card{appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-align:left;cursor:pointer;background:#111620c7;align-items:flex-start;gap:14px;padding:14px 16px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;box-shadow:0 4px 16px #0003}.recent-achievement-card:hover{background:var(--surface-1);border-color:#8f7cff4d;transform:translateY(-2px);box-shadow:0 10px 28px #00000061,0 0 16px #8f7cff1a}.recent-achievement-icon-frame{background:#171a29;border:1px solid #49d7c159;border-radius:10px;flex:0 0 50px;width:50px;height:50px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000061,0 0 10px #49d7c11f}.recent-achievement-card:hover .recent-achievement-icon-frame{border-color:#49d7c1b3;transform:scale(1.04);box-shadow:0 6px 18px #00000073,0 0 14px #49d7c140}.recent-achievement-icon-img{object-fit:cover;width:100%;height:100%;display:block}.recent-achievement-icon-fallback{width:100%;height:100%;color:var(--achievement,#49d7c1);background:#49d7c114;justify-content:center;align-items:center;display:flex}.recent-achievement-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.recent-achievement-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.recent-achievement-game{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:700;overflow:hidden}.recent-achievement-date{color:#38bdf8;white-space:nowrap;flex:none;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:inline-flex}.recent-achievement-name{color:var(--text);align-items:center;gap:5px;font-size:13px;font-weight:700;line-height:1.3;display:flex}.recent-achievement-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-achievement-icon{color:#fbbf24;flex:none}.recent-achievement-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.mobile-bottom-nav,.dialog-mobile-tabs,.card-badges-mobile,.card-mobile-playtime{display:none!important}.dialog-tab-content{display:contents!important}@media (max-width:768px){.main-content{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}.mobile-tab-games .intro,.mobile-tab-games .stats-strip,.mobile-tab-games .steam-activity-section,.mobile-tab-games .recent-achievements-section,.mobile-tab-games footer,.mobile-tab-trophies .intro,.mobile-tab-trophies .stats-strip,.mobile-tab-trophies .library-section,.mobile-tab-trophies footer{display:none!important}.mobile-tab-trophies .main-content{flex-direction:column!important;gap:20px!important;display:flex!important}.mobile-tab-trophies .source-warning{order:0!important}.mobile-tab-trophies .recent-achievements-section{order:1!important;margin-top:0!important;margin-bottom:0!important}.mobile-tab-trophies .steam-activity-section{order:2!important;margin-top:0!important;margin-bottom:0!important}.mobile-tab-stats .recent-achievements-section,.mobile-tab-stats .steam-activity-section,.mobile-tab-stats .library-section{display:none!important}.mobile-bottom-nav{z-index:85;height:calc(60px + env(safe-area-inset-bottom,0px));padding:4px 16px env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(20px);background:#0d1118f0;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000080;display:flex!important}[data-theme=light] .mobile-bottom-nav{background:#fffffff2;border-top:1px solid #00000014;box-shadow:0 -8px 24px #0000000f}.mobile-nav-btn{height:100%;color:var(--text-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 0;font-size:11px;font-weight:600;transition:color .15s,transform .1s;display:flex}.mobile-nav-btn:active{transform:scale(.92)}.mobile-nav-btn.active{color:var(--accent)}.mobile-nav-icon-wrap{justify-content:center;align-items:center;width:28px;height:24px;transition:transform .15s;display:flex;position:relative}.mobile-nav-btn.active .mobile-nav-icon-wrap{transform:translateY(-1px)}.mobile-nav-badge{background:var(--accent);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9.5px;font-weight:750;line-height:1;display:flex;position:absolute;top:-4px;right:-8px}.recent-achievements-section{border-radius:16px;gap:12px;padding:14px 12px}.recent-achievements-header-wrap{flex-direction:column;align-items:stretch;gap:10px}.recent-achievements-heading{flex-direction:row;justify-content:space-between;align-items:center}.recent-achievements-heading h2{font-size:18px}.recent-achievements-stats-bar{flex-wrap:wrap;gap:6px 10px;padding:8px 12px;font-size:11.5px}.recent-stat-dot{display:none}.recent-achievements-grid{scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-direction:row!important;gap:10px!important;padding:2px 2px 10px!important;display:flex!important;overflow-x:auto!important}.recent-achievements-grid::-webkit-scrollbar{display:none}.recent-achievement-card{text-align:left;scroll-snap-align:start!important;border-radius:14px!important;flex:0 0 280px!important;grid-template-columns:46px 1fr!important;gap:10px!important;max-width:82vw!important;padding:12px!important;display:grid!important}.recent-achievement-icon-frame,.recent-achievement-icon-img{width:46px;height:46px}.dialog-mobile-tabs{box-sizing:border-box;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border);z-index:25;-webkit-backdrop-filter:blur(16px);background:#0d1118f0;align-items:center;gap:5px;width:100%;max-width:100vw;padding:6px 10px;position:sticky;top:0;overflow-x:auto;display:flex!important}.dialog-mobile-tabs::-webkit-scrollbar{display:none}[data-theme=light] .dialog-mobile-tabs{background:#fffffff0}.dialog-mobile-tab-btn{min-width:0;color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:9px;flex:auto;justify-content:center;align-items:center;gap:5px;padding:7px 8px;font-size:11.5px;font-weight:650;transition:all .15s;display:inline-flex}.dialog-mobile-tab-btn:active{transform:scale(.96)}.dialog-mobile-tab-btn.active{background:var(--accent-soft);color:var(--text);border-color:#8f7cff3d}[data-theme=light] .dialog-mobile-tab-btn.active{color:var(--accent);background:#6366f11f;border-color:#6366f140}.dialog-tab-badge{color:var(--text-muted);background:#ffffff1a;border-radius:99px;padding:1px 5px;font-size:9.5px;font-weight:700}.dialog-mobile-tab-btn.active .dialog-tab-badge{background:var(--accent);color:#fff}.dialog-tab-content{box-sizing:border-box;gap:12px;width:100%;max-width:100%;overflow-x:hidden;flex-direction:column!important;display:flex!important}.dialog-tab-active-achievements .dialog-tab-overview,.dialog-tab-active-achievements .dialog-tab-saves,.dialog-tab-active-overview .dialog-tab-achievements,.dialog-tab-active-overview .dialog-tab-saves,.dialog-tab-active-saves .dialog-tab-achievements,.dialog-tab-active-saves .dialog-tab-overview{display:none!important}.achievement-list{max-height:none!important;overflow-y:visible!important}}.steam-activity-section{flex-direction:column;gap:18px;margin-top:6px;margin-bottom:8px;display:flex}.steam-activity-header{justify-content:space-between;align-items:flex-end;gap:16px;padding:0 4px;display:flex}.steam-activity-title-group .eyebrow{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.steam-activity-title-group h2{letter-spacing:-.025em;color:var(--text);margin:4px 0 0;font-size:24px;font-weight:800}.steam-flame-icon{color:#f97316}.steam-recent-total-badge{border-radius:var(--radius-pill);color:#38bdf8;letter-spacing:.01em;background:#0ea5e91f;border:1px solid #38bdf859;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #38bdf81f}.steam-activity-list{flex-direction:column;gap:18px;display:flex}.steam-activity-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:linear-gradient(135deg,#161c2ae0 0%,#0d111af2 100%);border:1px solid #ffffff14;border-radius:20px;grid-template-columns:260px 1fr;align-items:center;gap:24px;padding:18px 20px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 32px #0000005c,inset 0 1px #ffffff14}.steam-activity-card:before{content:"";opacity:0;background:linear-gradient(#38bdf8,#818cf8);width:4px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.steam-activity-card:hover{background:linear-gradient(135deg,#1b2336f0 0%,#101520fa 100%);border-color:#38bdf873;transform:translateY(-2px);box-shadow:0 16px 40px #00000075,0 0 28px #38bdf829}.steam-activity-card:hover:before{opacity:1}.steam-card-cover-wrap{aspect-ratio:460/215;border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;width:260px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080}.steam-card-cover-wrap .game-cover{width:100%;height:100%;position:absolute;inset:0}.steam-card-main{flex-direction:column;justify-content:space-between;gap:14px;min-width:0;display:flex}.steam-card-header{flex-direction:column;gap:10px;display:flex}.steam-card-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.steam-card-title{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800;line-height:1.25}.steam-card-badges{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.steam-playtime-stats{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:13px;display:flex}.steam-stat-recent{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-weight:650;display:inline-flex}.steam-stat-total{color:#cbd5e1;align-items:center;gap:4px;display:inline-flex}.steam-stat-total strong,.steam-stat-recent strong{color:#fff}.steam-stat-last{color:var(--text-subtle);align-items:center;gap:6px;font-size:12px;display:inline-flex}.steam-achievements-container{background:#00000047;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.steam-achievements-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.steam-achievements-label{color:#e2e8f0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.steam-trophy-gold{color:#fbbf24}.steam-recent-unlock-title{color:var(--text-subtle);font-size:11.5px;font-weight:500}.steam-progress-track{background:#ffffff14;border-radius:999px;width:100%;height:7px;overflow:hidden}.steam-progress-fill{background:linear-gradient(90deg,#38bdf8 0%,#34d399 100%);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px #38bdf899}.steam-achievements-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.steam-achievement-badge{color:var(--text);cursor:pointer;text-align:left;appearance:none;background:#ffffff09;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;transition:all .16s;display:inline-flex}.steam-achievement-badge:hover{background:#38bdf81a;border-color:#38bdf873;transform:translateY(-1px)}.steam-badge-icon{color:#34d399;background:#34d3992e;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.steam-badge-content{flex-direction:column;min-width:0;display:flex}.steam-badge-title{white-space:nowrap;text-overflow:ellipsis;color:#f1f5f9;max-width:190px;font-weight:650;overflow:hidden}.steam-badge-date{color:var(--text-subtle);font-size:10px}.steam-badge-more{color:var(--text-muted);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:9px;align-items:center;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .16s;display:inline-flex}.steam-badge-more:hover{color:#38bdf8;background:#38bdf814;border-color:#38bdf859}.steam-no-achievements-yet{color:var(--text-subtle);padding:4px 0;font-size:12px;font-style:italic}.steam-card-fallback-meta{color:var(--text-muted);background:#0003;border:1px solid #ffffff0a;border-radius:10px;padding:10px 14px;font-size:12px}@media (max-width:860px){.steam-activity-section{gap:14px}.steam-activity-header{flex-direction:column;align-items:flex-start;gap:8px}.steam-activity-title-group h2{font-size:20px}.steam-recent-total-badge{align-self:flex-start;padding:4px 10px;font-size:11.5px}.steam-activity-card{border-radius:16px;grid-template-columns:1fr;gap:14px;padding:14px}.steam-card-cover-wrap{aspect-ratio:460/215;border-radius:10px;width:100%}.steam-card-title-row{flex-direction:column;align-items:flex-start;gap:8px}.steam-card-title{font-size:17px}.steam-card-badges{flex-wrap:wrap;gap:6px}.steam-playtime-stats{gap:8px 12px;font-size:12px}.steam-achievements-container{border-radius:12px;gap:8px;padding:12px}.steam-achievements-row{flex-direction:column;gap:6px;width:100%;display:flex}.steam-achievement-badge{justify-content:flex-start;width:100%;padding:8px 12px}.steam-badge-title{max-width:100%}.steam-badge-more{justify-content:center;width:100%;padding:8px 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-wrapper{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-theme-bar{z-index:10;position:absolute;top:1.5rem;right:1.5rem}.login-container{z-index:2;width:100%;max-width:420px;animation:.5s cubic-bezier(.16,1,.3,1) loginAppear;position:relative}@keyframes loginAppear{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card{-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:#111620d9;flex-direction:column;gap:1.5rem;padding:2.25rem 2rem 1.75rem;display:flex;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff0f,inset 0 1px #ffffff1a}[data-theme=light] .login-card{background:#fffffff0;border-color:#e2e8f0;box-shadow:0 20px 48px #0f172a14,0 1px 3px #0f172a0a}.login-header{text-align:center;flex-direction:column;align-items:center;display:flex}.login-brand-mark{border-radius:var(--radius-md);width:58px;height:58px;color:var(--accent);background:linear-gradient(145deg,#8f7cff38,#8f7cff0f);border:1px solid #8f7cff66;justify-content:center;align-items:center;margin-bottom:.85rem;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 0 24px #8f7cff40}.login-brand-mark:hover{transform:scale(1.05);box-shadow:0 0 32px #8f7cff66}[data-theme=light] .login-brand-mark{color:#4f46e5;background:linear-gradient(145deg,#6366f129,#6366f10d);border-color:#6366f159;box-shadow:0 4px 14px #6366f126}.login-brand-text{flex-direction:column;align-items:center;margin-bottom:.75rem;line-height:1.15;display:flex}.login-brand-title{letter-spacing:.14em;color:var(--text);font-size:.95rem;font-weight:800}.login-brand-sub{letter-spacing:.2em;color:var(--text-subtle);font-size:.65rem;font-weight:700}.login-heading{color:var(--text);margin:.3rem 0 .4rem;font-size:1.45rem;font-weight:700}.login-description{color:var(--text-muted);max-width:320px;margin:0;font-size:.85rem;line-height:1.45}.login-form-body{flex-direction:column;gap:1.15rem;display:flex}.login-error-alert{border-radius:var(--radius-sm);color:var(--danger);background:#f0717f1f;border:1px solid #f0717f59;align-items:center;gap:.65rem;padding:.8rem 1rem;font-size:.85rem;font-weight:500;animation:.4s cubic-bezier(.36,.07,.19,.97) both errorShake;display:flex}@keyframes errorShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.login-error-icon{flex-shrink:0}.login-field{flex-direction:column;gap:.4rem;display:flex}.login-label{color:var(--text-muted);letter-spacing:.02em;font-size:.8rem;font-weight:600}.login-input-box{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-subtle);pointer-events:none;transition:color .2s;position:absolute;left:1rem}.login-input{border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border);width:100%;color:var(--text);padding:.85rem 1rem .85rem 2.85rem;font-family:inherit;font-size:.95rem;transition:all .2s}[data-theme=light] .login-input{background:#f8fafc;border-color:#cbd5e1}.login-input:focus{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 3px var(--accent-soft), 0 0 16px #8f7cff2e;outline:none}[data-theme=light] .login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 2px 8px #6366f11f;background:#fff}.login-input-box:focus-within .login-input-icon{color:var(--accent)}.login-input-password{padding-right:2.85rem}.login-password-toggle{color:var(--text-subtle);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;transition:color .2s,background-color .2s;display:flex;position:absolute;right:.75rem}.login-password-toggle:hover{color:var(--text);background:#ffffff0f}[data-theme=light] .login-password-toggle:hover{background:#0000000d}.login-options{justify-content:space-between;align-items:center;margin-top:.15rem;display:flex}.login-remember-label{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;font-size:.82rem;display:inline-flex}.login-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;border-radius:4px}.login-submit-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 16px var(--accent-soft), 0 2px 4px #0003;border:none;justify-content:center;align-items:center;gap:.6rem;margin-top:.4rem;padding:.9rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.login-submit-btn:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 6px 24px #8f7cff61,0 3px 8px #00000040}.login-submit-btn:active:not(:disabled){box-shadow:0 2px 8px var(--accent-soft), 0 1px 2px #0003;transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-divider{text-align:center;align-items:center;margin:.15rem 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-divider span{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;padding:0 .75rem;font-size:.75rem;font-weight:600}.login-guest-btn{border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-strong);width:100%;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .2s;display:inline-flex}.login-guest-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#8f7cff59;box-shadow:0 2px 10px #00000026}[data-theme=light] .login-guest-btn{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .login-guest-btn:hover:not(:disabled){border-color:var(--accent);background:#fff}.login-guest-btn:disabled{opacity:.6;cursor:not-allowed}.guest-badge{border-radius:var(--radius-pill);color:var(--achievement);-webkit-user-select:none;user-select:none;background:#49d7c11a;border:1px solid #49d7c14d;align-items:center;gap:.4rem;padding:.28rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}[data-theme=light] .guest-badge{color:#059669;background:#0596691a;border-color:#0596694d}.login-footer{color:var(--text-subtle);border-top:1px solid var(--border);letter-spacing:.02em;justify-content:center;align-items:center;gap:.45rem;padding-top:.75rem;font-size:.75rem;display:flex}.login-shield-icon{color:var(--achievement)}.dialog-backdrop.modal-centered{justify-content:center;align-items:center;padding:1rem}.login-modal{z-index:101;width:min(440px,100%);animation:.2s cubic-bezier(.16,1,.3,1) modal-pop;position:relative}.login-modal-card{width:100%;position:relative;animation:none!important}.login-modal-close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;z-index:5;background:#ffffff0d;border-radius:50%;place-items:center;transition:all .15s;display:grid;position:absolute;top:1.25rem;right:1.25rem}.login-modal-close:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff1f}[data-theme=light] .login-modal-close{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .login-modal-close:hover{color:#0f172a;background:#e2e8f0}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-trigger-btn{color:var(--accent)!important;background:#8f7cff1f!important;border-color:#8f7cff66!important;transition:all .2s!important}.login-trigger-btn:hover{transform:translateY(-1px);color:#fff!important;background:#8f7cff40!important;border-color:#8f7cffb3!important;box-shadow:0 0 16px #8f7cff59!important}[data-theme=light] .login-trigger-btn{color:#4f46e5!important;background:#6366f11a!important;border-color:#6366f166!important}[data-theme=light] .login-trigger-btn:hover{color:#4338ca!important;background:#6366f12e!important;border-color:#6366f1!important;box-shadow:0 2px 10px #6366f140!important}.guest-badge-button{cursor:pointer;transition:all .2s}.guest-badge-button:hover{background:#49d7c138;border-color:#49d7c199;transform:translateY(-1px);box-shadow:0 0 12px #49d7c140}[data-theme=light] .guest-badge-button:hover{background:#0596692e;border-color:#0596698c}.user-badge{border-radius:var(--radius-pill);color:var(--accent);-webkit-user-select:none;user-select:none;background:#8f7cff1f;border:1px solid #8f7cff59;align-items:center;gap:.4rem;padding:.28rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}[data-theme=light] .user-badge{color:#4f46e5;background:#6366f11a;border-color:#6366f14d}.guest-login-prompt-btn{border-radius:var(--radius-md);color:var(--accent);cursor:pointer;background:#8f7cff1a;border:1px solid #8f7cff4d;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.guest-login-prompt-btn:hover{color:#fff;background:#8f7cff38;border-color:#8f7cff99;box-shadow:0 0 14px #8f7cff40}[data-theme=light] .guest-login-prompt-btn{color:#4f46e5;background:#6366f114;border-color:#6366f14d}[data-theme=light] .guest-login-prompt-btn:hover{color:#4338ca;background:#6366f129;border-color:#6366f1}.review-empty-guest{flex-direction:column;align-items:center;gap:8px;display:flex}