:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101116;--panel:#191a21;--border:#2a2c37;--text:#f3f2f7;--muted:#aaaab9;--accent:#b6a0ff;--gold:#dfc593;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,.button{background:var(--accent);color:#19132b;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:14px;padding:12px 19px;font-size:13px;font-weight:650;transition:background .18s,transform .18s;display:inline-flex}button:hover,.button:hover{background:#c9b8ff}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{border-color:var(--border);color:var(--text);background:#20212a}button.secondary:hover{background:#2c2d39}button.quiet{color:var(--muted);background:0 0;border:0;padding:7px 0}button.quiet:hover{color:var(--text)}button.danger{color:#edaaa8}button.danger:hover{color:#ffd2ce}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sidebar{border-right:1px solid var(--border);z-index:20;background:#15161c;flex-direction:column;width:228px;padding:34px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:11px;font-size:24px;font-weight:720;display:flex}.brand-light{color:#c5bbdf;font-weight:400}.brand small{letter-spacing:2px;color:var(--muted);margin-top:5px;font-size:8px;font-weight:500;display:block}.brand-symbol{width:42px;height:46px;color:var(--gold);background:#2a2530;border:1px solid #514137;border-radius:12px;place-items:center;display:grid}.brand-symbol svg{width:29px}.nav-caption{color:#858697;letter-spacing:1.7px;margin:55px 12px 15px;font-size:10px}.sidebar nav{gap:6px;display:grid}.sidebar nav a{color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:13px 12px;font-size:13px;display:flex}.sidebar nav a span{color:#9e94b7;width:20px;font-size:21px;line-height:1}.sidebar nav a:hover{color:var(--text);background:#21222a}.sidebar nav a.active{color:#d4c4ff;background:#2c263c}.sidebar nav a.active span{color:var(--accent)}.sidebar-bottom{margin-top:auto}.private-note{color:#b9b6c7;border-top:1px solid var(--border);padding:16px 8px;font-size:11px;line-height:1.6}.private-note p{color:#7f8091;margin:8px 0;font-size:11px}.test-link{color:#8a899b;justify-content:space-between;padding:14px 8px;font-size:11px;display:flex}.app-shell{margin-left:228px}.topbar{border-bottom:1px solid var(--border);letter-spacing:1.6px;color:#858594;justify-content:space-between;align-items:center;height:75px;padding:0 44px;font-size:10px;display:flex}.privacy-badge{letter-spacing:0;color:#b0b3bf;align-items:center;gap:8px;font-size:11px;display:flex}.privacy-badge>span,.status-dot{background:#9bc3af;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.status-dot.revoked{background:#b78b8b}main{max-width:1480px;margin:0 auto;padding:42px 44px 36px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:2px;color:var(--accent);margin:0 0 10px;font-size:10px;font-weight:650}h1{letter-spacing:-1.4px;margin:0 0 10px;font-size:36px;font-weight:650;line-height:1.15}h2{letter-spacing:-.35px;font-size:18px;font-weight:600}h3{margin:3px 0;font-size:14px;font-weight:600}p{color:var(--muted);line-height:1.65}.lead{margin:0;font-size:13px}.heading-actions{flex-shrink:0;gap:10px;display:flex}.stats{border:1px solid var(--border);background:linear-gradient(110deg,#1c1c26,#17181f);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:42px;display:grid;overflow:hidden}.stats>div{border-right:1px solid var(--border);flex-direction:column;padding:24px 25px;display:flex}.stats>div:last-child{border-right:0}.stats span{color:#b2aebe;font-size:11px}.stats strong{letter-spacing:-1.5px;margin:9px 0 7px;font-size:36px;font-weight:550;line-height:1}.stats em{color:#77798a;letter-spacing:0;font-size:17px;font-style:normal}.stats small{color:#88899b;font-size:10px}.stats .sync-value{font-size:29px;line-height:36px}.platinum-number{color:#c0b0ec;align-items:center;gap:10px;display:flex}.platinum-number svg{width:29px;height:34px}.collection-heading{justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px;scroll-margin-top:20px;display:flex}.collection-heading h2{margin:0}.collection-heading h2>span{color:#ac9bc7;background:#272333;border:1px solid #393047;border-radius:5px;margin-left:9px;padding:3px 7px;font-size:11px}.collection-heading p{color:#9091a2;margin:0;font-size:11px}.toolbar{gap:10px;margin-bottom:12px;display:flex}.toolbar label{margin:0}.toolbar label:first-child{flex:1}.toolbar input,.toolbar select{border-color:var(--border);background:#191a22;height:42px;margin:0;font-size:12px}.toolbar select{min-width:140px;max-width:220px}.search-label{position:relative}.search-label>span:not(.sr-only){color:#8e8b9c;font-size:24px;position:absolute;top:7px;left:14px}.search-label input{max-width:none;padding-left:42px}.mock-toggle{color:#858394;align-items:center;gap:6px;margin:0 0 22px;font-size:10px;display:flex}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;display:grid}.game-card{background:var(--panel);border:1px solid var(--border);border-radius:13px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.game-card:hover{border-color:#555063;box-shadow:0 10px 32px #0003}.game-art{aspect-ratio:16/10;background:#23212e;position:relative;overflow:hidden}.game-art>img,.game-art>.art-placeholder{object-fit:cover;width:100%;height:100%}.game-art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#13121a99);position:absolute;inset:55% 0 0}.platform-pill,.completion-pill{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;background:#17171cd9;border:1px solid #ffffff26;border-radius:5px;padding:4px 9px;font-size:10px;font-weight:650;position:absolute;top:13px;left:13px}.completion-pill{color:var(--gold);letter-spacing:0;left:auto;right:13px}.game-body{padding:19px}.game-profile{color:#908997;overflow-wrap:anywhere;margin:0 0 6px;font-size:10px}.game-body h2{letter-spacing:0;min-height:42px;margin:0 0 17px;font-size:15px;line-height:1.4}.progress-heading{color:#a5a1b1;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:10px;display:flex}.progress-heading strong{color:var(--accent);font-size:12px;font-weight:600}.progress-track{background:#33313e;border-radius:9px;height:4px;overflow:hidden}.progress-track>span{background:linear-gradient(90deg,#a38bdc,#d0b7fa);border-radius:9px;height:100%;display:block}.grade-counts{gap:21px;padding:17px 0 12px;display:flex}.grade-counts>span{align-items:center;gap:6px;font-size:12px;display:flex}.grade-counts svg{width:17px;height:19px}.platinum{color:#bca8e5}.gold{color:#ddc083}.silver{color:#aebfce}.bronze{color:#c28f71}.unknown{color:#aba5b9}.playtime{color:#a09cab;margin:0 0 8px;font-size:10px}.unknown-note{color:#dfc593;margin:8px 0;font-size:10px}.trophy-details{border-top:1px solid var(--border);margin:14px -19px -19px}.trophy-details>summary{cursor:pointer;color:#d0c7df;justify-content:space-between;padding:14px 19px;font-size:11px;list-style:none;display:flex}.trophy-details>summary::-webkit-details-marker{display:none}.trophy-details>summary:hover{background:#24222c}.trophy-details[open]>summary{color:var(--accent);border-bottom:1px solid var(--border)}.game-card:has(.trophy-details[open]){grid-column:1/-1}.game-card:has(.trophy-details[open])>.game-art{aspect-ratio:auto;height:220px}.game-card:has(.trophy-details[open])>.game-art>img{object-fit:contain;background:#121318}.game-card:has(.trophy-details[open]) .game-body h2{min-height:0;font-size:23px}.trophy-toolbar{padding:0 19px}.trophy-toolbar label{max-width:200px;font-size:11px}.trophy-toolbar select{padding:9px;font-size:12px}.trophy-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0 19px;list-style:none;display:grid}.trophy-list li{border-bottom:1px solid var(--border);align-items:center;gap:14px;min-width:0;padding:15px 0;display:flex}.trophy-list li.unearned img{filter:saturate(.6);opacity:.8}.trophy-list li>div:last-child{min-width:0}.trophy-icon{object-fit:contain;background:#24242d;border-radius:9px;flex-shrink:0;width:58px;height:58px}.trophy-grade{text-transform:uppercase;letter-spacing:1.2px;font-size:9px}.trophy-list p{overflow-wrap:anywhere;margin:4px 0;font-size:10px}.evidence-note{color:#9892a4;margin:0;padding:15px 19px;font-size:10px}.trophy-details>details{padding:15px 19px;font-size:12px}.art-placeholder{color:#95809f;background:radial-gradient(at top,#443652,#211e2b);place-items:center;display:grid}.art-placeholder>svg{width:25%;max-width:88px}.trophy-icon.art-placeholder>svg{width:28px}.profile-section{margin-top:45px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-card{border:1px solid var(--border);background:#181920;border-radius:10px;gap:16px;padding:20px;display:flex}.profile-avatar{color:#bfa8ed;background:#2d273e;border:1px solid #443853;border-radius:10px;flex-shrink:0;place-items:center;width:41px;height:41px;font-size:17px;display:grid}.profile-card h2{overflow-wrap:anywhere;margin:0 0 5px;font-size:14px}.profile-card p{margin:0 0 9px;font-size:10px}.profile-card details{color:#9c96ad;margin-bottom:7px;font-size:10px}.profile-card details p{margin:9px 0}.profile-card .danger{font-size:10px}.account-footer{color:#8e899c;justify-content:space-between;align-items:center;margin-top:30px;font-size:11px;display:flex}.site-footer{color:#757585;border-top:1px solid #252630;justify-content:space-between;padding:20px 44px;font-size:10px;display:flex}.site-footer>span:first-child{letter-spacing:1px}.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}.skip-link{background:var(--accent);color:#171320;z-index:100;padding:10px;position:fixed;top:-80px;left:10px}.skip-link:focus{top:10px}.subtle,.muted{color:#9490a3;font-size:12px}label{margin:14px 0;font-size:13px;display:block}input,select{width:100%;max-width:440px;color:var(--text);background:#12131a;border:1px solid #41404f;border-radius:8px;margin-top:8px;padding:12px 14px;display:block}input::placeholder{color:#7f7b8d}input[type=checkbox]{width:14px;max-width:none;accent-color:var(--accent);margin:0 7px 0 0;display:inline}form,.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin:22px 0;padding:26px}form button{margin-top:8px}.error{color:#f2b6b0;background:#311f27;border:1px solid #633c40;border-radius:9px;padding:13px 17px;font-size:13px}.notice{color:#d9c797;background:#27231d;border:1px solid #504631;border-radius:8px;padding:13px 18px;font-size:12px}.tag{color:#efcb8e;background:#3a3023;border-radius:4px;margin-bottom:9px;padding:5px 7px;font-size:9px;display:block}code{overflow-wrap:anywhere;color:#c4b6de}summary{cursor:pointer}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;border-bottom:1px solid var(--border);padding:12px 6px}.table-scroll{overflow-x:auto}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}main>nav{gap:20px;font-size:13px;display:flex}.empty-state{text-align:center;background:#181920;border:1px dashed #454050;border-radius:12px;padding:60px 25px}.empty-state>svg{width:50px;height:50px;color:var(--accent)}.empty-state p{margin-bottom:22px;font-size:13px}.loading-state{min-height:50vh;color:var(--muted);justify-content:center;align-items:center;gap:15px;font-size:14px;display:flex}.spinner{border:2px solid #393044;border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome{grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;min-height:65vh;display:grid}.welcome h1{margin:18px 0 25px;font-size:52px;line-height:1.12}.welcome h1>span{color:var(--accent)}.welcome .lead{max-width:440px;font-size:15px}.welcome .button{margin-top:27px}.welcome-art{aspect-ratio:1;color:#ddc697;background:radial-gradient(#3a2e45,#211d2b 55%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;display:flex}.welcome-art>svg{filter:drop-shadow(0 12px 30px #a57ed126);width:48%}.welcome-art>span{letter-spacing:4px;color:#b7a4bf;margin-top:25px;font-size:9px}.auth-wrap{max-width:510px;margin:40px auto 70px}.auth-wrap .eyebrow{margin-bottom:14px}.auth-wrap .lead{margin-bottom:25px}.auth-wrap form{padding:28px}.auth-wrap input{max-width:none}.auth-wrap form>button{width:100%;margin-top:10px}.auth-switch{justify-content:center;margin:0 auto;display:flex}.pair-code input{letter-spacing:4px;text-transform:uppercase;font-family:ui-monospace,monospace;font-size:23px}.pair-confirm label{font-size:12px;line-height:1.7}.pair-success{text-align:center}.pair-success>svg{color:#b4ceba;width:55px}.pair-success a{margin-top:12px;display:inline-flex}.expiry{color:#d2bde8;background:#30263b;border-radius:5px;padding:5px 10px;font-size:11px;display:inline-block}@media (min-width:1600px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1150px){.sidebar{width:200px;padding:28px 17px}.app-shell{margin-left:200px}main{padding:32px 28px}.topbar,.site-footer{padding-left:28px;padding-right:28px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{padding:20px 16px}.heading-actions{flex-direction:column}.welcome h1{font-size:42px}}@media (max-width:760px){.sidebar{border-right:0;border-bottom:1px solid var(--border);width:auto;height:auto;padding:17px 20px;position:relative}.brand{font-size:22px}.brand small{font-size:7px}.brand-symbol{width:36px;height:38px}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{gap:6px;margin-top:18px;display:flex}.sidebar nav a{flex:1;justify-content:center;padding:8px 10px;font-size:11px}.sidebar nav a span{width:auto;font-size:16px}.app-shell{margin-left:0}.topbar{letter-spacing:1px;height:45px;padding:0 20px;font-size:8px}.privacy-badge{font-size:9px}main{padding:27px 20px}.page-heading{align-items:flex-start;gap:15px;margin-bottom:24px}h1{font-size:29px}.lead{font-size:12px}.heading-actions{gap:7px}.heading-actions button,.heading-actions .button{white-space:nowrap;padding:9px 10px;font-size:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.stats strong{font-size:30px}.collection-heading{align-items:flex-start}.collection-heading p{text-align:right;max-width:140px;font-size:10px}.toolbar{flex-wrap:wrap}.toolbar label:first-child{flex-basis:100%}.toolbar>label:not(:first-child){flex:1}.toolbar select{min-width:0;max-width:none}.profile-grid,.trophy-list{grid-template-columns:1fr}.welcome{grid-template-columns:1fr;gap:20px;min-height:auto;padding-top:20px}.welcome h1{font-size:42px}.welcome-art{aspect-ratio:auto;max-height:240px}.welcome-art>svg{width:140px}.welcome-art>span{margin-top:10px}.auth-wrap{margin:15px auto 40px}.site-footer{padding:18px 20px;font-size:9px}.account-footer{gap:12px;font-size:10px}}@media (max-width:480px){.game-grid{grid-template-columns:1fr}.game-art{aspect-ratio:16/9}.game-body h2{min-height:0}.sidebar nav a{gap:6px;padding:8px 5px}.page-heading{flex-wrap:wrap}.heading-actions{flex-direction:row;width:100%}.heading-actions>*{flex:1}.stats small{font-size:9px}.trophy-list{padding:0 14px}.trophy-icon{width:48px;height:48px}.account-footer>span{overflow-wrap:anywhere}.topbar>span:first-child{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.trophy-list li.earned{background:linear-gradient(90deg,#20322b66,#0000);border-bottom-color:#33493c;border-radius:8px;padding-left:12px;padding-right:10px}.trophy-list li.earned .trophy-icon{box-shadow:0 0 0 1px #64877566,0 3px 16px #0002}.trophy-heading{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:7px;display:flex}.trophy-grade{letter-spacing:.7px;background:#ffffff06;border:1px solid;border-radius:5px;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.trophy-grade svg{width:15px;height:17px}.earned-badge{border-radius:5px;padding:4px 8px;font-size:10px;font-weight:650}.earned-badge.is-earned{color:#b8e2c8;background:#2c513e;border:1px solid #46765b}.earned-badge.is-locked{color:#aaa5b5;background:#27252f;border:1px solid #47424f}.earned-badge.is-unknown{color:#e3cb9c;background:#352d23;border:1px solid #6b593b}.locked-art{color:#8c8299;background:linear-gradient(130deg,#292731,#1c1b24);border:1px solid #3d3947;place-items:center;display:grid}.locked-art svg{width:23px;height:23px}.trophy-list .trophy-description{color:#c1bacb;margin:5px 0 8px;font-size:12px;line-height:1.6}.rarity-label{color:#aaa0b9;margin:7px 0;font-size:10px;display:block}.trophy-list h3{font-size:15px}.trophy-list li.unearned h3{color:#c1bbcb}.trophy-list li>div:last-child{flex:1}.game-card{position:relative}.game-open{z-index:3;border:0;border-radius:13px;width:100%;height:100%;padding:0;position:absolute;inset:0;background:0 0!important}.game-open:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.game-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #b6a0ff26}.card-action{border-top:1px solid var(--border);color:#c5b5e1;justify-content:space-between;margin:14px -19px -19px;padding:15px 19px;font-size:12px;display:flex}.game-card:hover .card-action{color:#e2d4ff;background:#292332}.game-dialog{width:min(1080px,94vw);max-height:88dvh;color:var(--text);background:#191a21;border:1px solid #51445f;border-radius:17px;padding:0;overflow:auto;box-shadow:0 30px 100px #0009}.game-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#090910d9}body:has(.game-dialog[open]){overflow:hidden}.dialog-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;background:#1b1b24f5;align-items:center;gap:18px;padding:24px 27px;display:flex;position:sticky;top:0}.dialog-header>img,.dialog-header>.art-placeholder{object-fit:cover;border-radius:11px;flex-shrink:0;width:78px;height:78px}.dialog-header>div:not(.art-placeholder){flex:1;min-width:0}.dialog-header h2{margin:5px 0 7px;font-size:22px;line-height:1.3}.dialog-header p{margin:0;font-size:11px}.dialog-header .eyebrow{letter-spacing:1px;font-size:9px}.dialog-close{color:#ddd0f2;background:#302a3b;border:1px solid #51445f;flex-shrink:0;align-self:flex-start;place-items:center;min-width:44px;min-height:44px;padding:0;font-size:26px;font-weight:400;display:grid}.dialog-close:hover{color:#fff;background:#493b5b}.dialog-body{padding:5px 8px 25px}.dialog-body .trophy-toolbar{padding:3px 20px 12px}.dialog-body .trophy-toolbar select{min-height:44px}.dialog-body .trophy-list{gap:12px 25px}.dialog-body .trophy-list li{border-radius:8px;align-items:flex-start;min-height:125px;padding:17px 12px}.dialog-body .trophy-list li.unearned{background:#21212a}.dialog-body .trophy-icon{margin-top:4px}.dialog-body .trophy-list li.earned{background:linear-gradient(110deg,#263c31,#202a26);border:1px solid #3b5c48}.dialog-body .unlock-date{color:#a8b7ac;margin:8px 0 0;font-size:11px}.dialog-mock{margin:12px 27px}.dialog-body>details{padding:20px;font-size:12px}.game-dialog .trophy-grade,.game-dialog .earned-badge{font-size:11px}.game-dialog .trophy-list h3{font-size:16px}.game-dialog .trophy-description{font-size:12px}@media (max-width:760px){.game-dialog{border-radius:13px;width:96vw;max-width:none;max-height:94dvh}.dialog-header{gap:12px;padding:18px 15px}.dialog-header>img,.dialog-header>.art-placeholder{width:52px;height:52px}.dialog-header h2{font-size:16px;line-height:1.4}.dialog-header .eyebrow{letter-spacing:.6px;font-size:8px}.dialog-header p{font-size:10px}.dialog-close{min-width:44px;min-height:44px}.dialog-body{padding:0 0 18px}.dialog-body .trophy-list{padding:0 12px}.dialog-body .trophy-toolbar{padding:0 13px 10px}.game-dialog .trophy-list h3{font-size:15px}.dialog-body .trophy-list li{gap:12px;min-height:115px}.dialog-body .trophy-icon{width:45px;height:45px}}.last-played{color:var(--muted);margin:.5rem 0;font-size:.76rem}.session-summary{border:1px solid var(--line);background:#23232d;border-radius:12px;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:1.5rem;padding:1rem;display:flex}.session-summary>div{gap:.4rem;display:grid}.session-summary span{color:var(--muted);font-size:.74rem}.session-summary strong{font-size:1rem}.session-summary p{color:var(--muted);flex-basis:100%;margin:0;font-size:.76rem}.library-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.library-stats .total-playtime{white-space:nowrap;font-size:25px}.view-switch{justify-content:flex-end;gap:6px;margin:12px 0;display:flex}.view-switch button{min-height:44px;font-size:12px}.view-switch button[aria-pressed=true]{border-color:var(--accent);color:#e4d7ff;background:#3c3055}.game-grid.compact-list{flex-direction:column;align-items:stretch;gap:10px;display:flex;container-type:inline-size}.compact-list .game-card{grid-template-columns:112px minmax(0,1fr);width:100%;min-width:0;min-height:135px;display:grid}.compact-list .game-art{aspect-ratio:auto;height:100%;position:relative}.compact-list .game-art>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compact-list .platform-pill{font-size:8px;top:8px;left:8px}.compact-list .completion-pill{display:none}.compact-list .game-body{grid-template-columns:minmax(0,1fr) minmax(190px,230px);align-content:center;align-items:center;column-gap:22px;min-width:0;padding:13px 18px;display:grid}.compact-list .game-profile{grid-column:1;margin:0;font-size:9px}.compact-list .game-body h2{overflow-wrap:anywhere;grid-column:1;min-height:0;margin:5px 0;font-size:16px}.compact-list .progress-heading{grid-area:1/2;margin:0;font-size:10px}.compact-list .progress-track{grid-area:2/2;margin:0}.compact-list .grade-counts{grid-area:3/2;justify-content:flex-start;gap:18px;margin:0}.compact-list .playtime{grid-column:1;margin:4px 0;font-size:11px}.compact-list .last-played{grid-column:1;margin:2px 0;font-size:10px}.compact-list .game-body>.subtle,.compact-list .unknown-note{grid-column:2;margin:4px 0;font-size:10px}.compact-list .card-action{display:none}.compact-list .game-body>.tag{grid-column:1/-1}.social-panel{background:var(--panel,#1d1e26);border:1px solid var(--border);border-radius:13px;margin:20px 0;padding:24px}.social-panel h2{margin:0 0 15px;font-size:19px}.social-panel p{line-height:1.7}.profile-form{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:20px;display:flex}.profile-form label{flex:1;gap:9px;min-width:190px;font-size:12px;display:grid}.profile-form input{max-width:none}.profile-form small{color:var(--muted);font-size:10px;line-height:1.5}.profile-form button{min-height:44px;margin-top:24px}.profile-link{flex-wrap:wrap;gap:10px;margin-top:18px;font-size:12px;display:inline-flex}.profile-link span{color:var(--muted);overflow-wrap:anywhere}.friend-search{gap:10px;display:flex}.friend-search input{flex:1;min-width:0;max-width:none}.friend-search button,.person-actions button,.person-actions .button{min-height:44px}.people-list{margin:15px 0 0;padding:0;list-style:none}.people-list li{border-bottom:1px solid var(--border);padding:14px 0}.people-list li:last-child{border-bottom:0}.person-link{min-height:44px;color:var(--text);align-items:center;gap:13px;display:flex}.person-link>span:nth-child(2){flex:1;gap:5px;min-width:0;display:grid}.person-link strong{overflow-wrap:anywhere;font-size:14px}.person-link small{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.person-avatar{color:#d9c4f7;background:#393049;border:1px solid #564563;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:grid}.person-actions{flex-wrap:wrap;gap:8px;margin:12px 0 0 57px;display:flex}.person-actions button,.person-actions .button{padding:10px 13px;font-size:11px}.social-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.social-columns .social-panel{margin:0;padding:20px}.section-count{color:var(--muted);margin-left:6px;font-size:13px}.social-notice{color:#b8e2c8;background:#24372d;border-radius:8px;padding:12px 16px}.back-link{align-items:center;min-height:44px;font-size:12px;display:inline-flex}.public-profile{align-items:center;gap:18px;display:flex}.public-profile>.person-avatar{width:72px;height:72px;font-size:30px}.public-profile h1{overflow-wrap:anywhere;font-size:28px}.public-profile .eyebrow{margin:0}.public-profile p{margin:8px 0 0}.profile-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.profile-actions button,.profile-actions .button{min-height:44px}.profile-actions>span{font-size:12px}.compare-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.compare-totals>div{border:1px solid var(--border);background:#24212e;border-radius:12px;gap:10px;padding:20px;display:grid}.compare-totals span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.compare-totals strong{font-size:20px}.compare-toolbar{flex-wrap:wrap;gap:18px;margin:20px 0;display:flex}.compare-toolbar label{flex:1;gap:8px;min-width:180px;font-size:12px;display:grid}.compare-toolbar select{width:100%;min-width:0;max-width:none;min-height:44px}.comparison-games{gap:12px;display:grid}.comparison-game{border:1px solid var(--border);text-align:left;width:100%;color:var(--text);background:#20212a;border-radius:12px;align-items:center;gap:18px;padding:12px;display:flex}.comparison-game:hover{border-color:var(--accent);background:#2a2635}.comparison-game>img,.comparison-art{object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:80px}.comparison-art{background:#2c2835;place-items:center;display:grid}.comparison-art svg{width:30px}.comparison-game>span:nth-child(2){flex:1;gap:10px;min-width:0;display:grid}.comparison-game strong{overflow-wrap:anywhere;font-size:15px}.comparison-game small{color:var(--muted);font-size:10px}.comparison-score{overflow-wrap:anywhere;flex-shrink:0;gap:10px;max-width:35%;font-size:12px;display:grid}.comparison-trophies{margin:0;padding:0;list-style:none}.comparison-trophies li{border-bottom:1px solid var(--border);align-items:flex-start;gap:18px;padding:20px 10px;display:flex}.comparison-trophies li.earned{background:#23362b77;border-radius:8px}.comparison-icon{color:#a89ab9;background:#292530;border:1px solid #443b50;border-radius:9px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.comparison-icon img{object-fit:contain;border-radius:8px;width:100%;height:100%}.comparison-description{flex:1;min-width:0}.comparison-description h3{margin:10px 0 6px;font-size:15px}.comparison-description p{color:var(--muted);margin:0;font-size:12px}.comparison-status{flex-shrink:0;gap:14px;width:190px;font-size:11px;display:grid}.comparison-status>span{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:7px;display:flex}.comparison-status strong{margin-left:auto}@media (max-width:1150px){.social-columns{grid-template-columns:1fr}.library-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.library-stats>div:nth-child(3){border-right:0}.library-stats>div:nth-child(-n+3){border-bottom:1px solid var(--border)}}@media (max-width:760px){.library-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.library-stats>div:nth-child(3){border-right:1px solid var(--border)}.library-stats>div:nth-child(4){border-bottom:1px solid var(--border)}.library-stats>div:last-child{border-right:0;grid-column:1/-1}.library-stats .total-playtime{font-size:26px}.social-panel{padding:18px}.profile-form{flex-direction:column}.profile-form label{width:100%;min-width:0}.profile-form button{margin-top:0}.public-profile{flex-wrap:wrap;gap:13px}.public-profile>.person-avatar{width:52px;height:52px;font-size:23px}.public-profile>div:nth-child(2){flex:1;min-width:0}.public-profile h1{font-size:22px}.profile-actions{width:100%;margin:8px 0 0}.compare-totals{gap:10px}.compare-totals>div{padding:15px}.compare-totals strong{font-size:15px}.comparison-game{flex-wrap:wrap;gap:12px}.comparison-game>img,.comparison-art{width:55px;height:65px}.comparison-score{flex-wrap:wrap;flex-basis:100%;justify-content:space-between;gap:10px;max-width:none;font-size:11px;display:flex}.comparison-game>span:last-child{display:none}.comparison-trophies li{flex-wrap:wrap;gap:12px;padding:18px 0}.comparison-description h3{font-size:14px}.comparison-icon{width:44px;height:44px}.comparison-status{grid-template-columns:1fr 1fr;width:100%;font-size:10px}.comparison-status>span{gap:7px;display:grid}.comparison-status strong{justify-self:start;margin-left:0}.sidebar nav{flex-wrap:wrap}.sidebar nav a{white-space:nowrap;min-height:44px}}@container (max-width:620px){.compact-list .game-card{grid-template-columns:82px minmax(0,1fr);min-height:130px}.compact-list .game-body{flex-direction:column;align-items:stretch;gap:5px;padding:12px;display:flex}.compact-list .game-body h2{margin:0;font-size:14px}.compact-list .progress-heading{margin:5px 0 0;font-size:9px}.compact-list .grade-counts{gap:15px}.compact-list .grade-counts svg{width:12px;height:13px}.compact-list .playtime,.compact-list .last-played{margin:0;font-size:10px}}.library-stats.shared-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-form select{min-height:44px}.public-profile+.stats{margin-top:24px}@media (max-width:760px){.library-stats.shared-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.library-stats.shared-stats>div:last-child{grid-column:auto}.profile-form{gap:16px}}