.play-hero,.access-hero{position:relative;overflow:hidden;padding:150px 0 94px;background:radial-gradient(ellipse at 72% 36%,rgba(54,143,206,.24),transparent 34%),radial-gradient(ellipse at 18% 90%,rgba(220,181,72,.13),transparent 35%),linear-gradient(125deg,#061321,#091b2c 62%,#081321)}
.play-hero::before,.access-hero::before{position:absolute;inset:0;content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(201,221,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(201,221,235,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.play-hero-grid,.access-grid{position:relative;display:grid;grid-template-columns:1fr .94fr;gap:58px;align-items:center;z-index:1}.play-hero h1,.games-hero h1,.access-hero h1{max-width:720px;margin:0 0 22px;color:#fffdf8;font-size:clamp(3.3rem,7vw,6.3rem);font-weight:850;letter-spacing:-.085em;line-height:.9}.play-hero h1 em,.games-hero h1 em,.access-hero h1 em{color:var(--gold);font-family:Georgia,serif;font-style:italic;font-weight:600}.play-hero-copy>p:not(.eyebrow),.access-grid>div>p:not(.eyebrow){max-width:570px;color:#c2cbd1;font-size:1rem;line-height:1.72}.play-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.play-note{margin:16px 0 0;color:#96a9b6;font-size:.76rem}
.play-hero-art,.access-art{position:relative;margin:0;overflow:hidden;border:1px solid rgba(220,181,72,.45);border-radius:12px;background:#081929;box-shadow:0 32px 85px rgba(0,0,0,.42),0 0 85px rgba(42,132,194,.14);transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.play-hero-art img,.access-art img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.play-hero-art figcaption,.access-art figcaption{position:absolute;right:15px;bottom:14px;left:15px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid rgba(240,244,246,.25);border-radius:8px;color:#fff;background:rgba(5,15,26,.72);backdrop-filter:blur(14px);font-size:.59rem}.play-hero-art figcaption span,.access-art figcaption span{color:var(--gold-light);font-size:.48rem;font-weight:850;letter-spacing:.14em}
.play-intro,.access-facts,.games-release{padding:95px 0;color:var(--ink);background:linear-gradient(118deg,#f4f1e9,#e8e3d8)}.play-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:62px;align-items:start}.play-intro h2,.play-next h2,.games-release h2{margin:0;font-size:clamp(2.4rem,4.3vw,4.35rem);letter-spacing:-.07em;line-height:.98}.play-intro h2 em{color:#80621f;font-family:Georgia,serif;font-weight:600}.play-intro-grid>p,.games-release p{max-width:650px;color:#526068;font-size:1rem;line-height:1.72}
.play-next{padding:92px 0;background:radial-gradient(circle at 20% 50%,rgba(72,151,207,.2),transparent 30%),#071522}.play-next-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:34px;border:1px solid rgba(216,231,240,.19);border-radius:14px;background:linear-gradient(135deg,rgba(17,45,66,.95),rgba(5,16,27,.95));box-shadow:0 28px 70px rgba(0,0,0,.32),0 0 60px rgba(45,132,185,.13)}.play-next-panel h2{color:#fff}.play-next-panel p:not(.eyebrow){max-width:560px;margin:12px 0 0;color:#afbdc6;line-height:1.65}
.games-hero{padding:145px 0 46px;background:radial-gradient(ellipse at 80% 0,rgba(41,124,183,.23),transparent 38%),#061321}.games-hero h1{margin-bottom:16px}.games-hero>div>p:not(.eyebrow){max-width:650px;color:#c2cbd1;line-height:1.7}.game-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px}.play-filter{min-height:44px;padding:9px 15px;border:1px solid rgba(236,241,243,.27);border-radius:999px;color:#eaf0f3;background:rgba(255,255,255,.04);font-size:.74rem;font-weight:750;cursor:pointer;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease}.play-filter:hover{transform:translateY(-2px);border-color:var(--gold)}.play-filter.is-active{border-color:var(--gold);color:#101b23;background:var(--gold)}.game-count{margin-left:auto;color:#9eafba;font-size:.72rem}
.game-catalog{position:relative;padding:50px 0 102px;background:radial-gradient(circle at 20% 25%,rgba(32,127,187,.12),transparent 25%),linear-gradient(150deg,#081725,#061321)}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{overflow:hidden;border:1px solid rgba(215,232,243,.17);border-radius:14px;background:linear-gradient(160deg,#102b40,#071521);box-shadow:0 2px 4px rgba(0,0,0,.2),0 24px 55px -24px rgba(0,0,0,.78);transition:transform 200ms cubic-bezier(.22,1,.36,1),border-color 200ms ease,box-shadow 200ms ease}.game-card:hover{transform:translateY(-6px);border-color:rgba(111,203,247,.55);box-shadow:0 26px 65px -24px rgba(0,0,0,.85),0 0 38px rgba(56,159,216,.15)}.game-card[hidden]{display:none}.game-card-art{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid rgba(220,181,72,.28)}.game-card-body{padding:20px}.game-card-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;color:#a9bbc6;font-size:.59rem;font-weight:750}.status-chip{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#eaf1f4;font-size:.56rem;font-weight:850;letter-spacing:.04em}.status-prototype{border-color:rgba(87,186,226,.55);color:#a6e6ff;background:rgba(41,140,182,.13)}.status-rebuild{border-color:rgba(220,181,72,.55);color:#ffe08a;background:rgba(181,131,32,.12)}.status-concept{border-color:rgba(184,145,247,.55);color:#dbc5ff;background:rgba(124,84,183,.14)}.game-card h2{margin:17px 0 8px;color:#fff;font-size:1.55rem;letter-spacing:-.05em}.game-card p{min-height:76px;margin:0;color:#b9c6ce;font-size:.84rem;line-height:1.63}.game-card details{margin-top:17px;border-top:1px solid rgba(220,232,240,.15);padding-top:14px}.game-card summary{min-height:44px;display:flex;align-items:center;color:var(--gold-light);font-size:.75rem;font-weight:800;cursor:pointer}.game-card dl{display:grid;grid-template-columns:105px 1fr;gap:9px;margin:8px 0 0;font-size:.7rem;line-height:1.5}.game-card dt{color:#99aebc;font-weight:800}.game-card dd{margin:0;color:#d3dce1}.games-release h2{margin-bottom:16px}.games-release p{max-width:650px}
.access-facts{padding:68px 0}.access-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.access-fact-grid article{min-height:205px;padding:23px;border:1px solid #d3ccbf;border-radius:10px;background:#f7f4ec;box-shadow:0 18px 42px -26px rgba(8,17,26,.4)}.access-fact-grid article span{color:#80621f;font-size:.62rem;font-weight:850;letter-spacing:.12em}.access-fact-grid h2{margin:24px 0 8px;color:#121f29;font-size:1.35rem}.access-fact-grid p{margin:0;color:#59656b;font-size:.84rem;line-height:1.6}
@media(max-width:1000px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-hero-grid,.access-grid{gap:30px}.play-hero h1,.access-hero h1{font-size:clamp(3rem,7vw,5rem)}}
@media(max-width:820px){.play-hero,.access-hero{padding:120px 0 70px}.play-hero-grid,.access-grid,.play-intro-grid{grid-template-columns:1fr;gap:28px}.play-hero-art,.access-art{transform:none}.play-hero-art{order:-1}.play-intro,.access-facts,.games-release{padding:70px 0}.play-next{padding:64px 0}.play-next-panel{align-items:flex-start;flex-direction:column;padding:25px}.games-hero{padding:120px 0 35px}}
@media(max-width:600px){.game-grid,.access-fact-grid{grid-template-columns:1fr}.game-card p{min-height:0}.game-card-meta{flex-direction:column}.game-count{width:100%;margin-left:0}.play-filters{gap:7px}.game-card-body{padding:17px}.game-card dl{grid-template-columns:1fr;gap:2px}.game-card dd{margin-bottom:7px}.play-hero-art figcaption,.access-art figcaption{align-items:flex-start;flex-direction:column}.play-intro h2,.play-next h2,.games-release h2{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){.game-card,.play-filter{transition:none}.game-card:hover,.play-filter:hover{transform:none}}