:root{color-scheme:light;--bg:#fbf9f4;--paper:#fffefa;--soft:#f0f3fc;--ink:#17223b;--muted:#56647c;--blue:#2453d9;--blue-dark:#193fb3;--action-bg:#2453d9;--action-hover:#193fb3;--action-text:#fff;--orange:#ff8a4c;--line:#dce2ed;--shadow:0 22px 60px rgba(30,53,96,.09);--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
img{max-width:100%}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:8px;padding:9px 15px;background:var(--orange);color:var(--ink);z-index:100}.skip:focus{left:8px}
.site-header{position:relative;z-index:20;background:rgba(255,254,250,.96);border-bottom:1px solid var(--line);box-shadow:0 5px 25px rgba(20,44,90,.035)}
.header-inner{display:flex;align-items:center;gap:32px;min-height:82px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.32rem;font-weight:850;letter-spacing:-.06em;line-height:1;white-space:nowrap}.brand img{width:40px;height:40px}.brand span span{color:var(--blue)}
.nav{display:flex;align-items:center;gap:28px;margin-left:auto}.nav a{font-size:.92rem;font-weight:720;color:#46536d;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:13px}
.account-menu{position:relative;flex:none}.account-menu summary{display:grid;place-items:center;width:42px;height:42px;cursor:pointer;border:1px solid #cdd6ee;border-radius:12px;color:var(--blue);background:#f8faff;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover,.account-menu[open] summary{background:var(--blue);color:white;border-color:var(--blue)}
.account-dropdown{position:absolute;right:0;top:calc(100% + 11px);width:215px;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:var(--shadow);z-index:30}.account-dropdown div{display:grid}.account-dropdown [hidden]{display:none}.account-dropdown a{display:block;padding:10px 12px;border-radius:9px;color:var(--ink);font-size:.9rem;font-weight:700;white-space:nowrap}.account-dropdown a:hover,.account-dropdown a:focus-visible{background:var(--soft);color:var(--blue)}
.mobile-nav{display:none}.status-bar{background:var(--blue);color:#fff;padding:9px 0;font-size:.78rem;font-weight:700;letter-spacing:.025em}.status-bar .container{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,255,255,.16)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.12;letter-spacing:-.055em}h1{font-size:clamp(3rem,5.6vw,5.25rem);margin:22px 0 23px;max-width:740px;font-weight:820}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(2rem,3.7vw,3.2rem);margin:14px 0 20px}h3{font-size:1.35rem;margin-bottom:12px}.lede{font-size:1.14rem;line-height:1.72;color:var(--muted);max-width:625px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:.75rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--orange)}
.hero{position:relative;overflow:hidden;padding:92px 0 98px;background:radial-gradient(circle at 72% 12%,#e6ecff 0,transparent 31%),linear-gradient(130deg,#fbf9f4 15%,#f2f5ff 100%)}.hero::before{content:"";position:absolute;right:-100px;top:-190px;width:520px;height:520px;border-radius:50%;border:1px solid #d5def8;box-shadow:0 0 0 82px rgba(36,83,217,.025),0 0 0 165px rgba(36,83,217,.018)}.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:58px}.hero .lede{max-width:560px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 21px;border:1px solid var(--blue);border-radius:12px;background:var(--blue);color:white;font-weight:780;box-shadow:0 7px 18px rgba(36,83,217,.14);transition:transform .16s,background .16s,box-shadow .16s}.button:hover{transform:translateY(-2px);background:var(--blue-dark);box-shadow:0 12px 25px rgba(36,83,217,.2)}.button.secondary{background:var(--paper);color:var(--blue);border-color:#cdd6ee;box-shadow:none}.button.secondary:hover{background:#eef2ff}
.hero-art{position:relative;min-height:415px;display:grid;place-items:center}.hero-art::before{content:"";position:absolute;inset:26px 12px 25px 16px;border-radius:42px;background:linear-gradient(145deg,#2858df,#1839aa);transform:rotate(5deg);box-shadow:0 28px 55px rgba(34,71,169,.22)}.hero-art::after{content:"";position:absolute;width:200px;height:200px;right:-12px;top:-5px;border-radius:50%;background:var(--orange);opacity:.23;filter:blur(2px)}.hero-emblem{position:relative;z-index:2;width:208px;filter:drop-shadow(0 22px 22px rgba(7,21,72,.23));transform:rotate(-6deg)}.orbit{position:absolute;z-index:1;width:270px;height:270px;border:1px solid rgba(255,255,255,.45);border-radius:50%}.orbit.two{width:350px;height:350px;border-style:dashed;transform:rotate(15deg)}.orbit-chip{position:absolute;z-index:3;padding:9px 15px;border-radius:12px;background:white;color:var(--ink);font-size:.79rem;font-weight:750;box-shadow:0 12px 28px rgba(17,42,116,.16)}.orbit-chip.one{top:51px;right:-9px}.orbit-chip.two{bottom:53px;left:-6px}
.section{padding:88px 0}.section.soft{background:#f0f3fc}.section-heading{max-width:740px;margin-bottom:36px}.section-heading p{color:var(--muted);font-size:1.03rem}.grid-2,.grid-3{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:29px;border:1px solid var(--line);border-radius:23px;background:var(--paper);box-shadow:0 10px 33px rgba(28,52,101,.055)}.card p{color:var(--muted);margin-bottom:0}.card a:not(.button){color:var(--blue);font-weight:780}.card a:not(.button):hover{text-decoration:underline}.card .icon{display:grid;place-items:center;width:47px;height:47px;margin-bottom:26px;border-radius:13px;background:#e8edff;color:var(--blue);font-size:1rem;font-weight:850}.grid-3 .card:nth-child(2) .icon{background:#fff0e7;color:#be561f}.grid-3 .card:nth-child(3) .icon{background:#e8f2ef;color:#177662}.tag{display:inline-block;margin-bottom:20px;padding:5px 11px;border-radius:99px;background:#e8edff;color:var(--blue);font-size:.73rem;font-weight:820;letter-spacing:.06em;text-transform:uppercase}.tag.warm{background:#fff0e7;color:#a64716}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:30px}.arrow{color:var(--orange);font-size:1.4rem}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.point-list{display:grid;gap:18px;margin-top:28px}.point{display:flex;gap:14px;color:var(--muted)}.point b{color:var(--blue)}.point strong{color:var(--ink)}.feature-panel{padding:34px;border:1px solid #d8e0f5;border-radius:26px;background:linear-gradient(140deg,#fffefa 0%,#edf2ff 100%);box-shadow:var(--shadow)}.panel-label{color:var(--blue);font-size:.76rem;font-weight:830;text-transform:uppercase;letter-spacing:.14em}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #d8e0f1}.mini-row:last-child{border:0}.mini-row span:last-child{color:var(--blue);font-size:.86rem;font-weight:750}.callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:37px 43px;border-radius:26px;background:var(--blue);color:white;box-shadow:0 22px 45px rgba(36,83,217,.17)}.callout h2{font-size:2rem;margin:0 0 8px}.callout p{color:#e6ebff;margin:0}.callout .button{background:white;color:var(--blue);border-color:white;box-shadow:none}.callout .button:hover{background:#eef2ff}
.page-hero{padding:75px 0 62px;background:radial-gradient(circle at 85% 0%,#e5ebff,transparent 35%),#f7f8fd;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.9rem,5.2vw,4.65rem);margin:20px 0}.page-hero .lede{margin-bottom:0}.notice{margin:26px 0 0;padding:18px 20px;border:1px solid #efc5a4;border-radius:16px;background:#fff4ea;color:#744522}.notice strong{color:#62340d}.content{max-width:800px}.content h2{font-size:1.7rem;margin:35px 0 12px}.content p,.content li{color:var(--muted)}.content ul{padding-left:23px}.content a{color:var(--blue);text-decoration:underline}.content .card{margin-top:24px}.content .card h2{margin-top:0}.content .notice p{color:inherit;margin:0}.faq{max-width:830px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{display:flex;justify-content:space-between;gap:18px;cursor:pointer;font-weight:750;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';color:var(--blue);font-size:1.45rem;line-height:1}.faq details[open] summary::after{content:'−'}.faq p{color:var(--muted);margin:13px 0 0}
.site-footer{padding:52px 0 24px;border-top:1px solid var(--line);background:#17223b;color:#fff}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top p{max-width:350px;margin:15px 0 0;color:#bec9dc;font-size:.9rem}.site-footer .brand span span{color:#97afff}.footer-links{display:flex;flex-wrap:wrap;gap:48px}.footer-links div{display:grid;gap:8px}.footer-links strong{font-size:.84rem}.footer-links a{color:#cbd4e5;font-size:.87rem}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:20px;border-top:1px solid #3a4562;color:#b0bbce;font-size:.79rem}
@media(max-width:900px){.hero-grid{gap:25px}.hero-art{min-height:350px}.hero-art::before{inset:25px 15px}.split{gap:36px}}
@media(max-width:800px){.container{width:min(calc(100% - 32px),var(--max))}.header-inner{min-height:70px}.brand{font-size:1.2rem}.brand img{width:36px;height:36px}.nav{display:none}.header-actions{margin-left:auto}.mobile-nav{display:block;position:relative}.mobile-nav summary{padding:7px 12px;border:1px solid #cdd6ee;border-radius:10px;background:#f8faff;color:var(--blue);font-size:.9rem;font-weight:770;cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:45px;right:0;min-width:195px;display:grid;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}.mobile-nav nav a{padding:9px 11px;border-radius:8px;color:var(--ink);font-size:.9rem}.mobile-nav nav a:hover,.mobile-nav nav a[aria-current=page]{background:var(--soft);color:var(--blue)}.hero{padding:62px 0 72px}.hero-grid,.split,.grid-2,.grid-3{grid-template-columns:1fr}.hero-art{min-height:270px;max-width:440px;width:100%;margin:25px auto 0}.hero-art::before{inset:15px 20px}.hero-emblem{width:145px}.orbit{width:185px;height:185px}.orbit.two{width:245px;height:245px}.orbit-chip.one{top:18px;right:7px}.orbit-chip.two{bottom:19px;left:0}.section{padding:65px 0}.page-hero{padding:58px 0 47px}.callout{display:block;padding:29px}.callout .button{margin-top:22px}.footer-top,.footer-bottom{display:block}.footer-links{gap:40px;margin-top:30px}.footer-bottom span{display:block;margin-bottom:7px}}
@media(max-width:480px){.hero-art{min-height:240px}.orbit-chip{font-size:.67rem;padding:7px 9px}.hero-actions .button{width:100%}.status-bar{font-size:.72rem}.brand{font-size:1.1rem}.header-inner{gap:8px}.header-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Account menu appearance control, shared by public and portal pages. */
.account-dropdown .theme-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:6px;padding:12px;border:0;border-top:1px solid var(--line);border-radius:0 0 9px 9px;background:transparent;color:var(--ink);font:inherit;font-size:.9rem;font-weight:700;text-align:left;cursor:pointer}
.account-dropdown .theme-toggle:hover,.account-dropdown .theme-toggle:focus-visible{background:var(--soft);color:var(--blue)}
.theme-switch{position:relative;display:block;flex:none;width:36px;height:21px;border-radius:99px;background:#9aa8bf;transition:background .16s}
.theme-switch::after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:white;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .16s}
.theme-toggle[aria-pressed="true"] .theme-switch{background:var(--blue)}
.theme-toggle[aria-pressed="true"] .theme-switch::after{transform:translateX(15px)}

:root[data-theme="dark"]{color-scheme:dark;--bg:#111a2b;--paper:#1b2940;--soft:#243450;--ink:#f3f6ff;--muted:#bdc9dc;--blue:#a8bfff;--blue-dark:#c4d3ff;--action-bg:#315bd0;--action-hover:#436de0;--action-text:#fff;--orange:#ffad7e;--line:#3c4e6a;--shadow:0 22px 60px rgba(0,0,0,.25)}
[data-theme="dark"] .site-header{background:#18243a;box-shadow:0 5px 25px rgba(0,0,0,.12)}
[data-theme="dark"] .nav a{color:#cad4e6}
[data-theme="dark"] .nav a:hover,[data-theme="dark"] .nav a[aria-current=page]{color:var(--blue)}
[data-theme="dark"] .account-menu summary,[data-theme="dark"] .mobile-nav summary{border-color:var(--line);background:#243450;color:var(--blue)}
[data-theme="dark"] .account-menu summary:hover,[data-theme="dark"] .account-menu[open] summary{background:#315bd0;color:#fff;border-color:#315bd0}
[data-theme="dark"] .status-bar{background:#264ab0}
[data-theme="dark"] .hero{background:radial-gradient(circle at 72% 12%,#233b77 0,transparent 32%),linear-gradient(130deg,#111a2b 15%,#1a2945 100%)}
[data-theme="dark"] .hero::before{border-color:#344b82;box-shadow:0 0 0 82px rgba(88,122,213,.025),0 0 0 165px rgba(88,122,213,.018)}
[data-theme="dark"] .hero-art::before{background:linear-gradient(145deg,#315bd0,#183680)}
[data-theme="dark"] .orbit-chip{background:#253959;color:var(--ink)}
[data-theme="dark"] .section.soft{background:#17243a}
[data-theme="dark"] .card{box-shadow:0 10px 33px rgba(0,0,0,.12)}
[data-theme="dark"] .button{background:#315bd0;border-color:#315bd0;color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.16)}
[data-theme="dark"] .button:hover{background:#436de0;border-color:#436de0}
[data-theme="dark"] .button.secondary{background:var(--paper);border-color:var(--line);color:var(--blue);box-shadow:none}
[data-theme="dark"] .button.secondary:hover{background:var(--soft)}
[data-theme="dark"] .card .icon,[data-theme="dark"] .tag{background:#2c4071;color:#c5d3ff}
[data-theme="dark"] .grid-3 .card:nth-child(2) .icon,[data-theme="dark"] .tag.warm{background:#613b2d;color:#ffcbab}
[data-theme="dark"] .grid-3 .card:nth-child(3) .icon{background:#234f49;color:#b4f4dc}
[data-theme="dark"] .feature-panel{border-color:var(--line);background:linear-gradient(140deg,#1c2b43,#263b64)}
[data-theme="dark"] .mini-row{border-color:var(--line)}
[data-theme="dark"] .callout{background:#264ab0;box-shadow:0 22px 45px rgba(0,0,0,.2)}
[data-theme="dark"] .callout p{color:#e4ebff}
[data-theme="dark"] .callout .button{background:#fff;color:#193f9e;border-color:#fff}
[data-theme="dark"] .callout .button:hover{background:#e8edff}
[data-theme="dark"] .page-hero{background:radial-gradient(circle at 85% 0%,#263e72,transparent 35%),#19263e}
[data-theme="dark"] .notice{background:#473427;border-color:#9a6540;color:#ffe0c7}
[data-theme="dark"] .notice strong{color:#fff0e0}
[data-theme="dark"] .site-footer{background:#0d1525}
[data-theme="dark"] .footer-bottom{border-color:var(--line)}
[data-theme="dark"] .skip{background:var(--orange);color:#17223b}
@media(prefers-reduced-motion:reduce){.theme-switch,.theme-switch::after{transition:none}}
.game-preview{background:var(--soft)}
.game-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.game-preview-card{position:relative;overflow:hidden;min-height:225px;padding:23px 19px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 10px 30px rgba(28,52,101,.06)}
.game-preview-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--blue)}
.game-preview-card:nth-child(even)::before{background:var(--orange)}
.game-preview-number{display:block;margin-bottom:35px;color:var(--blue);font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.game-preview-card h3{font-size:1.27rem;margin-bottom:10px}
.game-preview-card p{color:var(--muted);font-size:.88rem;line-height:1.55}
.game-preview-footnote{margin:25px 0 0;font-weight:750;color:var(--blue)}
.game-preview-footnote a:hover{text-decoration:underline}
.game-legal{max-width:70ch;margin:18px 0 0;color:var(--muted);font-size:.78rem;line-height:1.55}
@media(max-width:1050px){.game-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.game-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.game-preview-grid{grid-template-columns:1fr}.game-preview-card{min-height:170px}.game-preview-number{margin-bottom:18px}}
/* Publisher game banners share the same readable overlay and original-art fallback. */
.game-preview-card{display:flex;flex-direction:column;min-height:245px;background-color:#111b2c;background-position:center;background-size:cover;color:#fff;box-shadow:inset 0 -180px 150px -70px rgba(5,13,28,.88),0 12px 28px rgba(17,34,68,.16);transition:transform .16s,box-shadow .16s}
.game-preview-card:hover{transform:translateY(-3px);box-shadow:inset 0 -180px 150px -70px rgba(5,13,28,.9),0 18px 35px rgba(17,34,68,.24)}
.game-preview-card h3,.game-preview-card p,.game-preview-card .game-preview-number{color:#fff;position:relative}
.game-preview-card .game-preview-number{margin-bottom:auto;color:#ffd0ab}
.game-preview-card p{margin:0 0 8px}
.game-preview-cta{position:relative;color:#ffd0ab;font-weight:750;font-size:.82rem}
.art-paper{background-image:linear-gradient(180deg,rgba(5,13,28,.24),rgba(5,13,28,.84)),image-set(url('/assets/game-art/paper-banner.webp') type('image/webp'),url('/assets/game-art/paper-banner.jpg') type('image/jpeg')),url('/assets/game-art/paper.svg')}
.art-satisfactory{background-image:linear-gradient(180deg,rgba(5,13,28,.24),rgba(5,13,28,.84)),image-set(url('/assets/game-art/satisfactory-banner.webp') type('image/webp'),url('/assets/game-art/satisfactory-banner.jpg') type('image/jpeg')),url('/assets/game-art/satisfactory.svg')}
.art-seven-days{background-image:linear-gradient(180deg,rgba(5,13,28,.24),rgba(5,13,28,.84)),image-set(url('/assets/game-art/seven-days-banner.webp') type('image/webp'),url('/assets/game-art/seven-days-banner.jpg') type('image/jpeg')),url('/assets/game-art/seven-days.svg')}
.art-valheim{background-image:linear-gradient(180deg,rgba(5,13,28,.24),rgba(5,13,28,.84)),image-set(url('/assets/game-art/valheim-banner.webp') type('image/webp'),url('/assets/game-art/valheim-banner.jpg') type('image/jpeg')),url('/assets/game-art/valheim.svg')}
.art-palworld{background-image:linear-gradient(180deg,rgba(5,13,28,.24),rgba(5,13,28,.84)),image-set(url('/assets/game-art/palworld-banner.webp') type('image/webp'),url('/assets/game-art/palworld-banner.jpg') type('image/jpeg')),url('/assets/game-art/palworld.svg')}
[data-theme="dark"] .game-preview-card{background-color:#111b2c;color:#fff}

/* 2026 unified storefront and workspace design system. */
:root{--bg:#f2f5fb;--paper:#fff;--soft:#e9eef8;--ink:#142039;--muted:#52627c;--blue:#2555d9;--blue-dark:#183fb5;--action-bg:#2555d9;--action-hover:#1944bc;--orange:#e76f35;--line:#d5deec;--shadow:0 22px 60px rgba(13,34,71,.12);--max:1280px}
:root[data-theme="dark"]{--bg:#0b1220;--paper:#172338;--soft:#1e2e48;--ink:#f4f7ff;--muted:#b7c7dd;--blue:#a9c4ff;--blue-dark:#d1dfff;--action-bg:#315cdd;--action-hover:#4974ed;--orange:#ffae76;--line:#354862;--shadow:0 24px 70px rgba(0,0,0,.34)}
body{background:var(--bg)}
.site-header{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
[data-theme="dark"] .site-header{background:rgba(12,21,37,.93)}
.header-inner{min-height:76px}.brand{letter-spacing:-.065em}.brand span span{color:var(--orange)}
.nav a{transition:color .15s}.nav a[aria-current=page]{color:var(--blue)}
.status-bar{padding:7px 0;background:#1b315d;color:#e7efff}
[data-theme="dark"] .status-bar{background:#1b315d}
.status-dot{background:#7fe4ab;box-shadow:0 0 0 4px rgba(127,228,171,.16)}
h1,h2,h3{letter-spacing:-.045em}h1{font-weight:850}h1 em{color:var(--orange)}
.eyebrow{color:var(--orange)}.eyebrow::before{background:var(--blue)}
.button{border-radius:11px;background:var(--action-bg);border-color:var(--action-bg);color:#fff;box-shadow:0 10px 28px rgba(34,77,190,.22)}
.button:hover{background:var(--action-hover);border-color:var(--action-hover)}
.button.secondary{border-color:var(--line);background:var(--paper);color:var(--ink)}
.button.secondary:hover{background:var(--soft)}
[data-theme="dark"] .button{background:var(--action-bg);border-color:var(--action-bg);color:#fff}
[data-theme="dark"] .button:hover{background:var(--action-hover);border-color:var(--action-hover)}
[data-theme="dark"] .button.secondary{background:var(--paper);border-color:var(--line);color:var(--ink)}
.hero{padding:92px 0 104px;background:radial-gradient(circle at 75% 18%,rgba(67,111,229,.23),transparent 28%),radial-gradient(circle at 3% 87%,rgba(231,111,53,.12),transparent 31%),var(--bg)}
[data-theme="dark"] .hero{background:radial-gradient(circle at 75% 18%,rgba(65,103,220,.25),transparent 28%),radial-gradient(circle at 3% 87%,rgba(255,150,86,.11),transparent 31%),var(--bg)}
.hero::before{display:none}.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:58px}.hero h1{font-size:clamp(3.6rem,6vw,6.3rem);line-height:1.01}.hero .lede{font-size:1.18rem}
.hero-art{min-height:490px;display:block}.hero-art::before,.hero-art::after{display:none}
.hero-art-grid{position:absolute;inset:0 0 38px 0;display:grid;grid-template-columns:1.14fr .86fr;grid-template-rows:1fr 1fr;gap:12px;transform:rotate(2deg)}
.hero-art-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:18px;background-position:center;background-size:cover;box-shadow:0 25px 55px rgba(0,0,0,.24)}
.hero-art-card:first-child{grid-row:span 2}.hero-art-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,12,28,.88))}
.hero-art-card span{position:absolute;bottom:18px;left:20px;z-index:1;color:#fff;font-weight:800;font-size:1.08rem;letter-spacing:-.025em}
.hero-art-caption{position:absolute;z-index:2;bottom:9px;left:50%;display:flex;align-items:center;gap:10px;transform:translateX(-50%);padding:9px 16px 9px 9px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow);white-space:nowrap;font-size:.8rem;font-weight:800}
.hero-art-caption img{width:30px;height:30px}
.section{padding:90px 0}.section.soft,.game-preview{background:var(--soft)}
[data-theme="dark"] .section.soft,[data-theme="dark"] .game-preview{background:#111d30}
.section-heading{max-width:820px}.section-heading h2{max-width:760px}
.game-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.game-preview-card{min-height:290px;padding:24px;border-radius:17px;border:1px solid rgba(193,211,241,.25);box-shadow:inset 0 -190px 150px -70px rgba(5,13,28,.9),0 18px 34px rgba(5,13,28,.16)}
.game-preview-card:first-child{grid-column:span 2}.game-preview-card::before{height:0}
.game-preview-card h3{font-size:clamp(1.45rem,2.2vw,2rem);margin:12px 0 8px}.game-preview-card p{max-width:38ch}
.game-preview-card .game-preview-number{color:#ffcd9c}.game-preview-cta{display:inline-flex;align-items:center;align-self:flex-start;margin-top:10px;padding:6px 0;border-bottom:1px solid currentColor;color:#fff}
.card,.feature-panel{border-radius:17px;box-shadow:var(--shadow)}.card .icon{margin-bottom:20px;border-radius:10px}
.point{padding:12px 0;border-bottom:1px solid var(--line)}.feature-panel{background:linear-gradient(135deg,var(--paper),var(--soft));border-color:var(--line)}
[data-theme="dark"] .feature-panel{background:linear-gradient(135deg,#172338,#223653)}
.callout{border-radius:18px;background:#1e427f}.callout .button{background:#fff;border-color:#fff;color:#173973}
[data-theme="dark"] .callout{background:#20457f}
.page-hero{background:radial-gradient(circle at 85% 0%,rgba(67,111,229,.22),transparent 35%),var(--bg)}
[data-theme="dark"] .page-hero{background:radial-gradient(circle at 85% 0%,rgba(67,111,229,.2),transparent 35%),var(--bg)}
.faq details{padding:23px 0}.site-footer{background:#0a1220}
@media(max-width:900px){.hero-grid{gap:28px}.hero-art{min-height:370px}}
@media(max-width:800px){.hero{padding:62px 0 70px}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:350px;max-width:600px}.section{padding:66px 0}.game-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-preview-card:first-child{grid-column:span 2}.site-header{position:relative}}
@media(max-width:560px){.hero h1{font-size:clamp(3rem,12vw,4.4rem)}.hero-art{min-height:290px}.hero-art-grid{inset:0 0 30px}.hero-art-card span{font-size:.83rem;left:12px;bottom:11px}.hero-art-caption{font-size:.7rem}.game-preview-grid{grid-template-columns:1fr}.game-preview-card,.game-preview-card:first-child{grid-column:auto;min-height:240px}.section-heading h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.game-preview-card{transition:none}}