/* Game Price Hub: visual collection shell, separate from functional/report screens. */
.hub-body{--hub-bg:#0b0e15;--hub-surface:#141922;--hub-border:#ffffff12;--hub-muted:#98a1b3;background:var(--hub-bg);background-image:radial-gradient(ellipse at 85% 0,#28203c35,transparent 45%);color:#f2f4fa;font-family:'Segoe UI',system-ui,sans-serif}
.hub-body *{box-sizing:border-box}.hub-body .container{max-width:1600px;padding:36px 40px 50px}.hub-app-body .container{margin-left:232px;max-width:calc(1600px + 0px);min-height:calc(100vh - 74px)}
.hub-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}.hub-body .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#202532;border:1px solid #ffffff16;border-radius:10px;padding:11px 17px;min-height:44px;font-size:13px;font-weight:600;text-decoration:none;line-height:1.4;color:#eef1fa;box-shadow:none}.hub-body .btn.primary{background:#8460ed;border-color:#9c79ff;color:#fff;box-shadow:0 4px 22px #8460ed22}.hub-body .btn:hover{border-color:#a98aff70;background:#2a3040}.hub-body .btn.primary:hover{background:#9672ff}.hub-body a:focus-visible,.hub-body button:focus-visible,.hub-body summary:focus-visible{outline:3px solid #c9b6ff;outline-offset:4px}.hub-body input,.hub-body select,.hub-body textarea{background:#131823;border-color:#ffffff24;color:#eef1fa;border-radius:9px}.hub-body h1,.hub-body h2,.hub-body h3{color:#f4f5fb}.hub-body .panel{background:#141a25;border-color:#ffffff14;border-radius:14px}.hub-body .help,.hub-body .muted{color:#a0aabd}.hub-body .actions{gap:10px;flex-wrap:wrap}.hub-body .footer{border-color:var(--hub-border);background:#0b0e15;color:#7f899c;font-size:11px}.hub-app-body .footer{margin-left:232px}
.hub-skip{position:fixed;top:-100px;left:250px;z-index:100;background:#fff;color:#171326;padding:14px;border-radius:8px}.hub-skip:focus{top:10px}
.hub-sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:30px 19px 22px;background:#11141d;border-right:1px solid var(--hub-border);display:flex;flex-direction:column;z-index:30;overflow:auto}.hub-brand{display:flex;align-items:center;gap:11px;padding:0 9px 32px;text-decoration:none;color:#f2f3fa;font-size:18px;font-weight:750;line-height:1.15;letter-spacing:-.5px}.hub-brand>span:last-child>span{display:block;font-size:10px;letter-spacing:4px;color:#a48aff;margin-top:5px}.hub-brand-mark{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(145deg,#b19aff,#6b45d5);border-radius:12px;box-shadow:0 5px 24px #9873ff24}.hub-brand-mark .hub-icon{width:25px;height:25px;color:white}.hub-nav-label{font-size:10px;letter-spacing:1.8px;color:#838a9d;margin:20px 13px 11px;font-weight:650}.hub-sidebar nav{display:flex;flex-direction:column;gap:6px}.hub-sidebar nav a{display:flex;align-items:center;gap:13px;min-height:44px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:500;text-decoration:none;color:#a7aec0;transition:background .15s,color .15s}.hub-sidebar nav a:hover{background:#202533;color:white}.hub-sidebar nav a[aria-current]{color:#e3d9ff;background:#8060e426;box-shadow:inset 3px 0 #a282ff}.hub-sidebar nav a[aria-current] .hub-icon{color:#b69bff}.hub-sidebar .hub-nav-steam .hub-icon{color:#6bbcff}.hub-sidebar .hub-nav-epic .hub-icon{color:#bfa0ff}.hub-sidebar-bottom{margin-top:auto;padding:26px 12px 0;display:flex;flex-direction:column;gap:19px;font-size:10px;color:#788296}.hub-sidebar-bottom a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#a7aec0;font-size:12px}.hub-mobile-menu{display:none}
.hub-page-toolbar{display:flex;align-items:center;gap:24px;margin:0 0 29px;min-width:0}.hub-page-toolbar>div:first-child{margin-right:auto;min-width:0}.hub-page-toolbar h1{font-size:34px;line-height:1.1;letter-spacing:-1.4px;margin:4px 0 0;font-weight:700}.hub-title-dot{color:#a58aff}.hub-eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:650;color:#969eb1;line-height:1.5;margin:0 0 8px}.hub-page-description{font-size:13px;line-height:1.7;color:#949fb3;margin:11px 0 0}.hub-quick-search{display:flex;align-items:center;gap:11px;background:#171c27;border:1px solid #ffffff10;border-radius:10px;padding:0 12px;color:#8993a8;width:285px;max-width:100%;min-width:0;min-height:44px}.hub-quick-search input{width:100%;min-width:0;background:none!important;border:0!important;padding:11px 0!important;font-size:12px;box-shadow:none}.hub-quick-search input:focus{outline:0}.hub-quick-search:focus-within{outline:2px solid #b89cff}.hub-quick-search button{display:grid;place-items:center;min-width:30px;min-height:36px;padding:0;border:0;background:none;color:#a9b1c3;cursor:pointer}.hub-quick-search button:hover{color:#fff}.hub-quick-search .hub-icon{width:17px;height:17px;flex-basis:17px}
.hub-showcase{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(245px,1fr);gap:22px;margin-bottom:25px}.hub-spotlight{position:relative;min-height:390px;border-radius:18px;overflow:hidden;background:linear-gradient(125deg,#302356,#155179);isolation:isolate;border:1px solid #ffffff14}.hub-spotlight-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;opacity:.88;z-index:-3}.hub-spotlight-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10121be6 0%,#11131bb0 34%,#11131b12 75%),linear-gradient(0deg,#0c1020e0 0%,transparent 85%);z-index:-2}.hub-spotlight-copy{padding:35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:390px}.hub-feature-label{display:inline-flex;align-items:center;gap:7px;color:#ded5ff;font-size:10px;letter-spacing:2px;font-weight:650}.hub-feature-label>span{width:6px;height:6px;background:#b99cff;border-radius:50%;box-shadow:0 0 9px #b99cff80}.hub-spotlight h2{font-size:clamp(29px,3vw,48px);line-height:1.08;letter-spacing:-1.4px;max-width:440px;margin:20px 0 9px;overflow-wrap:anywhere;text-shadow:0 2px 18px #0005}.hub-spotlight-copy>p{font-size:12px;color:#ced1df;line-height:1.6;margin:0 0 20px}.hub-spotlight-price{display:flex;align-items:end;gap:17px;margin-bottom:23px;max-width:100%;flex-wrap:wrap}.hub-spotlight-price>div{display:flex;flex-direction:column;gap:5px}.hub-spotlight-price small{font-size:10px;color:#d0cddd}.hub-spotlight-price strong{font-size:29px;letter-spacing:-.7px;font-weight:700;overflow-wrap:anywhere}.hub-spotlight-price>span{font-size:10px;line-height:1.7;color:#c7c4d7;border-left:1px solid #ffffff40;padding-left:16px;margin-bottom:2px}.hub-spotlight .btn{padding:12px 18px;font-size:12px;min-height:43px;background:#eee8ff;color:#2c2048;border-color:#fff3;box-shadow:none}.hub-spotlight .btn:hover{background:white}.hub-showcase-side{display:flex;flex-direction:column;gap:13px;min-width:0}.hub-section-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:1px}.hub-section-caption h2{font-size:14px;font-weight:600;margin:0}.hub-section-caption>a{color:#9c8ac9}.hub-radar-game{display:grid;grid-template-columns:91px minmax(0,1fr) 16px;align-items:center;gap:13px;text-decoration:none;background:#151a25;border:1px solid #ffffff0c;border-radius:12px;padding:10px;min-height:85px}.hub-radar-game:hover{background:#1e2433;border-color:#a282ff50}.hub-radar-cover{height:64px;border-radius:7px;overflow:hidden;background:#25213e;display:grid;place-items:center}.hub-radar-cover img{width:100%;height:100%;object-fit:cover}.hub-radar-game strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#eef0f8;font-size:12px;line-height:1.5;font-weight:600}.hub-radar-game span{display:block;font-size:13px;font-weight:650;color:#c4aeff;margin-top:6px;overflow-wrap:anywhere}.hub-radar-game small{display:block;font-size:10px;color:#8590a6;margin-top:3px}.hub-radar-game>.hub-icon{width:15px;height:15px;flex-basis:15px;color:#7f889c}.hub-radar-library{display:flex;align-items:center;gap:12px;text-decoration:none;margin-top:auto;padding:14px 13px;background:linear-gradient(110deg,#25203b,#1a1e31);border:1px solid #9879ec26;border-radius:11px}.hub-radar-library>.hub-icon:first-child{color:#b89bff}.hub-radar-library>div{flex:1}.hub-radar-library strong,.hub-radar-library span{display:block}.hub-radar-library strong{font-size:11px;color:#e4dcf8}.hub-radar-library span{font-size:10px;color:#a39abb;margin-top:4px}.hub-radar-library>.hub-icon:last-child{width:15px;color:#b89bff}
.hub-overview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0 36px}.hub-overview-strip>a{display:flex;align-items:center;gap:13px;padding:15px 19px;background:#131822;border:1px solid var(--hub-border);border-radius:12px;text-decoration:none;color:#e8eaf3;min-width:0}.hub-overview-strip>a:hover{border-color:#a282ff50}.hub-stat-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;background:#26304a;border-radius:10px;color:#88b9ff}.hub-stat-icon.is-green{background:#163c32;color:#8ce9b3}.hub-stat-icon.is-purple{background:#332647;color:#c8aaff}.hub-overview-strip strong{font-size:24px;letter-spacing:-.7px;line-height:1.2}.hub-overview-strip div>span{display:block;color:#939eb3;font-size:10px;margin-top:3px}.hub-overview-strip>a>.hub-icon{margin-left:auto;color:#7b8b9f;width:16px;height:16px}
.hub-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 19px}.hub-section-heading h2{font-size:23px;letter-spacing:-.6px;margin:0;font-weight:600}.hub-text-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#bda8ef;text-decoration:none;padding:8px 0;white-space:nowrap}.hub-text-link .hub-icon{width:17px;height:17px;flex-basis:17px}
.hub-body .hub-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hub-body .hub-game-card{border-radius:13px;background:#151a24;border:1px solid #ffffff0d;box-shadow:0 7px 24px #0001;transition:transform .18s,border-color .18s}.hub-body .hub-game-card:hover{transform:translateY(-4px);border-color:#9278cc65}.hub-body .hub-cover{height:auto;aspect-ratio:16/10;background:linear-gradient(130deg,#272a4b,#1a3c4c)}.hub-body .hub-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.hub-body .hub-cover:hover img{transform:scale(1.04)}.hub-body .hub-cover-shade{background:linear-gradient(0deg,#0b102565,transparent 60%)}.hub-cover-fallback{padding:25px;font-size:17px;line-height:1.4;text-align:center;letter-spacing:0;font-weight:600}.hub-cover-tag{position:absolute;left:13px;top:13px;border:1px solid #ffffff24;border-radius:6px;padding:5px 9px;background:#a7eb98;color:#132417;font-size:12px;font-weight:750;box-shadow:0 3px 12px #0003}.hub-cover-tag.is-target{background:#a7eb98;color:#17301d;font-size:10px}.hub-cover-open{position:absolute;right:12px;bottom:12px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#101420b0;border:1px solid #ffffff50;color:white}.hub-cover-open .hub-icon{width:17px;height:17px}.hub-body .hub-game-content{padding:17px 18px 14px}.hub-card-title{font-size:15px;line-height:1.4;font-weight:650;margin:0 0 14px;min-height:42px;letter-spacing:-.1px;overflow-wrap:anywhere}.hub-card-title a{color:#f3f3fb;text-decoration:none}.hub-card-title a:hover{color:#c2a8ff}.hub-card-price-head{font-size:10px;display:flex;justify-content:space-between;gap:10px;color:#939eb2;margin-bottom:6px}.hub-body .hub-price-main{font-size:27px;line-height:1.2;font-weight:700;letter-spacing:-.8px;color:#f1f1fa;margin:0 0 10px}.hub-price-main>small{display:inline-block;margin-left:8px;font-size:10px;letter-spacing:0;font-weight:400;color:#8e9aaf}.hub-body .hub-verdict{padding:0;background:none;border-radius:0;font-size:10px;color:#9edfae;font-weight:500}.hub-body .hub-verdict.is-best{background:none;color:#9edfae}.hub-body .hub-store-prices{display:flex;flex-direction:column;gap:2px;margin-top:13px}.hub-body .hub-store-prices>div,.hub-body .hub-store-prices>div+div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border:0}.hub-body .hub-store-prices>div>span{font-size:10px;font-weight:500;letter-spacing:0;white-space:nowrap;display:flex;align-items:center;gap:7px}.hub-store-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.hub-body .hub-store-prices>div>div{text-align:right;min-width:0}.hub-body .hub-store-prices strong{font-size:11px;font-weight:600;line-height:1.4;margin:0;color:#e5e6f2}.hub-body .hub-store-prices small{font-size:10px;color:#909db3;margin-top:2px}.steam-color{color:#88bfff}.epic-color{color:#bea0f2}.hub-body .hub-card-foot{margin-top:9px;padding-top:12px;border-color:#ffffff0d;font-size:10px;align-items:center;line-height:1.7;gap:8px}.hub-card-foot>a{display:inline-flex;align-items:center;gap:6px;color:#c2acfc!important;font-weight:600;min-height:24px}.hub-card-foot .hub-icon{width:14px;height:14px;flex-basis:14px}
.hub-store-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.hub-store-shortcut{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #719bc126;background:radial-gradient(ellipse at 0 50%,#20466a80,transparent 80%),#121b2a;border-radius:13px;text-decoration:none}.hub-store-shortcut.epic{background:radial-gradient(ellipse at 0 50%,#51327888,transparent 80%),#1c172b;border-color:#a786cb26}.hub-shortcut-icon{width:53px;height:53px;background:#689de51a;border:1px solid #789ad53a;display:grid;place-items:center;border-radius:13px;color:#9bccff;flex-shrink:0}.hub-shortcut-icon .hub-icon{width:27px;height:27px}.epic .hub-shortcut-icon{color:#d2afff;background:#b28fff16;border-color:#c5a2ff30}.hub-store-shortcut>div>span{font-size:9px;color:#8c9bb4;letter-spacing:1.5px}.hub-store-shortcut strong{display:block;color:#e6f0ff;font-size:22px;margin-top:4px;letter-spacing:-.5px}.hub-store-shortcut p{font-size:10px;color:#9ba8bf;line-height:1.5;margin:5px 0 0}.hub-store-shortcut>.hub-icon{margin-left:auto;color:#a4b3d2}
.hub-library-banner{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;position:relative;isolation:isolate;overflow:hidden;min-height:238px;border:1px solid #ffffff10;border-radius:17px;background:radial-gradient(ellipse at 10% 70%,#42306f55,transparent 65%),#171725;padding:32px 35px;margin-bottom:27px;gap:25px}.hub-library-banner h2{font-size:35px;letter-spacing:-1px;line-height:1.12;margin:17px 0 23px}.hub-library-counts{display:flex;flex-wrap:wrap;gap:17px}.hub-library-counts>span{font-size:10px;color:#a59bbd;line-height:1.8}.hub-library-counts strong{font-size:17px;font-weight:650;color:#e5dcfa;margin-right:4px}.hub-library-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:11px;transform:rotate(-7deg) scale(1.13);align-self:stretch;max-height:250px}.hub-library-mosaic img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:10px;border:1px solid #ffffff28;box-shadow:0 5px 20px #0004}.hub-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:24px 0 19px}.hub-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:20px 0}.hub-tabs a{font-size:12px;padding:10px 16px;min-height:40px;display:flex;align-items:center;border-radius:8px;border:1px solid #ffffff0f;color:#a3adc0;text-decoration:none;background:#141923}.hub-tabs a[aria-current]{background:#8660ed26;border-color:#a084e93b;color:#cdb8ff}.hub-library-toolbar .hub-tabs{margin:0}.hub-results-caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#7f8b9f;font-size:10px;margin:0 0 19px;line-height:1.7}.hub-results-caption a{color:#a89bc4;text-decoration:none}.hub-onboarding{display:flex;align-items:center;gap:15px;border-radius:12px;border:1px solid #b095e626;background:#28203966;padding:18px 20px;margin:20px 0 25px}.hub-onboarding strong{font-size:13px;color:#e4d5fc}.hub-onboarding p{font-size:11px;color:#a99bbf;margin:5px 0;line-height:1.6}.hub-onboarding .btn{margin-left:auto;flex-shrink:0}.hub-onboarding-icon{display:grid;place-items:center;width:42px;height:42px;color:#c2a5fa;background:#a587f51c;border-radius:11px;flex-shrink:0}.hub-owned-badges{position:absolute;left:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap;right:12px}.hub-owned-badges span{background:#10131ed9;border:1px solid #ffffff25;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:600;backdrop-filter:blur(8px)}.hub-owned-card .hub-card-title{margin-bottom:6px;min-height:0}.hub-ownership-label{font-size:10px;color:#94a48e;margin:7px 0 17px}.hub-library-details{border-top:1px solid #ffffff10;padding-top:12px}.hub-library-details>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:10px;line-height:1.6;color:#aaa4bd;list-style:none;min-height:25px}.hub-library-details>summary::-webkit-details-marker{display:none}.hub-library-details>summary span{font-size:17px;color:#b9a0ea}.hub-library-details[open]>summary{color:#d6c4f4;margin-bottom:15px}.hub-library-details[open]>summary span{transform:rotate(45deg)}.hub-library-details>div>a{font-size:10px;line-height:1.7;color:#c5aeff}.hub-library-fact{font-size:11px;display:flex;flex-direction:column;gap:4px;color:#a7aec1;line-height:1.7;margin:13px 0}.hub-library-fact strong{font-size:12px;color:#e3e6f4}.hub-owned-costs{font-size:11px;color:#aaa2bf;line-height:1.7;margin-top:15px}.hub-owned-costs summary{cursor:pointer;color:#c7b5eb}.hub-owned-costs p{padding:10px;background:#101520;border-radius:8px}.hub-owned-costs strong{color:#e3d9fb}.hub-library-details .help{font-size:10px;line-height:1.7}
.hub-body .hub-source-note{margin:28px 0 0;padding:14px 17px;border:1px solid #ffffff0e;border-radius:9px;background:#121722;color:#8893a8;font-size:10px;line-height:1.8}.hub-source-note summary{cursor:pointer}.hub-source-note+ .alert{margin-top:15px}.hub-body .searchbar{margin-bottom:24px;padding:15px;background:#151a25;border:1px solid #ffffff0e;border-radius:11px;gap:12px}.hub-body .searchbar input{min-width:0;font-size:13px}.hub-body .searchbar select{font-size:12px}.hub-body .hub-store-head{border:1px solid #ffffff14;padding:29px 32px;border-radius:14px}.hub-store-showcase{position:relative;overflow:hidden;isolation:isolate;min-height:180px;background:radial-gradient(ellipse at 75% 10%,#276eab90,transparent 60%),#14253e!important}.hub-store-showcase.epic{background:radial-gradient(ellipse at 75% 10%,#7752b790,transparent 65%),#2c1e44!important}.hub-store-showcase h1{font-size:42px!important;letter-spacing:-1.5px;margin:0 0 10px}.hub-store-showcase p:last-child{font-size:12px}.hub-store-emblem{position:absolute;z-index:-1;right:22%;top:-15px;opacity:.1;transform:rotate(-18deg)}.hub-store-emblem .hub-icon{width:225px;height:225px}.hub-store-head h1{letter-spacing:-1px}.hub-store-head p{font-size:13px}.hub-welcome-empty{text-align:center;background:radial-gradient(ellipse at 50% 0,#6143a53b,transparent 65%),#151a27;padding:50px 20px;border:1px solid #ffffff15;border-radius:18px}.hub-empty-icon{display:grid;place-items:center;width:64px;height:64px;background:#a38af51c;color:#c1a3ff;margin:0 auto 20px;border-radius:17px}.hub-empty-icon .hub-icon{width:34px;height:34px}.hub-welcome-empty h2{font-size:38px;letter-spacing:-1px;margin:15px 0;line-height:1.15}.hub-welcome-empty>p:not(.hub-eyebrow){color:#aab3c8;line-height:1.7;font-size:13px}.hub-welcome-empty .btn{margin-top:13px}.hub-empty{margin-top:20px;background:#151b28;border:1px dashed #77639360;border-radius:14px;padding:40px 20px}
/* Tools and finance retain compact, conventional forms and tables. */
.hub-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.hub-connect-grid>.panel{padding:25px}.hub-connect-grid ol{padding-left:22px;line-height:1.9;color:#aeb9d1;font-size:13px}.hub-connect-grid input[type=file]{width:100%;padding:14px;white-space:normal}.hub-body .hub-stats>div{background:#151b28;border-color:#ffffff13;border-radius:12px}.hub-body .hub-stats strong.hub-money-total{font-size:25px;overflow-wrap:anywhere}.hub-receipt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hub-body .hub-receipt{padding:23px;border-radius:14px}.hub-receipt-head{display:flex;flex-direction:column;gap:6px;font-size:12px}.hub-receipt h3{font-size:27px;margin:20px 0 10px}.hub-receipt li{font-size:13px;color:#b3c4de;line-height:1.8}.hub-receipt ul{padding-left:18px}.hub-monthly{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:25px}.hub-monthly>div{background:#101724;padding:12px;border-radius:9px;display:flex;flex-direction:column;font-size:11px;gap:8px}.hub-month-bar{height:6px;background:linear-gradient(to right,#a68af3 var(--fill),#25304b var(--fill));border-radius:8px}.hub-product-row{margin-top:25px;padding-top:25px;border-top:1px solid #36435d}.hub-product-row select{width:100%}.hub-body .auth-card{background:#171c29;border:1px solid #ffffff20;border-radius:20px;padding:35px;box-shadow:0 20px 80px #0005}.hub-body .auth-card h1{font-size:30px;letter-spacing:-1px;color:#cdb8ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1680px){.hub-body .hub-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-showcase{grid-template-columns:minmax(0,2.1fr) minmax(290px,1fr)}.hub-spotlight,.hub-spotlight-copy{min-height:435px}.hub-spotlight-copy{padding:42px}.hub-spotlight h2{font-size:54px;max-width:470px}.hub-radar-game{grid-template-columns:108px minmax(0,1fr) 16px;min-height:96px}.hub-radar-cover{height:72px}.hub-radar-game strong{font-size:12px}}
@media(min-width:1832px){.hub-app-body .container{margin-left:calc((100vw - 1600px + 232px)/2);margin-right:auto}}
@media(max-width:1250px) and (min-width:1001px){.hub-sidebar{width:205px;padding-left:13px;padding-right:13px}.hub-app-body .container{margin-left:205px;padding:30px 25px}.hub-app-body .footer{margin-left:205px}.hub-showcase{grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr);gap:17px}.hub-spotlight-copy{padding:27px}.hub-radar-game{grid-template-columns:70px minmax(0,1fr) 12px;gap:9px}.hub-quick-search{width:225px}.hub-body .hub-game-grid{gap:16px}.hub-body .hub-game-content{padding:15px}.hub-body .hub-cover{aspect-ratio:16/11}.hub-library-banner{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.hub-sidebar{position:relative;inset:auto;width:100%;height:auto;padding:17px 24px 0;overflow:visible;display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:14px}.hub-brand{font-size:17px;padding:0}.hub-brand-mark{width:34px;height:34px;border-radius:10px}.hub-brand>span:last-child>span{display:inline;font-size:11px;letter-spacing:1px;margin-left:5px}.hub-sidebar>.hub-nav-label,.hub-desktop-nav,.hub-sidebar-bottom{display:none}.hub-sidebar .hub-primary-nav{grid-column:1/-1;display:flex;flex-direction:row;justify-content:flex-start;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.hub-primary-nav a{white-space:nowrap;gap:7px!important;font-size:12px!important;padding:9px 12px!important;min-height:39px!important}.hub-primary-nav a[aria-current]{box-shadow:inset 0 -2px #a282ff!important}.hub-primary-nav .hub-icon{width:17px;height:17px;flex-basis:17px}.hub-app-body .container{margin-left:0;padding:27px 25px 40px}.hub-app-body .footer{margin-left:0}.hub-mobile-menu{display:block;grid-column:2;grid-row:1}.hub-mobile-menu summary{font-size:12px;cursor:pointer;color:#bec4d5;display:flex;gap:9px;align-items:center;list-style:none;padding:9px;border-radius:7px;background:#202431}.hub-mobile-menu summary::-webkit-details-marker{display:none}.hub-mobile-menu>nav{position:absolute;right:24px;top:60px;z-index:40;padding:10px;background:#1b2030;border:1px solid #ffffff25;border-radius:10px;box-shadow:0 15px 30px #0008;min-width:220px}.hub-showcase{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}.hub-body .hub-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.hub-page-toolbar{gap:15px}.hub-quick-search{width:240px}.hub-skip{left:15px}.hub-receipt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hub-showcase{grid-template-columns:minmax(0,1fr)}.hub-spotlight,.hub-spotlight-copy{min-height:370px}.hub-spotlight h2{font-size:43px;max-width:380px}.hub-showcase-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hub-showcase-side>.hub-section-caption{grid-column:1/-1}.hub-radar-game{grid-template-columns:75px minmax(0,1fr);padding:8px;min-height:84px}.hub-radar-game>.hub-icon{display:none}.hub-radar-library{margin:0;padding:12px;min-height:84px}.hub-radar-library>.hub-icon:last-child{display:none}.hub-body .hub-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hub-page-toolbar{flex-wrap:wrap;row-gap:20px}.hub-page-toolbar>form.hub-quick-search{order:3;width:100%}.hub-page-toolbar h1{font-size:30px}.hub-library-banner{grid-template-columns:1fr 1fr;padding:25px;min-height:220px}.hub-library-banner h2{font-size:28px}.hub-library-counts{gap:7px 13px}.hub-library-counts>span{font-size:10px}.hub-library-counts strong{font-size:15px}.hub-library-toolbar{gap:14px}.hub-library-toolbar .hub-quick-search{width:100%}.hub-overview-strip{gap:11px}.hub-overview-strip>a{padding:13px 11px;gap:9px}.hub-overview-strip strong{font-size:21px}.hub-overview-strip>a>.hub-icon{display:none}.hub-stat-icon{width:31px;height:31px;border-radius:8px}.hub-stat-icon .hub-icon{width:16px;height:16px}.hub-overview-strip div>span{font-size:10px}.hub-store-shortcuts{gap:13px}.hub-store-shortcut{padding:17px 14px;gap:12px}.hub-shortcut-icon{width:40px;height:40px}.hub-store-shortcut p{display:none}.hub-store-shortcut strong{font-size:20px}.hub-store-shortcut>div>span{font-size:7px}.hub-store-shortcut>.hub-icon{width:16px}.hub-onboarding{flex-wrap:wrap}.hub-onboarding .btn{margin-left:57px}.hub-connect-grid{grid-template-columns:1fr}.hub-store-head{align-items:flex-start}.hub-store-showcase{min-height:185px}.hub-store-showcase .btn{flex-shrink:0}.hub-monthly{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.hub-sidebar{padding:15px 16px 0;row-gap:14px}.hub-primary-nav{gap:2px!important;justify-content:space-between!important}.hub-primary-nav a{padding:9px 6px!important;font-size:10px!important;gap:5px!important}.hub-primary-nav .hub-icon{width:15px;height:15px;flex-basis:15px}.hub-app-body .container{padding:24px 16px 35px}.hub-page-toolbar{margin-bottom:23px;gap:14px}.hub-page-toolbar .btn{font-size:11px;padding:10px 12px;min-height:40px}.hub-page-toolbar .hub-icon{width:17px;height:17px;flex-basis:17px}.hub-page-toolbar h1{font-size:29px}.hub-page-toolbar .hub-eyebrow{font-size:9px;letter-spacing:1.6px}.hub-page-description{font-size:11px;margin-top:9px}.hub-spotlight,.hub-spotlight-copy{min-height:365px}.hub-spotlight-copy{padding:26px 23px}.hub-spotlight-art{object-position:60% center}.hub-spotlight-shade{background:linear-gradient(90deg,#11131bba,#11131b12),linear-gradient(0deg,#0c1020f0 0%,transparent 100%)}.hub-spotlight h2{font-size:37px;letter-spacing:-1px;max-width:280px}.hub-spotlight-copy>p{font-size:11px}.hub-spotlight-price strong{font-size:27px}.hub-showcase{gap:20px}.hub-showcase-side{gap:10px;grid-template-columns:minmax(0,1fr)}.hub-radar-game{grid-template-columns:88px minmax(0,1fr) 16px;min-height:82px;gap:12px}.hub-radar-game>.hub-icon{display:block}.hub-radar-game strong{font-size:12px;-webkit-line-clamp:1}.hub-radar-game small{font-size:10px}.hub-radar-library{min-height:68px}.hub-overview-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:29px}.hub-overview-strip>a{display:block;padding:12px 9px}.hub-stat-icon{width:28px;height:28px;margin-bottom:9px}.hub-overview-strip strong{font-size:22px}.hub-overview-strip div>span{font-size:10px;line-height:1.6}.hub-section-heading{margin-top:26px}.hub-section-heading h2{font-size:21px}.hub-section-heading .hub-eyebrow{font-size:9px;letter-spacing:1.2px}.hub-text-link{font-size:10px;gap:5px}.hub-body .hub-game-grid{grid-template-columns:minmax(0,1fr);gap:21px}.hub-body .hub-cover{aspect-ratio:16/9}.hub-body .hub-game-content{padding:19px 20px 15px}.hub-card-title{font-size:17px;min-height:0;margin-bottom:17px}.hub-body .hub-price-main{font-size:30px}.hub-card-price-head{font-size:10px}.hub-body .hub-store-prices>div>span{font-size:11px}.hub-body .hub-store-prices strong{font-size:12px}.hub-body .hub-store-prices small{font-size:10px}.hub-body .hub-card-foot{font-size:10px}.hub-store-shortcuts{grid-template-columns:1fr;gap:13px;margin-top:27px}.hub-store-shortcut{padding:21px}.hub-store-shortcut p{display:block;font-size:10px}.hub-store-shortcut strong{font-size:23px}.hub-store-shortcut>div>span{font-size:9px}.hub-shortcut-icon{width:47px;height:47px}.hub-library-banner{grid-template-columns:1fr;min-height:360px;padding:25px 25px 155px;gap:0}.hub-library-banner>div:first-child{z-index:2}.hub-library-banner h2{font-size:33px;margin:15px 0 19px}.hub-library-mosaic{position:absolute;left:25%;right:-15%;bottom:-25px;height:155px;transform:rotate(-9deg);opacity:.7;grid-template-columns:1fr 1fr}.hub-library-counts{max-width:240px;gap:5px 14px}.hub-library-counts>span{font-size:10px}.hub-library-counts strong{font-size:17px}.hub-tabs a{font-size:10px;padding:9px 12px}.hub-library-toolbar{margin-top:20px}.hub-owned-card .hub-card-title{font-size:17px}.hub-library-details>summary{font-size:11px}.hub-ownership-label{font-size:11px}.hub-onboarding{padding:18px;gap:12px}.hub-onboarding>div{flex:1;min-width:0}.hub-onboarding .btn{margin-left:0;width:100%}.hub-onboarding p{font-size:11px}.hub-onboarding strong{font-size:12px}.hub-body .hub-source-note{font-size:10px}.hub-body .hub-store-head{padding:24px}.hub-store-showcase h1{font-size:35px!important}.hub-store-showcase .btn{margin-top:8px}.hub-receipt-grid{grid-template-columns:1fr}.hub-connect-grid>.panel{padding:20px}.hub-page-toolbar>.actions{gap:8px}.hub-store-shortcut .hub-shortcut-icon{flex-shrink:0}.hub-body .searchbar{padding:12px}.hub-body .searchbar input,.hub-body .searchbar select{font-size:16px;max-width:100%}.hub-body .auth-card{padding:27px}.hub-body .auth-container{padding:25px 16px}.hub-body .auth-card h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.hub-body .hub-game-card,.hub-body .hub-cover img,.hub-sidebar nav a{transition:none}.hub-body .hub-game-card:hover,.hub-body .hub-cover:hover img{transform:none}}

@media(max-width:480px){.hub-sidebar .hub-primary-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px!important;overflow:visible}.hub-sidebar .hub-primary-nav a{display:flex;flex-direction:column;justify-content:center;gap:6px!important;padding:8px 3px!important;font-size:10px!important;line-height:1.3;white-space:normal;text-align:center;min-width:0}.hub-primary-nav .hub-icon{width:18px;height:18px;flex-basis:18px}.hub-primary-nav a[aria-current]{box-shadow:none!important;background:#8060e426}.hub-mobile-menu>nav{right:16px}.hub-quick-search input{font-family:inherit}}

/* Manual checks keep feedback next to the triggering controls. */
.hub-check-result{padding:20px;margin:18px 0 22px;border:1px solid #8b74bd55;border-radius:14px;background:#192132;color:#e3eafa;scroll-margin-top:24px;min-width:0;font-size:15px;line-height:1.7}
.hub-check-result.is-success{border-color:#6ee7a04d;background:#12302566}.hub-check-result.is-warning{border-color:#f1c27760;background:#33291c80}
.hub-check-result:focus{outline:2px solid #bda2ff;outline-offset:4px}.hub-check-result-head{display:flex;gap:10px 18px;justify-content:space-between;align-items:center;flex-wrap:wrap}.hub-check-result-head h2{font-size:18px!important;margin:0;line-height:1.5}.hub-check-result-head>span{font-size:13px;color:#c3d0e5}
.hub-check-result p{font-size:14px!important;color:#d8e2f2!important;margin:12px 0 0;overflow-wrap:anywhere}.hub-check-result-summary{font-variant-numeric:tabular-nums}.hub-check-result ul{margin:14px 0;padding-left:20px}.hub-check-result li{font-size:14px;line-height:1.7;margin:8px 0;overflow-wrap:anywhere}.hub-check-result a{font-size:14px;color:#ddc8ff}
.hub-check-progress{font-size:14px;line-height:1.7;color:#dacaff;max-width:42ch;margin:10px 0 0}.hub-check-progress[hidden]{display:none}
form[data-price-check][aria-busy="true"] button{opacity:.75;cursor:progress}.hub-body form[data-price-check] button:disabled{cursor:default}
@media(max-width:480px){.hub-check-result{padding:17px}.hub-check-result-head h2{font-size:17px!important}}

/* Library totals and store filters need to be legible before opening a card. */
.hub-library-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:540px}
.hub-library-counts>span{display:grid;grid-template-columns:1fr auto;align-content:start;gap:8px;padding:14px;border:1px solid #d2baff24;border-radius:12px;background:#0b101a78;color:#c4cee0;font-size:14px;line-height:1.45;min-width:0}
.hub-library-counts>span>strong{grid-column:1/-1;grid-row:2;font-size:34px;font-weight:800;line-height:1.05;letter-spacing:-1px;color:#f5f7ff;margin:0;font-variant-numeric:tabular-nums}
.hub-library-counts>span>span{grid-column:1/-1;grid-row:3;font-size:14px;font-weight:600;line-height:1.5}
.hub-library-counts>span>.hub-icon,.hub-library-counts>span>.hub-brand-logo{grid-column:1;grid-row:1;width:23px;height:23px;margin-bottom:2px}
.hub-library-counts>.is-steam{border-color:#7ebfff40}.hub-library-counts>.is-epic{border-color:#c1a0ff40}
.hub-brand-logo{display:block;flex-shrink:0;width:22px;height:22px;object-fit:contain}
.hub-library-toolbar .hub-tabs{gap:8px}
.hub-library-toolbar .hub-tabs a{gap:9px;min-height:48px;font-size:15px;font-weight:750;color:#d3deef;padding:12px 17px;border-color:#ffffff20;transition:background .15s,border-color .15s}
.hub-library-toolbar .hub-tabs a:hover{background:#253047;border-color:#b4cfff70}
.hub-library-toolbar .hub-tabs a[aria-current]{color:#fff;background:#7856cc4d;border-color:#baa1ff90;box-shadow:inset 0 0 0 1px #b799ff24}
.hub-library-toolbar .hub-tabs a .hub-icon{width:21px;height:21px;flex-shrink:0}
@media(max-width:760px){.hub-library-counts{gap:8px;max-width:none}.hub-library-counts>span{padding:12px 10px}.hub-library-counts>span>strong{font-size:30px}.hub-library-counts>span>span{font-size:13px}.hub-library-toolbar .hub-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.hub-library-toolbar .hub-tabs a{justify-content:center;font-size:14px;padding:10px 9px;min-width:0}.hub-library-toolbar .hub-tabs a span{min-width:0}.hub-library-toolbar .hub-tabs .hub-brand-logo{width:20px;height:20px}}

/* Readable store identity on collection covers, including cards owned in both stores. */
.hub-owned-badges{gap:8px;align-items:flex-start;z-index:2}
.hub-owned-badges>span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 11px;border-radius:9px;font-size:14px;font-weight:750;line-height:20px;white-space:nowrap;background:#0c1425f5;border:1px solid #a8d5ff55;color:#d7ebff;box-shadow:0 3px 12px #0007}
.hub-owned-badges>span.epic-color{background:#1b1231f5;border-color:#c8adff66;color:#f1e8ff}
.hub-body .hub-cover .hub-owned-badges .hub-store-logo{position:static;display:block;flex:0 0 20px;width:20px;height:20px;max-width:none;object-fit:contain;transform:none;transition:none}
/* Visible, user-confirmed cross-store ownership suggestions. */
.hub-match-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin:20px 0;border:1px solid rgba(153,133,255,.4);border-radius:16px;background:linear-gradient(110deg,rgba(115,83,220,.17),rgba(29,61,84,.18))}
.hub-match-notice strong{display:block;font-size:17px;line-height:1.5;color:#f1eeff}
.hub-match-notice p{font-size:15px;line-height:1.65;margin:6px 0 0;color:#c7c7db;max-width:740px}
.hub-match-notice .btn{flex-shrink:0}
.hub-match-card{display:grid;gap:8px;margin:14px 0 18px;padding:14px;border:1px solid rgba(153,133,255,.35);border-radius:12px;background:rgba(115,83,220,.13)}
.hub-match-card strong{font-size:15px;line-height:1.5;color:#eee8ff}
.hub-match-card>span{font-size:14px;color:#c7c7db}
.hub-match-card .btn{justify-content:center;white-space:normal;text-align:center}
@media(max-width:600px){.hub-match-notice{align-items:stretch;flex-direction:column;padding:18px;gap:14px}.hub-match-notice .btn{justify-content:center}}

/* Readable wishlist card comparisons on desktop and mobile. */
.hub-body .hub-store-prices{gap:6px;margin-top:15px}
.hub-body .hub-store-prices>div>span{font-size:14px;font-weight:700;line-height:1.45}
.hub-body .hub-store-prices strong{font-size:17px;font-weight:750;line-height:1.4;font-variant-numeric:tabular-nums}
.hub-body .hub-store-prices small{font-size:12px;line-height:1.5;color:#b0bdd1}
.hub-body .hub-verdict{font-size:12px;font-weight:650;line-height:1.5}