/* Reference-led composition: centered hero, circular moving product cards,
   slim black floating navigation and restrained neutral typography. */
@font-face{font-family:InterLocal;src:url('fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:InterLocal,Arial,sans-serif;--paper:#f4f4f4;--ink:#211f1e;--violet:#7546ff;--lime:#adff68;--surface:#fff;--line:#dfdfdc;--muted:#62615f}
h1,h2,h3{font-weight:400}.floating-nav{width:min(800px,calc(100% - 30px));border-radius:6px;top:18px;min-height:57px;padding:6px 8px 6px 18px}.floating-nav .brand{position:absolute;left:50%;transform:translateX(-50%);font-size:27px;gap:7px}.floating-nav .brand-mark{font-size:31px}.floating-nav .brand-dot{display:none}.floating-nav .nav-right{margin-left:auto;gap:5px}.floating-nav>.menu-toggle{background:transparent;color:#f4f4f4;font-weight:400;gap:12px;flex-direction:row-reverse;padding:7px 0;min-height:40px;font-size:15px}.floating-nav>.menu-toggle .menu-symbol{font-size:0;width:23px;height:14px;position:relative}.floating-nav>.menu-toggle .menu-symbol::before,.floating-nav>.menu-toggle .menu-symbol::after{content:'';position:absolute;width:22px;height:1px;left:0;background:#ccc;top:4px;transition:transform .4s}.floating-nav>.menu-toggle .menu-symbol::after{top:10px}.floating-nav>.menu-toggle[aria-expanded=true] .menu-symbol{transform:none}.floating-nav>.menu-toggle[aria-expanded=true] .menu-symbol::before{transform:translateY(3px) rotate(45deg)}.floating-nav>.menu-toggle[aria-expanded=true] .menu-symbol::after{transform:translateY(-3px) rotate(-45deg)}.nav-account{border-radius:26px;background:#ffffff29;padding:11px 17px;font-size:14px}.nav-open{background:var(--lime);padding:12px 16px;color:var(--ink);border-radius:3px;font-size:13px}.nav-clock{display:none}.mega-menu{border-radius:6px;top:calc(100% + 6px);padding:35px}.public-main{max-width:none;padding:140px 0 0;overflow:clip}.public-main:has(.login-card){max-width:1360px;padding:150px 55px 70px;overflow:visible}.reference-hero{text-align:center;position:relative;padding:35px 24px 0;max-width:1900px;margin:auto}.reference-hero::before{content:'';position:absolute;top:-140px;bottom:-430px;width:1px;left:50%;background:#23221f0b;z-index:-1}.reference-heading{display:flex;align-items:center;justify-content:center;gap:.2em;white-space:nowrap;font-size:clamp(60px,7.7vw,148px);font-weight:400;line-height:1.06;letter-spacing:-.085em;margin:0 0 70px}.reference-heading>span{display:block}.reference-star{color:var(--violet);font-size:.94em;line-height:1;letter-spacing:0;display:inline-block;animation:reference-star-turn 32s linear infinite}.reference-description{font-size:clamp(18px,1.55vw,28px);line-height:1.6;letter-spacing:-.045em;max-width:840px;margin:0 auto;color:var(--ink);position:relative;z-index:1}.reference-description span{background:#e9e9e9;padding:2px 7px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.reference-description span:nth-child(2n){border-radius:25px}.reference-hero .eyebrow{font-size:10px;letter-spacing:.08em;color:#6d6b66;margin:0 0 24px}.radial-stage{position:relative;height:530px;width:100%;overflow:hidden;margin:25px auto 0;touch-action:pan-y;cursor:grab;isolation:isolate;max-width:2000px}.radial-stage:active{cursor:grabbing}.radial-cards{position:absolute;inset:0}.radial-card{position:absolute;top:0;left:0;background:var(--ink);color:white;border-radius:5px;padding:7px;text-align:left;will-change:transform;transform-origin:50% 50%;user-select:none;box-shadow:none;display:block}.radial-card-visual{aspect-ratio:1.45;overflow:hidden;border-radius:3px;background:#292724}.radial-card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .6s cubic-bezier(.22,1,.36,1);user-select:none}.radial-card:hover img{transform:scale(1.05)}.radial-card-label{padding:17px 8px 11px;display:flex;justify-content:space-between;gap:10px;font-size:13px;letter-spacing:-.025em;font-weight:400}.radial-card-label span:last-child{font-size:15px}.radial-orbit{position:absolute;border:1px solid #dcdad5;width:145%;height:1800px;border-radius:50%;left:-22.5%;top:165px;z-index:-1;opacity:.55}.radial-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;z-index:110;background:#f4f4f4ee;padding:8px 15px;border-radius:50px}.radial-controls>span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.radial-controls>div{display:flex;gap:5px}.radial-controls button{border:1px solid #d5d2cd;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:14px}.radial-controls button:hover{background:#e4d9ff}.reference-footnote{text-align:center;margin:15px auto 50px;font-size:10px;color:var(--muted);max-width:650px;padding:0 20px;line-height:1.8}.reference-footnote a{text-decoration:underline;text-underline-offset:4px}.editorial-section{max-width:1300px;margin:auto;padding:90px 64px}.editorial-section h2{font-size:clamp(36px,4.6vw,72px);font-weight:400}.reference-library-head{margin:10px -64px 0}.reference-library-head .reference-hero{padding-top:0}.reference-library-head .reference-heading{font-size:clamp(50px,6.6vw,103px);margin-bottom:40px}.reference-library-head .reference-description{font-size:21px}.reference-library-head .radial-stage{height:410px;margin-top:10px}.reference-library-head .radial-controls{bottom:10px}.main-content .stats-grid{margin-top:25px}.challenge-card{border-radius:6px;box-shadow:none}.card-art{height:185px}.cover-neon{background:linear-gradient(180deg,#1110,#1118),url('products/gta.webp') center/cover,#292929}.cover-apex{background:linear-gradient(180deg,#1110,#1118),url('products/forza.webp') center/cover,#292929}.cover-orbit{background:linear-gradient(180deg,#1110,#1118),url('products/cod.webp') center/cover,#292929}.cover-grove{background:linear-gradient(180deg,#1110,#1118),url('products/rdr2.webp') center/cover,#292929}.card-art-title{display:none}.card-art-code{font-size:42px;bottom:10px;right:15px;opacity:1}.card-art-label{padding:5px 7px;background:#211f1eb0;font-size:8px}.card-content{padding:22px}.challenge-card h3{font-size:23px}.card-description{font-size:13px}.card-action{border-radius:4px}.stats-grid:not(:has(.stat-link)){grid-template-columns:repeat(3,minmax(0,1fr))}.library-hero,.cover-stage{display:none}.top{border-radius:6px;max-width:1000px}.store-reference-hero{margin:35px -5.55vw 0}.store-reference-hero .reference-hero{padding-top:18px}.store-reference-hero .reference-heading{font-size:clamp(60px,7.4vw,130px);margin-bottom:45px}.store-reference-hero .reference-description{font-size:24px;max-width:820px}.store-reference-hero .radial-stage{margin-top:20px;height:470px}.store-reference-hero .reference-footnote{margin-bottom:50px}.store-reference-hero .eyebrow{margin-bottom:18px}.cover.neon{background-image:url('products/gta.webp')}.cover.orbit{background-image:url('products/cod.webp')}.cover.ember{background-image:url('products/rdr2.webp')}.cover.apex{background-image:url('products/forza.webp')}.cover{height:220px;aspect-ratio:1.45;background-position:center}.cover strong,.cover .cover-name,.cover .cover-label{display:none}.game-card{border-radius:5px}.game-info h3{font-size:23px}.game-info p{font-size:12px}.reference-product-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:24px;text-align:center}.hero-art,.small-art{display:none}.button{border-radius:4px;font-weight:500}.login-card{border-radius:6px;box-shadow:none}.panel{border-radius:7px}.public-main .app-footer{margin-top:50px}@keyframes reference-star-turn{to{transform:rotate(360deg)}}
@media(min-width:1800px){.reference-hero{padding-top:25px}.reference-heading{margin-bottom:70px}.radial-stage{height:650px;margin-top:35px}.radial-card-label{font-size:16px;padding:22px 9px 14px}.reference-library-head .radial-stage{height:500px}}
@media(max-width:1100px){.reference-library-head{margin-left:-35px;margin-right:-35px}.reference-heading{font-size:7.4vw;gap:.2em}.reference-description{font-size:21px;max-width:730px}.radial-stage{height:480px}.store-reference-hero .reference-description{font-size:21px}.reference-library-head .reference-heading{font-size:6.9vw}.nav-account{font-size:12px}.radial-card-label{font-size:12px}}
@media(max-width:700px){.reference-heading{flex-wrap:wrap;white-space:normal;font-size:clamp(52px,10vw,78px);gap:.08em .18em;line-height:1.02;margin-bottom:36px}.reference-heading .reference-star{font-size:.8em}.reference-heading>span:first-child,.reference-heading>span:last-child{width:100%}.reference-description{font-size:18px;line-height:1.65;max-width:570px;letter-spacing:-.035em}.public-main{padding-top:125px}.reference-hero{padding:15px 20px 0}.reference-hero .eyebrow{font-size:8px;margin-bottom:20px}.radial-stage{height:390px;margin-top:0}.radial-controls{bottom:8px;padding:7px 12px;gap:12px}.radial-card-label{font-size:11px;padding:12px 5px 8px}.radial-card-visual{aspect-ratio:1.45}.reference-library-head{margin-left:-24px;margin-right:-24px}.reference-library-head .reference-heading{font-size:54px}.reference-library-head .reference-description{font-size:17px;padding:0 20px}.reference-library-head .radial-stage{height:370px}.store-reference-hero .reference-heading{font-size:54px;margin-bottom:30px}.store-reference-hero .reference-description{font-size:18px;padding:0 20px}.store-reference-hero .radial-stage{height:390px}.store-reference-hero{margin-top:15px}.floating-nav .brand{font-size:22px;gap:5px}.floating-nav .brand-mark{font-size:26px}.floating-nav{padding-left:13px}.floating-nav>.menu-toggle{font-size:12px;gap:8px}.nav-account{font-size:10px;padding:10px 12px}.nav-open{font-size:10px;padding:11px}.floating-nav .nav-right{gap:4px}.reference-footnote{font-size:9px;margin-bottom:30px}.editorial-section{padding:55px 24px}.editorial-section h2{font-size:40px}.public-main:has(.login-card){padding:120px 24px 65px}.stats-grid:not(:has(.stat-link)) .stat{padding:18px 12px}.stats-grid:not(:has(.stat-link)) .stat strong{font-size:30px}}
@media(max-width:560px){.reference-library-head{margin-left:-20px;margin-right:-20px}.floating-nav .brand{left:44%;font-size:20px}.floating-nav .brand-mark{font-size:23px}.floating-nav .brand-caption{display:none}.floating-nav .nav-account{font-size:9px;padding:10px}.nav-open{font-size:9px;padding:11px 10px}.reference-hero .reference-heading{font-size:50px}.radial-controls>span{font-size:7px}.card-art{height:205px}.cover{height:150px}.game-info h3{font-size:20px}.genre{font-size:7px}.reference-product-note{font-size:9px}.store-reference-hero .reference-heading{font-size:50px}}
@media(prefers-reduced-motion:reduce){.reference-star{animation:none}.radial-card img{transition:none}.radial-card{will-change:auto}}
.radial-card-visual{background:#211f1e}.radial-card img{object-fit:contain}.card-art{background:#e8e7e4!important;color:#23221f}.card-art-code{font-size:100px;opacity:.18;bottom:-8px}.card-art-label{background:none;color:#65635e}.dialog-art{background:#211f1e!important;color:#f4f4f4}.dialog-art-mark{color:#adff68}.cover{background-size:contain;background-repeat:no-repeat;background-color:#211f1e}
main:has(.store-reference-hero){max-width:none;padding-left:0;padding-right:0}main:has(.store-reference-hero)>:not(.store-reference-hero){margin-left:5%;margin-right:5%}.store-reference-hero{margin-left:0;margin-right:0}.top{position:sticky;top:18px;width:min(800px,calc(100% - 30px));min-height:57px;padding:9px 16px}.top .store-menu{order:-1;margin-left:0}.top .store-menu summary{background:none;padding:9px 0;font-size:14px}.top .brand{position:absolute;left:50%;transform:translateX(-50%);font-size:24px;gap:6px}.top .brand small{display:none}.top .brand>b{background:none;color:#adff68;width:30px;height:30px;font-size:32px}.top .account{margin-left:auto}.top .account>span{display:none}.top .store-menu nav{left:-16px;right:auto;top:48px;min-width:280px}.top .brand>span{text-transform:lowercase}.top .button{border-radius:3px}.top .balance{font-size:11px}@media(max-width:650px){.top{top:12px}.top .brand{left:48%;font-size:21px}.top .store-menu summary{font-size:12px}.top .account .button{font-size:10px;padding:9px 12px}.top .brand>b{font-size:27px}.reference-heading{font-size:50px}}