@font-face{font-family:Anton;src:url('/assets/store-20260913-v1/assets/anton.ttf') format('truetype');font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/store-20260913-v1/assets/barlow.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/store-20260913-v1/assets/barlow-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{color-scheme:dark;--void:#0c0819;--base:#130a2c;--panel:#201337;--raised:#2a1b45;--line:#ffffff13;--text:#f3efff;--muted:#b4a6c9;--lime:#c6ff3d;--cyan:#00c2ff;--pink:#ff2bd6;--violet:#8b5cff;--body:Barlow,'Segoe UI',sans-serif;--display:Anton,Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 80% 14%,#35204b50,transparent 45%),var(--base);color:var(--text);font:16px/1.45 var(--body)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{border:0}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}button{background:none}small{font-size:12px}.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}[hidden]{display:none!important}.skip{position:fixed;z-index:100;top:-80px;left:20px;padding:12px;background:var(--lime);color:var(--void)}.skip:focus{top:10px}
.masthead{background:#0d081b;border-bottom:1px solid #302040}.header-inner{max-width:1440px;padding:22px 48px;margin:auto;display:flex;align-items:center;gap:56px;min-height:95px}.brand{display:flex;align-items:center;gap:12px}.brand>span{font:25px/1 var(--display);letter-spacing:1px}.brand small{display:block;font:10px var(--body);letter-spacing:6px;color:var(--muted);margin-top:7px}.brand img{border-radius:10px}.primary-nav{display:flex;align-items:center;gap:32px}.primary-nav a{text-transform:uppercase;font-size:15px;font-weight:700;letter-spacing:1.4px;position:relative}.primary-nav a.selected{color:var(--cyan)}.primary-nav a.selected:after{position:absolute;bottom:-13px;left:0;right:0;content:'';height:3px;background:var(--cyan)}.external{font-size:11px;color:var(--muted)}.library-button{margin-left:auto;border:1px solid #5a406e;background:#271936;padding:9px 17px;display:flex;gap:10px;align-items:center;font-size:14px}.library-button:hover{border-color:var(--violet)}
.store-shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px;padding:30px 48px 0}.sidebar{padding-top:12px}.rail-intro{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:33px}.rail-intro strong{color:var(--text);font-weight:600}.rail-intro img{filter:saturate(.7);opacity:.85}.rail-label{font-size:10px;letter-spacing:1.5px;color:#9582b4;font-weight:700;margin:26px 0 10px}.rail-link{display:flex;width:100%;gap:10px;align-items:center;text-align:left;min-height:36px;padding:7px 10px;font-size:14px;color:#c5b8d9;border-left:2px solid transparent}.rail-link:hover{color:var(--text);background:#ffffff07}.rail-link.active{color:var(--cyan);border-left-color:var(--cyan);background:linear-gradient(90deg,#00c2ff14,transparent)}.rail-link>span:first-child{font-size:17px;line-height:1}.rail-link .rail-count{font:11px var(--body);margin-left:auto;color:#a797c3}.genre-link{padding-left:12px}.rail-booklet{display:flex;flex-direction:column;border-top:1px solid var(--line);padding:26px 8px 0;margin-top:28px;gap:10px}.book-icon{color:var(--cyan);font-size:36px;line-height:1}.rail-booklet strong{font-weight:600;font-size:16px;line-height:1.3}.rail-booklet>span:not(.book-icon){color:var(--muted);font-size:12px}.rail-booklet>b{color:var(--cyan);font-size:12px;font-weight:600}.rail-note{font-size:11px;color:#9481ad;margin:34px 8px}.store-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;background:linear-gradient(110deg,#39205d,#242348);padding:6px 7px 6px 17px;box-shadow:0 4px 20px #0002;border:1px solid #7452a329;min-height:47px;margin-bottom:29px}.store-toolbar nav{display:flex;align-items:center;gap:23px}.store-toolbar nav a,.store-toolbar nav button{font-size:13px;white-space:nowrap;padding:5px 0}.store-toolbar nav .toolbar-active{color:var(--lime);font-weight:700}.store-toolbar nav a:hover,.store-toolbar nav button:hover{color:var(--lime)}#search-form{display:flex;align-items:center;max-width:265px;min-width:180px;background:#110b24;box-shadow:inset 0 0 0 1px #76589570}#search{min-width:0;width:100%;padding:9px 12px;font-size:12px;color:var(--text);border:0;outline-offset:0;background:transparent}#search::placeholder{color:#9d8bba}#search-form button{padding:6px 10px;color:var(--cyan);display:flex;align-items:center}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.section-title h1,.section-title h2{font:14px var(--body);font-weight:700;letter-spacing:1.7px}.section-title>a{font-size:12px;color:var(--muted)}.section-title>a:hover{color:var(--cyan)}.quiet{color:#ad9dbc;font-size:12px}.feature{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);background:#201330;box-shadow:0 14px 35px #05020c66;min-height:370px;border:1px solid #65477c55}.feature-visual{display:flex;flex-direction:column;min-width:0;background:#0b1015;position:relative}.feature-main-art{position:relative;min-height:230px;flex:1;display:flex;align-items:center;background:radial-gradient(ellipse at 50% 30%,#38594e,#0b1119)}.feature-main-art img{width:100%;height:100%;max-height:335px;object-fit:contain}.feature-caption{background:#0b0918;color:#a698ba;font-size:10px;padding:7px 12px;display:flex;justify-content:space-between}.feature-info{display:flex;flex-direction:column;padding:23px 23px 20px;background:linear-gradient(150deg,#332047,#1c122d)}.eyebrow{color:var(--lime);font-size:10px;font-weight:700;letter-spacing:1.5px}.feature-info h2{font:32px/1.12 var(--display);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 6px}.feature-info .game-subtitle{font-size:15px;color:#c8b6da;letter-spacing:.4px;margin-bottom:12px}.feature-info>p{font-size:13px;line-height:1.55;color:#cebfda;margin-bottom:15px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:10px;padding:3px 7px;background:#ffffff0b;color:#c9bbd9;border:1px solid #ffffff08}.feature-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:20px}.platform-label{font-size:11px;color:#b9acc9}.platform-label span{color:#cfc6dd;margin-right:4px}.price{font-size:21px;font-weight:700;white-space:nowrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:39px;padding:10px 17px;font-size:13px;font-weight:700;transition:filter .15s,background .15s}.primary{color:#172207;background:var(--lime);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.primary:hover{filter:brightness(1.12)}.secondary{background:#3a2853;border:1px solid #725495}.secondary:hover{background:#503669}.feature-cta{display:flex;gap:10px;align-items:center;margin-top:15px}.feature-cta .button{width:100%}.carousel-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 17px;position:relative}.actual-note{font-size:10px;color:#9e8caf}#feature-dots{display:flex;gap:6px;position:absolute;left:50%;transform:translateX(-50%)}#feature-dots button{height:7px;width:24px;padding:0;background:#59456d;border-radius:1px}#feature-dots button.active{background:var(--cyan)}.carousel-arrows{display:flex;gap:5px}.carousel-arrows button{width:30px;height:25px;border:1px solid #624977;background:#241533;line-height:1}.carousel-arrows button:hover{background:#493064}.value-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 3px;color:#c7b9d5;font-size:12px}.value-strip strong{color:var(--lime);font-size:16px;margin-right:4px}.value-strip i{font-style:normal;color:var(--cyan);margin-right:6px}.value-strip a{font-size:11px;color:#a08cad}.value-strip a:hover{color:var(--cyan)}
.shelf-section{margin-top:30px}.spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.game-card{display:block;text-align:left;padding:0;background:linear-gradient(110deg,#2b1b40,#211530);width:100%;box-shadow:0 7px 18px #05020c30;transition:transform .15s,box-shadow .15s}.game-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #9871c3,0 10px 22px #0005}.card-art{display:block;height:162px;background:#0c0a17;position:relative;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:contain;position:relative}.card-copy{padding:13px 14px 12px}.card-copy h3{font-size:17px;font-weight:700;line-height:1.2;margin-bottom:5px}.card-copy p{font-size:11px;color:#b6a5c9}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.card-bottom .price{font-size:16px;background:#120b20;padding:3px 10px}.card-capture{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;font-size:9px;background:#070610dc;color:#c6bcd4}.genre-section{margin-top:30px}.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.genre-card{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid #ffffff12;padding:17px 13px;min-width:0;position:relative;overflow:hidden}.genre-card>span{font:37px var(--display);opacity:.8}.genre-card strong{display:block;font:17px var(--display);letter-spacing:.5px;white-space:nowrap}.genre-card small{font-size:10px;white-space:nowrap;color:#d0c8de}.genre-card>b{margin-left:auto;font-size:14px;align-self:flex-start;opacity:.65}.cozy{background:linear-gradient(110deg,#244c45,#182e32);color:#c2e7b6}.strategy{background:linear-gradient(110deg,#342d67,#231c45);color:#d0c9ff}.survival{background:linear-gradient(110deg,#592543,#2c1836);color:#f9bfe0}.genre-card:hover{border-color:currentColor}
.catalog-section{margin-top:34px}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px}.catalog-tabs{display:flex;gap:5px;border-bottom:1px solid #52386b;margin-bottom:8px}.catalog-tabs button{padding:10px 16px;font-size:13px;color:#b9a9cd;border-bottom:2px solid transparent}.catalog-tabs button.active{border-color:var(--cyan);color:var(--cyan);background:#00c2ff08}.game-list{display:flex;flex-direction:column;gap:6px}.game-row{display:flex;align-items:center;gap:14px;padding:0 16px 0 0;background:#241633;width:100%;min-height:91px;text-align:left;border:1px solid transparent;transition:background .15s}.game-row:hover{background:#372445;border-color:#695280}.row-art{flex:0 0 147px;align-self:stretch;position:relative;background:#0b0915}.row-art img{width:147px;height:89px;object-fit:contain}.row-copy{flex:1;min-width:0;padding:8px 0}.row-copy h3{font-size:15px;line-height:1.25;font-weight:600;margin-bottom:5px}.row-copy p{font-size:11px;color:#a995bd;line-height:1.3}.row-copy .platform-label{margin-top:8px;font-size:10px}.row-price{font-size:16px;font-weight:600;margin-left:auto}.active-filters{padding:8px 5px 12px;font-size:12px;color:var(--cyan);display:flex;justify-content:space-between;gap:10px}.active-filters button{color:#e0c7f5;font-size:12px}.catalog-aside{padding-top:44px}.monthly-card{background:radial-gradient(ellipse at 100% 0,#6b2dad55,transparent 70%),#251537;border:1px solid #644282;padding:22px 20px;position:relative}.monthly-card:before{content:'';height:2px;background:linear-gradient(90deg,var(--lime),var(--violet));position:absolute;top:-1px;left:0;right:0}.monthly-card h3{font:31px/1.2 var(--display);margin:13px 0 16px}.monthly-card p{font-size:13px;color:#c7b5d9;line-height:1.55}.monthly-price{font:36px var(--display);margin:18px 0 12px}.monthly-price span{font:13px var(--body);color:#b6a0cb}.monthly-card .button{width:100%;font-size:12px;padding:10px}.monthly-card small{display:block;margin-top:14px;font-size:10px;line-height:1.5;color:#b6a1c7}.store-promise{margin-top:22px;padding:0 4px}.store-promise strong{font-size:14px}.store-promise p{color:#b4a0c5;font-size:12px;line-height:1.6;margin:8px 0 12px}.store-promise a{color:var(--cyan);font-size:12px}.empty-state{padding:40px 25px;background:#20132f;text-align:center}.empty-state p{color:var(--muted);margin:10px 0 20px}footer{display:flex;align-items:center;flex-wrap:wrap;gap:15px 25px;padding:35px 0;margin-top:42px;border-top:1px solid var(--line);color:#9582aa;font-size:11px}.footer-brand{display:flex;align-items:center;gap:8px;color:#c6b4d6;font:13px var(--display);letter-spacing:.6px}footer>div{display:flex;gap:15px;margin-left:auto}footer>small{flex-basis:100%;font-size:10px;color:#a28bb7}
dialog{width:min(960px,calc(100% - 40px));max-height:90vh;padding:0;background:#1d112e;color:var(--text);border:1px solid #8762a6;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#080413d9;backdrop-filter:blur(7px)}body:has(dialog[open]){overflow:hidden}.detail-top{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.5px;color:#b7a1ce}.detail-top button{font-size:28px;line-height:1.2;width:34px;height:34px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:25px;padding:25px}.detail-image{height:320px;display:flex;background:#0c0815;align-items:center;justify-content:center}.detail-image img{height:100%;width:100%;object-fit:contain}.gallery-thumbs{display:flex;gap:7px;margin-top:9px}.gallery-thumbs button{width:calc(25% - 5px);height:65px;padding:0;background:#0b0816;border:1px solid #574066}.gallery-thumbs button[aria-pressed=true]{border:2px solid var(--cyan)}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}.detail-copy h2{font:31px/1.2 var(--display);text-transform:uppercase;margin:10px 0 15px}.detail-copy>p{font-size:14px;line-height:1.6;color:#c4b2d6;margin:15px 0}.detail-copy .platform-label{margin:15px 0}.detail-copy .price{font:28px var(--display);display:block;margin:20px 0 12px}.detail-copy .button{width:100%;margin-bottom:9px}.detail-copy>small{color:#b49bc8;line-height:1.5;display:block;font-size:11px;margin-top:8px}.detail-note{font-size:10px;color:#ac96c1;margin-top:8px}.noscript{padding:30px;background:#302040}
@media(min-width:1500px){.feature{min-height:390px}.feature-main-art img{max-height:360px}.card-art{height:177px}}
@media(max-width:1180px){.header-inner{padding:20px 28px;gap:35px}.store-shell{padding:25px 28px 0;grid-template-columns:160px minmax(0,1fr);gap:24px}.feature{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.feature-info{padding:19px}.feature-info h2{font-size:28px}.store-toolbar nav{gap:13px}.catalog-layout{grid-template-columns:minmax(0,1fr) 210px;gap:14px}.genre-card{gap:8px;padding:14px 10px}.genre-card>span{font-size:28px}.genre-card strong{font-size:14px}.genre-card small{font-size:9px}.genre-card>b{display:none}.row-art{flex-basis:120px}.row-art img{width:120px}.row-copy h3{font-size:13px}.value-strip a{display:none}.card-art{height:140px}}
@media(max-width:960px){.store-shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.store-toolbar{margin-bottom:24px}.header-inner{gap:28px}.primary-nav{gap:20px}.genre-card strong{font-size:17px}.genre-card small{font-size:11px}.genre-card>span{font-size:33px}.feature{min-height:345px}.catalog-layout{grid-template-columns:minmax(0,1fr) 235px}}
@media(max-width:680px){.header-inner{padding:17px 18px;gap:18px;flex-wrap:wrap;min-height:auto}.brand>span{font-size:21px}.brand img{width:36px;height:36px}.brand small{font-size:8px;letter-spacing:5px}.primary-nav{order:3;width:100%;gap:28px;padding-top:2px}.primary-nav a{font-size:12px}.primary-nav a.selected:after{bottom:-8px}.library-button{font-size:12px;padding:8px 10px}.store-shell{padding:19px 16px 0;gap:0}.store-toolbar{flex-direction:column;align-items:stretch;padding:10px;gap:10px}.store-toolbar nav{justify-content:space-between;gap:12px;padding:0 3px}.store-toolbar nav a,.store-toolbar nav button{font-size:12px}#search-form{max-width:none;width:100%}#search{font-size:14px}.section-title h1,.section-title h2{font-size:11px;letter-spacing:1.3px}.section-title .quiet{font-size:10px}.feature{display:flex;flex-direction:column;min-height:0}.feature-main-art{min-height:0;height:220px}.feature-main-art img{height:220px}.feature-info{padding:18px}.feature-info h2{font-size:29px;margin:8px 0 4px}.feature-info .game-subtitle{margin-bottom:8px}.feature-info>p{font-size:13px;margin:5px 0 12px}.feature-bottom{padding-top:14px}.feature-cta{margin-top:10px}.feature-cta .button{min-height:43px}.carousel-bar{padding:12px 0}.actual-note{max-width:125px;font-size:9px}.value-strip{gap:10px;flex-wrap:wrap;font-size:10px;padding:12px 0}.value-strip strong{font-size:14px}.spotlight-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:1px 1px 12px}.game-card{flex:0 0 76%;scroll-snap-align:start}.card-art{height:180px}.shelf-section,.genre-section{margin-top:25px}.genre-grid{grid-template-columns:1fr;gap:8px}.genre-card{padding:13px 18px;gap:17px}.genre-card>b{display:block}.genre-card strong{font-size:18px}.genre-card small{font-size:12px}.genre-card>span{width:33px;text-align:center;font-size:31px}.catalog-layout{grid-template-columns:1fr}.catalog-tabs button{padding:10px 15px}.catalog-aside{padding-top:15px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:15px}.monthly-card{padding:18px}.monthly-card h3{font-size:27px}.monthly-card .eyebrow{font-size:8px;letter-spacing:1px}.store-promise{margin-top:0}.row-art{flex-basis:105px}.row-art img{width:105px;height:84px}.game-row{gap:10px;padding-right:12px;min-height:86px}.row-copy h3{font-size:13px}.row-copy p{font-size:10px}.row-price{font-size:14px}.detail-grid{grid-template-columns:1fr;padding:16px;gap:20px}.detail-image{height:230px}.detail-copy h2{font-size:28px}dialog{width:calc(100% - 22px);max-height:94vh}.detail-top{padding:7px 13px}.section-title>a{font-size:10px}footer{margin-top:28px;gap:15px}footer>div{margin-left:0}.quiet{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Production integrations: preserve existing commerce, consent, and publisher links. */
.button:disabled{cursor:wait;filter:saturate(.3)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:#123448;border:1px solid var(--cyan);color:var(--text);width:max-content;max-width:calc(100% - 2rem);padding:1rem 1.3rem;z-index:200;box-shadow:0 12px 40px #0008;font-size:.9rem}.toast.error{border-color:#ff4a6e;background:#40132c}.store-footer .footer-ring{display:flex;flex-wrap:wrap;flex-basis:100%;gap:10px 18px;margin:0;padding:18px 0;border-top:1px solid var(--line);font-size:11px}.footer-ring-label{flex-basis:100%;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#bfb0d0}.store-footer .merchant-note{flex-basis:100%;font-size:11px;line-height:1.5}.store-footer .production-links{margin-left:0;flex-wrap:wrap}.store-footer [data-analytics-choices]{padding:0;font:inherit;text-decoration:underline}.monthly-card a[href="/terms/"]{text-decoration:underline}#games,#membership{scroll-margin-top:25px}
.game-media-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 2px;max-width:100%;overscroll-behavior-x:contain}.game-media-thumbs button{flex:0 0 92px;background:#100a20;color:#eee;border:2px solid #594568;border-radius:4px;padding:3px;cursor:pointer;font:11px system-ui}.game-media-thumbs button[aria-pressed=true]{border-color:#9bead4}.game-media-thumbs button:focus-visible{outline:3px solid #fff;outline-offset:2px}.game-media-thumbs img{width:82px!important;height:49px!important;object-fit:contain!important;display:block}.detail-main-shot{min-width:0}.detail-main-shot>img{width:100%;height:auto;max-height:520px;object-fit:contain}.detail-main-shot figcaption{min-height:2.5em}.gallery-thumbs{overflow-x:auto;padding-bottom:5px}.gallery-thumbs button{flex:0 0 85px;width:85px}.gallery-thumbs button:focus-visible{outline:2px solid white;outline-offset:2px}
.detail-grid>div{min-width:0}.gallery-thumbs{max-width:100%;min-width:0}
