/* A quiet, practical dark library. The game artwork supplies the colour. */
:root{--paper:#141517;--ink:#ececef;--muted:#96979e;--line:#2b2c30;--accent:#b0a6d6;color-scheme:dark}body{background:#141517;color:#ececef}h1,h2,h3{font-weight:600}h1{letter-spacing:-1.6px}h2{letter-spacing:-.7px}em{color:inherit}.shell{width:min(1240px,calc(100% - 96px))}.site-header{background:#17181a;border-color:#2b2c30}.nav-shell{min-height:78px}.brand{font-size:23px;letter-spacing:-.8px;gap:11px;font-weight:650}.brand-mark{font-family:inherit;background:#36323f;color:#dfd7f4;box-shadow:none;border-radius:5px;letter-spacing:-2px;padding:0 3px 2px 0;font-size:21px;font-weight:500;width:32px;height:32px}.brand-dot{display:none}.nav-shell nav a{padding:26px 0}.nav-shell nav a:after{background:#bbb1d4;box-shadow:none}.nav-shell nav a:hover,.nav-shell nav a.active{color:#eeeaf7}.button,.account-nav .button{background:#b9b0d2;border-color:#b9b0d2;color:#201c28;border-radius:5px;font-weight:600;box-shadow:none;gap:22px;min-height:46px;padding:12px 19px}.button:hover,.account-nav .button:hover{background:#cdc5df;border-color:#cdc5df;color:#201c28;box-shadow:none;transform:none}.button.small{min-height:39px}.plain-link{font-size:13px;color:#c4c3cb}.plain-link:hover{color:white;text-decoration:underline;text-underline-offset:5px}.eyebrow{font-family:inherit;letter-spacing:.2px;font-weight:500;text-transform:none;color:#a2a0aa!important;font-size:12px}.library-intro{display:grid;grid-template-columns:1fr 1.03fr;gap:55px;padding:50px 0 36px;align-items:center}.intro-label{font-size:13px;color:#a5a3ae;margin-bottom:18px}.intro-copy h1{font-size:55px;line-height:1.07;letter-spacing:-2px}.intro-copy>p:not(.intro-label){font-size:14px;color:#aaa9b1;line-height:1.8;margin-top:22px}.intro-actions{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}.intro-actions .plain-link{font-size:12px}.featured-game{display:block;position:relative;overflow:hidden;border-radius:7px;min-height:310px;background:#252324}.featured-game>img{width:100%;height:330px;object-fit:cover;transition:transform .3s}.featured-game:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#13141ace);pointer-events:none}.featured-game>div{position:absolute;bottom:25px;left:27px;right:45px;z-index:1}.featured-game>div>span{font-size:11px;color:#e4d8d3}.featured-game h2{font-size:28px;margin:3px 0;color:white}.featured-game p{font-size:12px;color:#e6d9d3}.featured-arrow{position:absolute;bottom:30px;right:28px;z-index:1;font-size:21px;color:white}.featured-game:hover img{transform:scale(1.015)}.browse-genres{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:16px 0 24px;border-bottom:1px solid var(--line);font-size:12px}.browse-genres>span{margin-right:8px;color:#96959d}.browse-genres a{border:1px solid #37373d;padding:6px 14px;border-radius:5px;color:#c4c2cc;background:transparent}.browse-genres a:hover{border-color:#8c859d;background:#1e1d23}.discovery{padding:32px 0 45px}.section-heading{align-items:center;margin-bottom:23px}.section-heading h2{font-size:25px;letter-spacing:-.8px}.section-subtitle{margin-top:7px;color:#93919c;font-size:12px}.section-heading .plain-link{white-space:nowrap;font-size:12px}.game-grid{gap:28px 22px}.cover-link{border:1px solid #39383f;border-radius:6px;box-shadow:none;background:#202126;transition:border-color .2s,transform .2s}.cover-link:hover{border-color:#9d94ad;box-shadow:none;transform:translateY(-3px)}.cover{transition:transform .3s}.game-card:hover .cover{transform:scale(1.015);filter:none}.game-card:hover .cover-caption>span{transform:none}.cover-caption>span{border:0;background:none;font-size:19px}.cover-caption{letter-spacing:0}.card-meta{color:#919099}.game-card h3{font-size:17px;font-weight:600;letter-spacing:-.2px;line-height:1.45}.game-card h3 a:hover{color:#dad1ec}.card-bottom .playtime{color:#aaa7b3;font-size:11px}.playtime small{color:#8e8c94}.card-bottom{margin-top:5px}.site-footer{border-color:var(--line);padding:27px 0;gap:20px;align-items:center}.footer-brand{font-size:18px}.site-footer p{margin:0;font-size:11px;color:#83838d}.footer-note{font-size:10px;color:#7f7d89}.page-heading h1{font-size:44px;margin:12px 0;letter-spacing:-1.5px}.page-heading>p:last-child{font-size:13px;color:#a19fa8}.listing,.profile-page{padding-top:40px}.filters{background:#1b1c1f;border:1px solid #303036;border-radius:6px;margin-top:25px;padding:16px}.filter-select label{font-family:inherit;letter-spacing:0;font-size:10px;text-transform:none;color:#a6a2ae}.filter-select select{color:#d4d0dc}.search-field input,input,select,textarea{background:#17181b;border-color:#38383e;color:#e4e0e9;border-radius:4px;box-shadow:none}.search-field>span{color:#a59cb5}.search-field input{border-color:#3b3b42}input:hover,select:hover,textarea:hover{border-color:#74717e}input:focus,select:focus,textarea:focus{border-color:#b7afc6;box-shadow:0 0 0 2px #aaa0c01a}input:disabled{background:#222226}.results-bar{color:#9995a1;font-size:11px}.stats{background:#1d1d22;border-color:#35333c;border-radius:6px}.stats strong{color:#d1cadf;font-weight:500}.stats div{border-color:#38353f}.stats span{color:#a09aaa}.status{background:#2e2c34;color:#c9c1d4}.status-playing{background:#293538;color:#a2c8ca}.status-completed{background:#29362d;color:#afcfb1}.status-dropped{background:#3b2e31;color:#d3afb7}.stars{color:#beb1d2}.pagination{border-color:#323036}.pagination a{background:#1d1c22;border-color:#3a363f;border-radius:4px}.pagination a[aria-current]{background:#b9b0d2;color:#211a2a;border-color:#b9b0d2}.pagination a:hover{border-color:#a79bb6}.pagination-gap{align-self:center;color:#99919f;padding:0 3px}.detail-art img{border-color:#48434d;box-shadow:none;border-radius:6px}.detail-copy h1{font-size:46px;font-weight:600;letter-spacing:-1.3px}.detail-copy .eyebrow{color:#a39bac}.synopsis{color:#b7b1c0;font-size:14px}.detail-tags span{background:#242129;border:1px solid #3b3543;color:#bfb4cd;border-radius:4px}.time-panel{background:#201e26;border:1px solid #3b3543;border-radius:6px;padding:19px 22px}.time-values strong,.time-values>div+div strong{font-size:28px;color:#d5c7e7;letter-spacing:-.7px;font-weight:600}.time-values>div+div{border-color:#3e3748}.time-values span{color:#aba0b9}.time-panel>p:last-child{color:#95889f}.game-facts{border-color:#36313e}.game-facts dt{color:#95899f}.game-facts dd{color:#d3c8df}.duration-note{font-size:12px;color:#978ba3;margin:18px 0 12px}.journal{background:#211e27;border-color:#3a3145;border-radius:6px}.journal-heading h2{font-size:23px;font-weight:550}.detail-sources{color:#a99bbb}.profile-card{background:#211d28;border-color:#3c3247;border-radius:6px}.profile-count{border-color:#403349}.profile-count strong{color:#c4b2d8}.large-avatar,.avatar{background:#3c3049;border-color:#695575;color:#d5c1e5}.auth-aside{border-color:#4c3b4f;border-radius:6px}.auth-aside>img{object-position:50% center;filter:brightness(.8)}.auth-aside:after{background:linear-gradient(transparent,#17121cce)}.auth-aside h2{font-size:38px;font-weight:550}.auth-aside>div .eyebrow{color:#dac4d5!important}.auth-form h1{font-size:41px;letter-spacing:-1.5px;font-weight:600}.auth-aside>span{letter-spacing:0;font-size:12px}.section-subtitle,.duration-note{line-height:1.6}.notice{border-radius:5px}.notice.error{background:#312129;border-color:#654451;color:#edc6d1}:focus-visible{outline-color:#b2a6c7}.empty-symbol{color:#aaa0b9}.fine-print{color:#93889e}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.library-intro{gap:35px}.intro-copy h1{font-size:48px}.featured-game>img{height:330px}.intro-actions{gap:18px}.detail-copy h1{font-size:41px}}
@media(max-width:800px){.nav-shell{min-height:105px}.nav-shell nav a{padding:12px 0}.library-intro{gap:25px;padding-top:30px}.intro-copy h1{font-size:40px}.intro-copy>p:not(.intro-label){font-size:13px}.intro-copy br:not(h1 br){display:none}.featured-game>img{height:305px}.intro-actions{gap:16px}.featured-game>div{left:20px;bottom:20px}.featured-game p{font-size:10px}.featured-game h2{font-size:26px}.section-heading h2{font-size:23px}.section-subtitle{font-size:11px}.featured-arrow{right:20px}.detail-copy h1{font-size:36px}}
@media(max-width:580px){.shell{width:calc(100% - 36px)}.library-intro{grid-template-columns:1fr;padding:29px 0 18px;gap:28px}.intro-label{display:none}.intro-copy h1{font-size:44px;letter-spacing:-1.6px;line-height:1.08}.intro-copy h1 br{display:none}.intro-copy>p:not(.intro-label){font-size:13px;margin-top:15px;max-width:310px}.intro-actions{gap:20px;margin-top:21px}.intro-actions .button{font-size:11px;min-height:41px;padding:10px 14px}.intro-actions .plain-link{font-size:11px}.featured-game{min-height:210px}.featured-game>img{height:230px}.featured-game h2{font-size:26px}.featured-game p{font-size:11px}.featured-game>div>span{font-size:10px}.browse-genres{gap:8px;padding:12px 0 20px;font-size:11px}.browse-genres>span{width:100%;margin-bottom:3px}.browse-genres a{padding:5px 12px}.discovery{padding:26px 0 35px}.section-heading{align-items:start;gap:15px}.section-heading h2{font-size:22px;max-width:230px;line-height:1.25}.section-heading .plain-link{font-size:10px;white-space:normal;text-align:right;min-width:65px;padding-top:5px}.section-subtitle{display:none}.game-grid{gap:25px 16px}.game-card h3{font-size:15px}.cover-link{border-radius:5px}.card-bottom .playtime{font-size:10px}.page-heading h1{font-size:37px}.listing,.profile-page{padding-top:29px}.filters{padding:13px}.pagination{gap:14px}.pagination a{min-width:32px;height:35px}.pagination>div{gap:6px}.detail-copy h1{font-size:37px;letter-spacing:-1px}.detail-grid{gap:25px}.time-values strong,.time-values>div+div strong{font-size:26px}.site-footer{width:calc(100% - 36px);display:flex;flex-wrap:wrap;gap:10px 18px}.site-footer p{font-size:10px}.site-footer .footer-note{width:100%}.auth-form h1{font-size:36px}.profile-card h2{font-size:25px}.nav-shell .brand-mark{background:#36323f;box-shadow:none;font-size:18px;width:28px;height:29px;letter-spacing:-1px}.nav-shell .brand{font-size:20px}.nav-shell nav{gap:30px}.account-nav .button{min-height:32px}.time-panel{padding:17px}.stats strong{font-size:26px}}

.landscape-cover .cover,.detail-art.landscape-cover img{object-fit:contain;background:#202126}.detail-art.landscape-cover img{aspect-ratio:2/3}
