@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap');

:root { --ink:#f5f0e7; --muted:#9c978f; --night:#080807; --panel:#121210; --gold:#e0b158; --line:rgba(245,240,231,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--night); color:var(--ink); font-family:Manrope, sans-serif; }
body.modal-open { overflow:hidden; }
.gate-loading { min-height:100vh; background:#070912; }
.password-gate { min-height:100vh; display:grid; place-items:center; overflow:hidden; position:relative; background:radial-gradient(circle at 50% 42%,#16140e 0, #090a0d 34%, #05060a 75%); }
.password-gate:before { content:""; position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:72px 72px; mask-image:radial-gradient(circle,#000,transparent 66%); }
.gate-card { width:min(460px,calc(100% - 40px)); position:relative; z-index:2; padding:58px; border:1px solid rgba(203,163,90,.28); background:rgba(10,10,9,.84); box-shadow:0 40px 100px rgba(0,0,0,.55); backdrop-filter:blur(18px); }
.gate-card>img { width:74px; height:66px; object-fit:contain; margin-bottom:36px; }
.gate-card h1 { font-size:52px; line-height:.98; margin:24px 0 20px; }
.gate-card>p:not(.eyebrow) { color:var(--muted); line-height:1.65; font-size:14px; }
.gate-card form { margin-top:38px; }.gate-card label { display:block; margin-bottom:10px; color:var(--gold); font:10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.13em; }
.gate-field { display:flex; border-bottom:1px solid rgba(245,240,231,.5); }.gate-field input { min-width:0; flex:1; background:transparent; border:0; outline:0; color:white; font:24px Manrope,sans-serif; padding:10px 0; letter-spacing:.15em; }.gate-field button { width:48px; border:0; background:transparent; color:var(--gold); font-size:26px; cursor:pointer; }.gate-field:focus-within { border-color:var(--gold); }
.gate-error { color:#dd766d!important; font:10px DM Mono,monospace!important; margin:12px 0 0!important; }
.gate-orbit { position:absolute; width:min(720px,90vw); aspect-ratio:1; border:1px solid rgba(203,163,90,.11); border-radius:50%; animation:spin 50s linear infinite; }.gate-orbit:before,.gate-orbit:after { content:""; position:absolute; inset:11%; border:1px dashed rgba(203,163,90,.13); border-radius:50%; }.gate-orbit:after { inset:23%; }.gate-orbit span { position:absolute; top:4%; left:50%; color:var(--gold); }
a { color:inherit; text-decoration:none; }
.shell { width:min(1380px, calc(100% - 64px)); margin-inline:auto; }
.nav { height:104px; display:flex; align-items:center; justify-content:space-between; position:absolute; left:50%; transform:translateX(-50%); z-index:5; border-bottom:1px solid var(--line); }
.brand img { width:58px; height:52px; object-fit:contain; }
.nav nav { display:flex; gap:36px; font:400 12px/1 DM Mono, monospace; text-transform:uppercase; letter-spacing:.14em; }
.nav nav a { transition:color .2s; }.nav nav a:hover { color:var(--gold); }.nav-stake { display:inline-flex; align-items:center; gap:8px; color:var(--gold); }.nav-stake.is-disabled { color:#77736d; cursor:not-allowed; }.nav-stake small { font:400 7px DM Mono,monospace; padding:3px 5px; border:1px solid rgba(224,177,88,.3); color:var(--gold); letter-spacing:.08em; }
.hero { min-height:850px; height:100vh; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; position:relative; overflow:hidden; }
.hero:before { content:""; position:absolute; top:-20%; bottom:-20%; left:50%; width:100vw; transform:translateX(-50%); background:radial-gradient(circle at 71% 43%,rgba(203,163,90,.15),transparent 22%),radial-gradient(circle at 72% 42%,rgba(91,45,21,.16),transparent 40%),linear-gradient(90deg,#080807 0%,#0b0906 42%,#181006 100%); pointer-events:none; }
.hero-copy { padding-top:70px; position:relative; z-index:2; animation:rise-in .9s cubic-bezier(.2,.75,.2,1) both; }
.eyebrow { text-transform:uppercase; letter-spacing:.18em; font:400 11px/1.4 DM Mono, monospace; color:var(--gold); display:flex; align-items:center; gap:12px; }
.eyebrow span { width:28px; height:1px; background:currentColor; }
h1,h2,.statement { font-weight:300; letter-spacing:-.055em; }
.hero h1 { font-size:clamp(60px, 7.5vw, 118px); line-height:.92; max-width:900px; margin:32px 0 38px; }
.intro { max-width:540px; color:#b8b3ab; font-size:17px; line-height:1.7; }
.discover { display:inline-flex; gap:48px; border-bottom:1px solid var(--ink); margin-top:48px; padding-bottom:11px; font:500 11px/1 DM Mono, monospace; text-transform:uppercase; letter-spacing:.12em; }
.discover b { color:var(--gold); }
.hero-orbit { position:relative; aspect-ratio:1; display:grid; place-items:center; }
.logo-particles { position:absolute; inset:-8%; width:116%; height:116%; z-index:1; pointer-events:auto; mask-image:radial-gradient(circle,#000 28%,rgba(0,0,0,.95) 64%,transparent 78%); }
.halo { position:absolute; width:78%; aspect-ratio:1; border:1px solid rgba(203,163,90,.34); border-radius:50%; box-shadow:0 0 90px rgba(203,163,90,.09), inset 0 0 90px rgba(203,163,90,.05); }
.halo:before,.halo:after { content:""; position:absolute; inset:7%; border:1px solid rgba(245,240,231,.1); border-radius:50%; }.halo:after { inset:-5%; border-style:dashed; animation:spin 45s linear infinite; }
.logo-reveal { position:relative; z-index:2; display:block; width:68%; aspect-ratio:1; filter:drop-shadow(0 20px 60px rgba(0,0,0,.75)); animation:logo-intro-bounce 3.6s cubic-bezier(.2,.8,.2,1) both,logo-idle 6.4s 3.6s ease-in-out infinite; pointer-events:none; }
.logo-lottie { position:absolute; inset:2%; display:block; opacity:0; transform:scale(.94); transition:opacity .25s; }.logo-reveal.is-ready .logo-lottie { opacity:1; }.logo-lottie svg { width:100%!important; height:100%!important; overflow:visible!important; }
.logo-reveal:before,.logo-reveal:after { content:"✦"; position:absolute; z-index:4; color:#ffd06a; opacity:0; text-shadow:0 0 16px rgba(255,196,69,.85); animation:logo-sparkle 4.8s 3.7s ease-in-out infinite; }.logo-reveal:before { left:9%; top:29%; font-size:13px; }.logo-reveal:after { right:8%; bottom:25%; font-size:21px; animation-delay:5.1s; }
.logo-piece { position:absolute; inset:0; opacity:0; animation:logo-arrive .9s cubic-bezier(.2,.8,.2,1) forwards; }
.logo-piece img { width:100%; height:100%; object-fit:contain; }
.logo-horn { clip-path:inset(0 0 36% 0); animation-delay:.15s; }.logo-apl { clip-path:inset(28% 0 36% 0); animation-delay:.78s; }.logo-word { clip-path:inset(61% 0 0 0); animation-delay:1.38s; }
.logo-reveal.is-compact { width:min(360px,80vw); animation:logo-intro-bounce 3.6s cubic-bezier(.2,.8,.2,1) both,logo-idle 6.4s 3.6s ease-in-out infinite; }.logo-reveal.is-compact .logo-piece { opacity:1; animation:none; }
.spark { position:absolute; color:var(--gold); font-size:18px; animation:ambient-twinkle 3.8s 3.7s ease-in-out infinite both; }.spark-a { top:18%; right:15%; }.spark-b { bottom:22%; left:10%; font-size:9px; animation-delay:5.2s; }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes float { 0%,100% { transform:translateY(0) rotate(-1deg) } 50% { transform:translateY(-18px) rotate(1deg) } }
@keyframes rise-in { from { opacity:0; transform:translateY(28px) } to { opacity:1; transform:none } }
@keyframes glow { 0%,100% { opacity:.35 } 50% { opacity:.75 } }
@keyframes logo-arrive { from { opacity:0; transform:translateY(22px); filter:blur(8px) } to { opacity:1; transform:none; filter:blur(0) } }
@keyframes logo-idle { 0%,100% { transform:translateY(0) rotate(-.5deg); filter:drop-shadow(0 20px 60px rgba(0,0,0,.75)) } 50% { transform:translateY(-14px) rotate(.5deg); filter:drop-shadow(0 24px 80px rgba(224,177,88,.22)) } }
@keyframes logo-intro-bounce { 0%,72% { transform:scale(1) } 82% { transform:scale(1.035) } 90% { transform:scale(.985) } 96% { transform:scale(1.012) } 100% { transform:scale(1) } }
@keyframes logo-sparkle { 0%,62%,100% { opacity:0; transform:scale(.25) rotate(0) } 70% { opacity:1; transform:scale(1.25) rotate(35deg) } 78% { opacity:.45; transform:scale(.72) rotate(70deg) } 86% { opacity:0; transform:scale(.3) rotate(100deg) } }
@keyframes ambient-twinkle { 0%,100% { opacity:.12; transform:scale(.65) rotate(0) } 45% { opacity:1; transform:scale(1.15) rotate(35deg) } 65% { opacity:.3; transform:scale(.82) rotate(60deg) } }
.games-section { background:linear-gradient(180deg,#0c0c0b,#11100d 48%,#090908); color:var(--ink); padding:130px 0 150px; position:relative; overflow:hidden; }
.collection-particles { position:absolute; inset:0; pointer-events:none; overflow:hidden; }.collection-particles i { position:absolute; width:4px; height:4px; border-radius:50%; background:var(--gold); box-shadow:0 0 14px var(--gold); opacity:0; animation:collection-drift 8s linear infinite; }.collection-particles i:nth-child(3n+1){left:12%;animation-delay:-1s}.collection-particles i:nth-child(3n+2){left:52%;animation-delay:-4s}.collection-particles i:nth-child(3n){left:86%;animation-delay:-6s}.collection-particles i:nth-child(4n+1){top:30%}.collection-particles i:nth-child(4n+2){top:55%}.collection-particles i:nth-child(4n+3){top:75%}.collection-particles i:nth-child(4n){top:90%}
.games-section:before { content:""; position:absolute; width:700px; aspect-ratio:1; border-radius:50%; background:rgba(224,177,88,.055); filter:blur(100px); right:-200px; top:18%; animation:orb-drift 12s ease-in-out infinite alternate; }
.section-head { display:grid; grid-template-columns:1fr 2fr auto; align-items:end; margin-bottom:58px; }
.section-head h2 { font-size:clamp(54px,7vw,106px); line-height:.85; margin:0; }.collection-title span { display:inline-block; opacity:0; transform:translateY(42px) rotate(2deg); filter:blur(9px); animation:collection-word 1s cubic-bezier(.2,.8,.2,1) calc(.15s + var(--word-delay)) forwards; }.section-head>p:last-child { color:var(--muted); font:400 11px DM Mono,monospace; text-transform:uppercase; letter-spacing:.12em; }
.game-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.game-card { position:relative; aspect-ratio:408/546; overflow:hidden; background:#222; color:white; display:block; border:1px solid rgba(255,255,255,.08); padding:0; text-align:left; cursor:pointer; font:inherit; transform:translateZ(0); transition:transform .4s; }
.game-card img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s cubic-bezier(.2,.8,.2,1), filter .4s; animation:card-cover-enter .9s cubic-bezier(.2,.8,.2,1) var(--card-delay) both; }
.game-card:hover img { transform:scale(1.055); }
.veil { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.03) 35%,rgba(0,0,0,.8)); }
.number { position:absolute; top:20px; left:20px; font:400 10px DM Mono,monospace; letter-spacing:.1em; opacity:.78; }
.card-meta { position:absolute; left:24px; right:24px; bottom:24px; }.card-meta h3 { margin:13px 0 0; font-weight:400; font-size:25px; letter-spacing:-.035em; }
.status { font:500 9px DM Mono,monospace; text-transform:uppercase; letter-spacing:.13em; border:1px solid rgba(255,255,255,.45); border-radius:99px; padding:7px 10px; }.status.live { background:var(--gold); color:#12110d; border-color:var(--gold); }
.play { position:absolute; right:22px; top:18px; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:white; color:#111; transition:transform .35s,background .25s; }.game-card:hover .play{transform:rotate(45deg);background:var(--gold)}
.game-card:nth-child(3n+2) { transform:translateY(45px); }.game-card:nth-child(3n+2):hover { transform:translateY(35px); }
.card-particles { position:absolute; inset:0; z-index:2; pointer-events:none; opacity:0; transition:opacity .25s; }.game-card:hover .card-particles { opacity:1; }.card-particles i { position:absolute; left:50%; top:48%; width:5px; height:5px; border-radius:50%; background:#fff3c2; box-shadow:0 0 12px var(--gold); animation:card-spark 1.5s ease-out infinite; }.card-particles i:nth-child(2){--sx:-140px;--sy:-100px;animation-delay:.15s}.card-particles i:nth-child(3){--sx:150px;--sy:-60px;animation-delay:.3s}.card-particles i:nth-child(4){--sx:-120px;--sy:120px;animation-delay:.45s}.card-particles i:nth-child(5){--sx:130px;--sy:145px;animation-delay:.6s}.card-particles i:nth-child(6){--sx:20px;--sy:-180px;animation-delay:.75s}
@keyframes collection-word { to { opacity:1; transform:none; filter:blur(0) } }@keyframes collection-drift { 0%{opacity:0;transform:translate(0,80px) scale(.4)}20%{opacity:.7}80%{opacity:.2}100%{opacity:0;transform:translate(90px,-240px) scale(1.3)} }@keyframes card-cover-enter { from{opacity:0;transform:scale(1.12);filter:blur(7px) saturate(.5)}to{opacity:1;transform:scale(1);filter:none} }@keyframes card-spark { 0%{opacity:0;transform:translate(0,0) scale(.3)}30%{opacity:1}100%{opacity:0;transform:translate(var(--sx,90px),var(--sy,-130px)) scale(1.4)} }
.manifesto { padding:170px 0; display:grid; grid-template-columns:1fr 3fr; }
.statement { font-size:clamp(42px,5.7vw,84px); line-height:1.06; margin:0; max-width:1000px; }.statement em { color:var(--gold); font-style:normal; }
.footer { border-top:1px solid var(--line); min-height:290px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; color:var(--muted); font-size:13px; }
.footer img { width:70px; height:64px; object-fit:contain; }.footer>p { text-align:center; }.footer>div:not(.footer-character) { display:flex; justify-content:flex-end; gap:30px; }.spine-footer { min-height:520px; position:relative; overflow:hidden; isolation:isolate; }.spine-footer:before { content:""; position:absolute; width:540px; height:420px; left:50%; bottom:-170px; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,rgba(224,177,88,.16),transparent 68%); filter:blur(30px); z-index:-1; }.footer-character { position:absolute; left:50%; bottom:-8px; transform:translateX(-50%); width:390px; height:500px; z-index:-1; filter:drop-shadow(0 24px 44px rgba(0,0,0,.7)); }.footer-character .spine-player { background:transparent!important; }.footer-character canvas { cursor:pointer; }.spine-footer>p { position:relative; z-index:2; padding:10px 14px; background:rgba(8,8,7,.55); backdrop-filter:blur(8px); }.spine-footer>div:last-child { position:relative; z-index:2; }
@keyframes orb-drift { to { transform:translate(-170px,220px) scale(1.15) } }
.game-modal { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:28px; background:rgba(5,5,4,.82); backdrop-filter:blur(16px); animation:modal-bg .25s ease both; }
.modal-panel { width:min(1160px,100%); max-height:calc(100vh - 56px); overflow:auto; display:grid; grid-template-columns:.88fr 1.12fr; background:#eeeadf; color:#171612; box-shadow:0 40px 130px rgba(0,0,0,.7); position:relative; animation:modal-in .45s cubic-bezier(.2,.8,.2,1) both; }
.modal-close { position:absolute; right:18px; top:18px; z-index:3; width:44px; height:44px; border:1px solid rgba(255,255,255,.4); border-radius:50%; background:rgba(10,10,9,.5); backdrop-filter:blur(10px); color:white; font:300 28px/1 Manrope,sans-serif; cursor:pointer; }
.modal-visual { min-height:650px; position:relative; overflow:hidden; background:#111; }.modal-visual img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }.modal-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.55)); }.modal-visual>span { position:absolute; z-index:2; left:24px; bottom:24px; color:#fff; font:10px DM Mono,monospace; letter-spacing:.15em; text-transform:uppercase; }
.modal-copy { padding:clamp(54px,7vw,105px); align-self:center; }.modal-copy h2 { font-size:clamp(48px,6vw,88px); line-height:.92; font-weight:300; letter-spacing:-.055em; margin:30px 0; }.modal-copy>p:not(.eyebrow) { color:#5f5a52; font-size:17px; line-height:1.75; max-width:560px; }
.modal-status { display:flex; gap:10px; flex-wrap:wrap; margin:34px 0; }.modal-status span { border:1px solid #bab4a9; border-radius:99px; padding:8px 11px; font:500 9px DM Mono,monospace; text-transform:uppercase; letter-spacing:.12em; }
.contact-button { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:18px 20px; background:#171612; color:white; font:500 11px DM Mono,monospace; text-transform:uppercase; letter-spacing:.1em; transition:background .25s,color .25s; }.contact-button:hover { background:var(--gold); color:#111; }.stake-link { display:inline-block; margin-top:22px; border-bottom:1px solid; font:500 10px DM Mono,monospace; text-transform:uppercase; }
@keyframes modal-bg { from { opacity:0 } }.modal-panel{@starting-style{opacity:0;transform:translateY(24px) scale(.985)}}
@keyframes modal-in { from { opacity:0; transform:translateY(26px) scale(.985) } }
/* Game detail pages */
.game-page { background:var(--night); overflow:hidden; }.game-nav { position:absolute; }.game-hero { min-height:900px; height:100vh; position:relative; display:flex; align-items:flex-end; overflow:hidden; }.game-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.04); animation:hero-zoom 13s ease-out both; }.game-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,4,4,.88) 0%,rgba(4,4,4,.4) 54%,rgba(4,4,4,.18)),linear-gradient(0deg,#080807 0%,transparent 42%); }.game-hero-copy { position:relative; z-index:2; padding-bottom:11vh; }.game-hero-copy h1 { font-size:clamp(72px,10vw,154px); line-height:.82; max-width:1050px; margin:35px 0 40px; }.game-hero-copy>p:not(.eyebrow) { max-width:560px; font-size:18px; line-height:1.7; color:#cbc6bd; }.back-link { position:absolute; top:-110px; font:10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.13em; color:#c7c1b8; }.game-tags { display:flex; gap:10px; margin-top:32px; }.game-tags span { padding:8px 11px; border:1px solid rgba(255,255,255,.35); border-radius:99px; font:9px DM Mono,monospace; text-transform:uppercase; letter-spacing:.12em; }.scroll-cue { position:absolute; right:32px; bottom:32px; z-index:2; writing-mode:vertical-rl; font:9px DM Mono,monospace; letter-spacing:.16em; text-transform:uppercase; color:#aaa49b; }
.hero-actions { display:flex; align-items:center; gap:22px; margin-top:30px; flex-wrap:wrap; position:relative; z-index:3; }.stake-button { min-width:240px; min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:16px 18px; background:var(--gold); color:#111; font:600 10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.11em; transition:transform .25s,background .25s; }.stake-button:hover { transform:translateY(-3px); background:#f0c66e; }.provider-link { font:500 10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.1em; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:7px; }
.stake-button.is-disabled { background:rgba(245,240,231,.12); color:#8f8a82; border:1px solid rgba(245,240,231,.16); cursor:not-allowed; }.stake-button.is-disabled:hover { transform:none; background:rgba(245,240,231,.12); }.stake-button small { font:500 8px DM Mono,monospace; color:var(--gold); }
.game-intro { padding:170px 0; display:grid; grid-template-columns:1fr 3fr; gap:50px; }.game-intro h2,.feature-heading h2,.rules-summary h2,.coming-feature h2,.game-contact h2 { font-size:clamp(50px,6vw,92px); line-height:.95; letter-spacing:-.055em; font-weight:300; margin:0 0 40px; }.game-intro>div>p,.coming-feature>div>p:not(.eyebrow) { max-width:780px; color:#aaa59d; font-size:18px; line-height:1.8; }
.stats-band { border-block:1px solid var(--line); background:#0d0c0a; }.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }.stats-grid>div { padding:62px 34px; border-right:1px solid var(--line); display:flex; flex-direction:column; gap:12px; }.stats-grid>div:first-child { border-left:1px solid var(--line); }.stats-grid b { color:var(--gold); font-size:clamp(34px,4vw,62px); font-weight:300; letter-spacing:-.05em; }.stats-grid span { color:var(--muted); font:10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.14em; }
.feature-section { padding:160px 0; }.feature-heading { display:grid; grid-template-columns:1fr 3fr; margin-bottom:80px; }.feature-heading h2 { max-width:850px; }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.feature-grid article { min-height:430px; padding:34px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(145deg,rgba(255,255,255,.025),transparent); transition:background .35s,transform .35s; overflow:hidden; }.feature-grid article:hover { background:rgba(224,177,88,.07); transform:translateY(-8px); }.feature-grid article>span { color:var(--gold); font:10px DM Mono,monospace; }.feature-art { width:100%; height:170px; object-fit:contain; margin:24px 0 10px; filter:drop-shadow(0 14px 22px rgba(0,0,0,.5)); }.feature-grid h3 { font-size:27px; font-weight:400; margin:24px 0 20px; letter-spacing:-.03em; }.feature-grid p { color:#9e9991; line-height:1.7; font-size:14px; }
.game-gallery { width:100%; overflow:auto; scrollbar-width:none; padding:30px 0 120px; }.game-gallery::-webkit-scrollbar{display:none}.gallery-track { width:max-content; display:flex; gap:18px; padding-inline:max(32px,calc((100vw - 1380px)/2)); }.gallery-track figure { width:min(72vw,800px); margin:0; position:relative; overflow:hidden; aspect-ratio:16/10; background:#141310; }.gallery-track img { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.8,.2,1); }.gallery-track .gallery-feature img { object-fit:contain; padding:30px; }.gallery-track figure:hover img { transform:scale(1.04); }.gallery-track figcaption { position:absolute; left:22px; bottom:20px; padding:7px 10px; background:rgba(0,0,0,.62); backdrop-filter:blur(8px); font:9px DM Mono,monospace; text-transform:uppercase; letter-spacing:.13em; }
.rules-summary { padding:140px 0 180px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 3fr; }.rules-summary ul { margin:0; padding:0; list-style:none; max-width:900px; }.rules-summary li { border-top:1px solid var(--line); padding:22px 0; color:#aaa59d; line-height:1.65; }.rules-summary li:before { content:"✦"; color:var(--gold); margin-right:16px; }
.paytable-section { padding:150px 0 170px; border-top:1px solid var(--line); }.paytable-heading { display:grid; grid-template-columns:1fr 3fr; gap:40px; margin-bottom:70px; }.paytable-heading h2 { font-size:clamp(50px,6vw,90px); line-height:.95; letter-spacing:-.055em; font-weight:300; margin:0 0 25px; }.paytable-heading>div>p { color:var(--muted); line-height:1.7; max-width:620px; }.payout-table { border:1px solid var(--line); }.payout-row { display:grid; grid-template-columns:2fr repeat(3,1fr); min-height:82px; align-items:center; border-top:1px solid var(--line); }.payout-row:first-child { border-top:0; }.payout-row span { padding:12px 24px; text-align:center; color:#aaa59d; font-size:14px; }.payout-row span:first-child { text-align:left; color:var(--ink); }.symbol-cell { display:flex; align-items:center; gap:18px; }.symbol-cell img { width:64px; height:64px; object-fit:contain; filter:drop-shadow(0 8px 12px rgba(0,0,0,.5)); }.symbol-cell b { font-weight:400; }.payout-head { background:rgba(224,177,88,.08); min-height:58px; }.payout-head span { color:var(--gold)!important; font:500 10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.12em; }.payout-max { color:var(--gold)!important; font-weight:600; }.special-symbols { display:grid; grid-template-columns:1fr 1.5fr; gap:18px; margin-top:22px; }.special-symbols article { min-height:240px; display:flex; align-items:center; gap:26px; padding:28px; border:1px solid rgba(224,177,88,.28); background:rgba(224,177,88,.035); }.special-symbols>article>img { width:150px; height:150px; object-fit:contain; }.special-symbols h3 { color:var(--gold); margin:0 0 14px; font-size:20px; font-weight:400; }.special-symbols p { color:var(--muted); line-height:1.7; margin:0; }.elixir-showcase { flex-direction:column; align-items:flex-start!important; }.elixir-images { display:grid; grid-template-columns:repeat(4,1fr); width:100%; }.elixir-images img { width:100%; aspect-ratio:1; object-fit:contain; }.paytable-groups { display:grid; grid-template-columns:1fr 1fr; margin-top:42px; border-top:1px solid var(--line); border-left:1px solid var(--line); }.paytable-groups article { min-height:180px; padding:32px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.paytable-groups h3,.rtp-card h3 { color:var(--gold); font-weight:400; font-size:19px; margin:0 0 22px; }.paytable-groups p { color:#aaa59d; line-height:1.8; margin:0; }.rtp-card { margin-top:42px; padding:38px; border:1px solid rgba(224,177,88,.38); background:linear-gradient(135deg,rgba(224,177,88,.08),transparent); }.rtp-card>div { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:34px; }.rtp-card span { display:flex; flex-direction:column; gap:10px; color:var(--muted); font-size:12px; }.rtp-card b { color:#61d78b; font-size:16px; }.rtp-card strong { color:var(--gold); font-size:clamp(28px,4vw,52px); font-weight:300; }
.coming-feature { min-height:720px; padding:80px 0 150px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; }.game-contact { padding:170px 0; border-top:1px solid var(--line); }.game-contact>p { color:var(--gold); font:10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.14em; }.game-contact h2 { max-width:1000px; }.game-contact .contact-button { width:min(440px,100%); }.contact-button { background:var(--ink); color:#111; }.contact-button:hover { background:var(--gold); }
.game-nav:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); background:rgba(0,0,0,.6); backdrop-filter:blur(10px); }
.stake-button,.stake-button.is-disabled { border-radius:999px; background:#f47a22; color:#22150d; border:0; padding-inline:22px; box-shadow:0 10px 34px rgba(244,122,34,.2); }.stake-button:hover { background:#ff963f; box-shadow:0 14px 42px rgba(244,122,34,.34); }.stake-button.is-disabled { opacity:.68; }.stake-button.is-disabled:hover { background:#f47a22; box-shadow:0 10px 34px rgba(244,122,34,.2); }.stake-button small { color:#4b2914; font-weight:600; }
@keyframes hero-zoom { from { transform:scale(1.12) } to { transform:scale(1.025) } }
@supports (animation-timeline:view()) { .reveal-section { opacity:.25; transform:translateY(70px); animation:section-reveal linear both; animation-timeline:view(); animation-range:entry 5% cover 35%; } .game-card { animation:card-reveal linear both; animation-timeline:view(); animation-range:entry 0% cover 28%; } @keyframes section-reveal { to { opacity:1; transform:none } } @keyframes card-reveal { from { opacity:.25; transform:translateY(70px) scale(.97) } to { opacity:1; transform:translateY(0) scale(1) } } }
.admin-shell { width:min(1080px,calc(100% - 40px)); margin:auto; padding:56px 0 120px; }.admin-head { display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid var(--line); padding-bottom:28px; }.admin-head h1 { font-size:42px; margin:14px 0 0; }.admin-head>a { font:12px DM Mono,monospace; color:var(--gold); }.admin-note { margin:28px 0; padding:20px 24px; background:rgba(203,163,90,.1); border:1px solid rgba(203,163,90,.25); display:flex; gap:24px; align-items:baseline; }.admin-note p { margin:0; color:var(--muted); font-size:13px; }.panel { background:var(--panel); border:1px solid var(--line); padding:30px; margin-top:20px; }.panel h2 { font-size:22px; font-weight:400; margin:0 0 24px; }.panel label { display:block; color:var(--muted); font:10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.1em; margin-top:18px; }.panel input,.panel textarea,.panel select { width:100%; margin-top:8px; background:#090908; border:1px solid var(--line); color:var(--ink); padding:13px; font:14px Manrope,sans-serif; }.admin-games { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.admin-game { display:grid; grid-template-columns:112px 1fr; gap:18px; padding:14px; border:1px solid var(--line); }.admin-game img { width:112px; height:150px; object-fit:cover; }.admin-game label:first-child { margin-top:0; }.admin-actions { position:fixed; z-index:10; bottom:20px; left:50%; transform:translateX(-50%); background:#171714; padding:10px; border:1px solid var(--line); display:flex; gap:8px; box-shadow:0 15px 40px #000; }.admin-actions button,.button { border:0; padding:13px 18px; background:var(--gold); color:#111; font:500 11px DM Mono,monospace; cursor:pointer; white-space:nowrap; }.admin-actions .secondary { background:#2a2925; color:var(--ink); }
@media(max-width:900px){.shell{width:min(100% - 32px,680px)}.nav{height:80px}.nav nav{gap:18px}.hero{height:auto;min-height:950px;grid-template-columns:1fr;padding-top:150px;align-content:start}.hero h1{font-size:62px}.hero-orbit{width:90%;margin:-10px auto 10px}.section-head{grid-template-columns:1fr;gap:20px}.game-grid{grid-template-columns:1fr 1fr}.game-card:nth-child(3n+2){transform:none}.game-card:nth-child(even){transform:translateY(32px)}.manifesto{grid-template-columns:1fr;gap:30px;padding:110px 0}.footer{grid-template-columns:1fr;gap:28px;padding:60px 0;text-align:center}.footer img{margin:auto}.footer>div{justify-content:center;flex-wrap:wrap}.admin-games{grid-template-columns:1fr}.modal-panel{grid-template-columns:1fr;max-width:680px}.modal-visual{min-height:520px}.modal-copy{padding:54px 38px}.game-hero{min-height:760px}.game-intro,.feature-heading,.rules-summary,.paytable-heading{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.coming-feature{grid-template-columns:1fr}.logo-reveal{width:72%;margin:auto}.rtp-card>div{grid-template-columns:1fr 1fr}.paytable-groups{grid-template-columns:1fr}}
@media(max-width:560px){.nav nav>a:nth-child(2),.nav nav>a:nth-child(3){display:none}.nav nav{gap:14px;font-size:10px}.nav-stake small{display:none}.hero{min-height:820px}.hero h1{font-size:51px}.hero-orbit{margin-top:15px}.games-section{padding:90px 0}.game-grid{grid-template-columns:1fr}.game-card,.game-card:nth-child(even){aspect-ratio:4/5;transform:none}.section-head h2{font-size:58px}.manifesto{padding:90px 0}.statement{font-size:42px}.admin-game{grid-template-columns:76px 1fr}.admin-game img{width:76px;height:102px}.admin-actions{width:calc(100% - 24px);overflow:auto}.game-modal{padding:10px}.modal-panel{max-height:calc(100vh - 20px)}.modal-visual{min-height:400px}.modal-copy{padding:40px 24px}.modal-copy h2{font-size:46px}.game-hero{min-height:690px}.game-hero-copy h1{font-size:59px}.game-intro{padding:110px 0}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div{padding:34px 18px}.feature-section{padding:110px 0}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:390px}.feature-grid h3{margin-top:20px}.gallery-track figure{width:88vw}.rules-summary{padding:100px 0}.game-contact{padding:110px 0}.scroll-cue{display:none}.paytable-section{overflow:hidden}.payout-table{overflow-x:auto}.payout-row{min-width:610px}.special-symbols{grid-template-columns:1fr}.special-symbols article{min-height:unset}.special-symbols>article>img{width:110px;height:110px}.rtp-card{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:560px){.gate-card{padding:38px 28px}.gate-card h1{font-size:43px}}
.news-preview { padding:150px 0; }.news-preview .section-head { grid-template-columns:1fr 2fr auto; }.news-preview .section-head h2 { font-size:clamp(48px,6vw,86px); }.news-preview .section-head>a { color:var(--gold); font:10px DM Mono,monospace; text-transform:uppercase; letter-spacing:.12em; }.news-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.news-grid>a { min-height:330px; padding:42px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(145deg,rgba(224,177,88,.045),transparent); transition:background .3s,transform .3s; }.news-grid>a:hover { background:rgba(224,177,88,.09); transform:translateY(-5px); }.news-grid span { color:var(--gold); font:9px DM Mono,monospace; text-transform:uppercase; letter-spacing:.12em; }.news-grid h3 { font-size:clamp(28px,3vw,46px); font-weight:300; letter-spacing:-.04em; margin:34px 0 20px; }.news-grid p { color:var(--muted); line-height:1.75; max-width:600px; }.news-grid b { display:inline-block; margin-top:25px; font:500 9px DM Mono,monospace; text-transform:uppercase; letter-spacing:.12em; }.news-page { min-height:100vh; }.news-index,.article-view { padding-top:220px; padding-bottom:150px; }.news-index>h1,.article-view h1 { font-size:clamp(64px,9vw,138px); line-height:.88; max-width:1200px; margin:45px 0 80px; }.article-view>a { color:var(--muted); font:10px DM Mono,monospace; text-transform:uppercase; }.article-view .eyebrow { margin-top:80px; }.article-lead { max-width:860px; font-size:clamp(22px,3vw,38px); line-height:1.45; color:#cbc6bd; }.article-body { max-width:800px; margin:80px 0 0 25%; color:#aaa59d; font-size:18px; line-height:1.9; }.panel-title { display:flex; align-items:center; justify-content:space-between; }.panel-title button { border:0; background:var(--gold); padding:11px 15px; cursor:pointer; }.admin-news { display:grid; gap:18px; }.admin-news article { padding:22px; border:1px solid var(--line); }.admin-news .danger { margin-top:18px; border:1px solid #7b3c35; background:transparent; color:#e28b80; padding:9px 12px; cursor:pointer; }
@media(max-width:900px){.news-preview .section-head{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.article-body{margin-left:0}}
@media(max-width:560px){.nav nav>a:nth-child(2){display:inline}.nav nav>a:nth-child(3),.nav nav>a:nth-child(4){display:none}.news-preview{padding:100px 0}.news-grid>a{padding:28px}.news-index,.article-view{padding-top:160px}.article-view h1{margin-bottom:45px}}
.footer-character{z-index:0}.spine-footer>img{position:relative;z-index:2}@media(max-width:900px){.spine-footer{min-height:650px;align-content:end;padding-bottom:45px}.footer-character{width:360px;height:470px;bottom:120px}.spine-footer>p{justify-self:center}.spine-footer>div:last-child{justify-content:center}}

/* 2026 motion and content pass */
.logo-lottie{inset:-3%;transform:scale(.87);transform-origin:center}.logo-lottie,.logo-lottie>div,.logo-lottie svg{overflow:visible!important}
.hero-polygons{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero-polygons i{position:absolute;width:clamp(55px,7vw,115px);aspect-ratio:1;opacity:.12;background:linear-gradient(135deg,transparent 25%,rgba(224,177,88,.75) 50%,transparent 72%);clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%);animation:polygon-drift 13s ease-in-out infinite alternate}.hero-polygons i:nth-child(1){left:4%;top:18%}.hero-polygons i:nth-child(2){left:19%;top:72%;animation-delay:-4s;transform:scale(.55)}.hero-polygons i:nth-child(3){left:42%;top:12%;animation-delay:-8s}.hero-polygons i:nth-child(4){left:55%;top:68%;animation-delay:-2s;transform:scale(.7)}.hero-polygons i:nth-child(5){left:76%;top:8%;animation-delay:-6s}.hero-polygons i:nth-child(6){left:89%;top:63%;animation-delay:-10s;transform:scale(.5)}.hero-polygons i:nth-child(n+7){animation-duration:18s;opacity:.075;transform:scale(.42) rotate(45deg)}.hero-polygons i:nth-child(7){left:10%;top:48%}.hero-polygons i:nth-child(8){left:32%;top:25%;animation-delay:-9s}.hero-polygons i:nth-child(9){left:48%;top:84%;animation-delay:-5s}.hero-polygons i:nth-child(10){left:65%;top:38%;animation-delay:-12s}.hero-polygons i:nth-child(11){left:82%;top:32%;animation-delay:-3s}.hero-polygons i:nth-child(12){left:94%;top:17%;animation-delay:-14s}@keyframes polygon-drift{0%{translate:-24px 20px;rotate:-18deg;filter:blur(.2px)}55%{opacity:.22}100%{translate:38px -48px;rotate:24deg;filter:blur(1px)}}
.game-card img{transform:scale(1.065);filter:saturate(.96) brightness(.93)}.game-card:hover img{transform:scale(1);filter:saturate(1.17) brightness(1.08)}.veil{opacity:1;transition:opacity .65s}.game-card:hover .veil{opacity:.72}
.card-particles:before{content:"";position:absolute;inset:12%;background:radial-gradient(circle,rgba(255,205,94,.2),transparent 58%);opacity:0;transform:scale(.5);transition:.45s}.game-card:hover .card-particles:before{opacity:1;transform:scale(1.35)}.game-card:hover .card-particles{opacity:1}.card-particles i{width:7px;height:7px;animation-duration:1.05s;box-shadow:0 0 8px #fff,0 0 22px var(--gold)}.card-particles i:nth-child(1){--sx:-190px;--sy:-175px}.card-particles i:nth-child(2){--sx:-150px;--sy:-75px}.card-particles i:nth-child(3){--sx:180px;--sy:-110px}.card-particles i:nth-child(4){--sx:-175px;--sy:155px}.card-particles i:nth-child(5){--sx:165px;--sy:180px}.card-particles i:nth-child(6){--sx:25px;--sy:-220px}.card-particles i:nth-child(7){--sx:220px;--sy:20px;animation-delay:.08s}.card-particles i:nth-child(8){--sx:-225px;--sy:30px;animation-delay:.16s}.card-particles i:nth-child(9){--sx:80px;--sy:215px;animation-delay:.24s}.card-particles i:nth-child(10){--sx:-75px;--sy:220px;animation-delay:.32s}.card-particles i:nth-child(11){--sx:120px;--sy:-190px;animation-delay:.4s}.card-particles i:nth-child(12){--sx:-105px;--sy:-205px;animation-delay:.48s}.card-particles i:nth-child(13){--sx:205px;--sy:105px;animation-delay:.56s}.card-particles i:nth-child(14){--sx:-205px;--sy:110px;animation-delay:.64s}
@keyframes card-cover-enter{from{opacity:0;transform:scale(1.16);filter:blur(7px) saturate(.5)}to{opacity:1;transform:scale(1.065);filter:saturate(.96) brightness(.93)}}
.games-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:90px}.games-actions button,.games-actions a{border:1px solid rgba(224,177,88,.45);background:transparent;color:var(--ink);padding:16px 22px;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:.25s}.games-actions button:hover,.games-actions a:hover{background:var(--gold);color:#111}.games-actions span{margin-left:24px}
.all-games-page{min-height:100vh;padding-bottom:150px;background:linear-gradient(180deg,#080807,#12100c 55%,#080807)}.games-index-head{padding-top:220px}.games-index-head h1{font-size:clamp(78px,11vw,168px);line-height:.83;margin:42px 0}.games-index-head>p:last-child{color:var(--muted);font-size:18px}.game-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:70px;margin-bottom:55px}.game-filters button{border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);padding:11px 16px;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.game-filters button:hover,.game-filters button.is-active{border-color:var(--gold);background:var(--gold);color:#111}.games-index-grid{position:relative}.empty-games{color:var(--muted);padding:60px 0}
.news-grid>a{padding:0;overflow:hidden}.news-grid>a>img{width:100%;height:250px;display:block;object-fit:cover;filter:saturate(.85) brightness(.78);transition:transform .7s,filter .5s}.news-grid>a:hover>img{transform:scale(1.035);filter:saturate(1.1) brightness(.95)}.news-grid>a>div{padding:36px 42px 42px}.article-image{display:block;width:100%;max-height:720px;object-fit:cover;margin:-25px 0 70px}.admin-news-preview{width:100%;height:210px;object-fit:cover;margin-bottom:8px}.image-upload{display:inline-block!important;width:auto!important;margin-top:12px!important;background:#2a2925!important;color:var(--ink)!important}
@media(max-width:900px){.games-actions{margin-top:70px}.news-grid>a>div{padding:30px}.games-index-head{padding-top:170px}}
@media(max-width:560px){.hero-polygons i:nth-child(n+7){display:none}.games-actions{flex-direction:column}.games-index-head h1{font-size:72px}.article-image{margin-top:0}}

/* Site-wide motion language */
.hero-title-lines{overflow:visible}.hero-title-lines span{display:block;opacity:0;transform:translateX(-95px);filter:blur(7px);animation:title-slide-in .9s cubic-bezier(.18,.88,.25,1.08) var(--line-delay) forwards}.hero-copy .eyebrow{animation:soft-drop .65s .04s both}.hero-copy .intro{opacity:0;animation:slogan-rise .8s .72s cubic-bezier(.2,.8,.2,1) forwards}.hero-copy .discover{opacity:0;animation:slogan-rise .7s .92s cubic-bezier(.2,.8,.2,1) forwards}@keyframes title-slide-in{70%{opacity:1;transform:translateX(8px);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes slogan-rise{from{opacity:0;transform:translateY(32px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes soft-drop{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}
.scroll-reveal,.reveal-section,.feature-grid article,.gallery-track figure,.stats-grid>div,.payout-row,.special-symbols article,.paytable-groups article,.rtp-card,.news-grid>a,.game-card,.manifesto>*,.article-view>*,.games-index-head>*,.game-filters,.game-contact>*,.coming-feature>*{opacity:0;transform:translateY(58px);filter:blur(5px);transition:opacity .75s var(--reveal-delay,0ms),transform .9s cubic-bezier(.16,.82,.22,1.12) var(--reveal-delay,0ms),filter .75s var(--reveal-delay,0ms)}
.reveal-from-top,.collection-head,.news-heading,.game-card{transform:translateY(-70px)}.game-card{animation:none!important}.reveal-bounce{transition-timing-function:cubic-bezier(.17,.89,.28,1.22)}
.is-visible{opacity:1!important;transform:none!important;filter:none!important}.collection-head.is-visible .collection-title span{animation:collection-drop 1s cubic-bezier(.16,.88,.28,1.18) calc(var(--word-delay) + .08s) both}@keyframes collection-drop{0%{opacity:0;transform:translateY(-65px);filter:blur(8px)}78%{opacity:1;transform:translateY(7px);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
.game-card img{transform:scale(1);filter:saturate(.96) brightness(.93)}.game-card:hover img{transform:scale(1.075);filter:saturate(1.18) brightness(1.08)}@keyframes card-cover-enter{from{opacity:0;transform:scale(1.1);filter:blur(7px) saturate(.5)}to{opacity:1;transform:scale(1);filter:saturate(.96) brightness(.93)}}
.particle-link,.games-actions button,.games-actions a,.contact-button,.stake-button:not(.is-disabled),.provider-link,.discover,.news-grid>a{position:relative;isolation:isolate}.particle-link:before,.games-actions button:before,.games-actions a:before,.contact-button:before,.stake-button:not(.is-disabled):before,.provider-link:before,.discover:before,.news-grid>a:before{content:"";position:absolute;z-index:6;left:50%;top:50%;width:4px;height:4px;border-radius:50%;pointer-events:none;opacity:0;background:#fff3c2;box-shadow:-22px -8px 0 #e0b158,24px -13px 0 #fff3c2,-35px 15px 0 #b982ff,38px 18px 0 #e0b158,-8px -25px 0 #fff,10px 28px 0 #e0b158}.particle-link:hover:before,.games-actions button:hover:before,.games-actions a:hover:before,.contact-button:hover:before,.stake-button:not(.is-disabled):hover:before,.provider-link:hover:before,.discover:hover:before,.news-grid>a:hover:before{animation:button-particle-burst .75s ease-out both}@keyframes button-particle-burst{0%{opacity:0;transform:scale(.25)}25%{opacity:1}100%{opacity:0;transform:scale(2.6) rotate(28deg)}}
.news-preview .section-head>a{transition:color .25s,letter-spacing .3s,transform .3s}.news-preview .section-head>a:hover{color:#fff;letter-spacing:.2em;transform:translateX(7px);text-shadow:0 0 18px rgba(224,177,88,.65)}.news-grid>a{transition:background .35s,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.news-grid>a:hover{transform:translateY(-9px);box-shadow:0 24px 70px rgba(0,0,0,.35),0 0 35px rgba(224,177,88,.08)}
.game-hero-copy>*{opacity:0;animation:slogan-rise .75s cubic-bezier(.2,.8,.2,1) forwards}.game-hero-copy .back-link{animation-delay:.12s}.game-hero-copy .eyebrow{animation-delay:.22s}.game-hero-copy h1{animation-delay:.32s}.game-hero-copy>p:not(.eyebrow){animation-delay:.48s}.game-hero-copy .hero-actions{animation-delay:.62s}.game-hero-copy .game-tags{animation-delay:.74s}
.spine-footer{min-height:300px}.footer-character{left:42px;bottom:0;transform:none;width:150px;height:190px;z-index:1}.spine-footer>img{margin-left:175px}.spine-footer:before{width:260px;height:190px;left:115px;bottom:-65px;transform:none}.spine-footer>p,.spine-footer>div:last-child{z-index:2}
@media(max-width:900px){.footer-character{left:50%;bottom:105px;transform:translateX(-50%);width:145px;height:185px}.spine-footer{min-height:470px}.spine-footer>img{margin-left:auto}.spine-footer:before{left:50%;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.hero-title-lines span,.hero-copy .intro,.hero-copy .discover,.game-hero-copy>*{opacity:1!important;transform:none!important;filter:none!important}.scroll-reveal,.reveal-section,.feature-grid article,.gallery-track figure,.stats-grid>div,.payout-row,.special-symbols article,.paytable-groups article,.rtp-card,.news-grid>a,.game-card,.manifesto>*,.article-view>*,.games-index-head>*,.game-filters,.game-contact>*,.coming-feature>*{opacity:1!important;transform:none!important;filter:none!important}}

/* Screenshot feedback — local refinement */
body{overflow-x:hidden}.hero{overflow:visible}.hero:before{left:50%;width:100vw;top:-20%;bottom:-20%;transform:translateX(-50%);background:radial-gradient(circle at 76% 44%,rgba(203,163,90,.16),transparent 25%),radial-gradient(circle at 82% 48%,rgba(91,45,21,.18),transparent 48%),linear-gradient(90deg,#080807 0%,#0b0906 38%,#181006 100%)}
.hero-polygons{inset:-5% calc((100vw - 100%)/-2);overflow:hidden}.hero-polygons i{width:clamp(7px,1vw,16px);opacity:.34;background:rgba(224,177,88,.5);clip-path:polygon(50% 0,68% 32%,100% 50%,68% 68%,50% 100%,32% 68%,0 50%,32% 32%);box-shadow:0 0 12px rgba(224,177,88,.35);animation:tiny-polygon-drift 9s ease-in-out infinite alternate;filter:none}.hero-polygons i:nth-child(4n+1){left:8%;top:18%;animation-delay:-1s}.hero-polygons i:nth-child(4n+2){left:34%;top:78%;animation-delay:-4s}.hero-polygons i:nth-child(4n+3){left:68%;top:15%;animation-delay:-7s}.hero-polygons i:nth-child(4n){left:91%;top:66%;animation-delay:-2s}.hero-polygons i:nth-child(7n+1){left:19%;top:52%}.hero-polygons i:nth-child(7n+2){left:47%;top:25%}.hero-polygons i:nth-child(7n+3){left:57%;top:83%}.hero-polygons i:nth-child(7n+4){left:78%;top:48%}.hero-polygons i:nth-child(7n+5){left:97%;top:29%}.hero-polygons i:nth-child(7n+6){left:4%;top:88%}.hero-polygons i:nth-child(7n){left:84%;top:8%}.hero-polygons i:nth-child(3n){width:7px;opacity:.2}.hero-polygons i:nth-child(5n){width:20px;opacity:.18}@keyframes tiny-polygon-drift{0%{translate:-8px 15px;rotate:-20deg;opacity:.12}50%{opacity:.48}100%{translate:22px -38px;rotate:48deg;opacity:.2}}
.manifesto>.eyebrow{transform:translateX(-95px)}.manifesto>.statement{transform:translateX(95px)}.manifesto>.is-visible{transform:none!important}
.stake-button,.stake-button.is-disabled{background:var(--gold);color:#17120a;border:0;opacity:1;box-shadow:0 10px 34px rgba(224,177,88,.23)}.stake-button small{color:#4d3510}.stake-button.is-disabled:hover{background:#f0c66e;box-shadow:0 14px 42px rgba(224,177,88,.36);transform:translateY(-3px)}.stake-button{position:relative;isolation:isolate}.stake-button:before{content:"";position:absolute;z-index:6;left:50%;top:50%;width:4px;height:4px;border-radius:50%;pointer-events:none;opacity:0;background:#fff3c2;box-shadow:-28px -10px 0 #e0b158,29px -15px 0 #fff3c2,-42px 19px 0 #b982ff,44px 22px 0 #e0b158,-10px -31px 0 #fff,13px 34px 0 #e0b158}.stake-button:hover:before{animation:button-particle-burst .8s ease-out both}
.spine-footer{min-height:300px;overflow:visible;margin-top:150px}.footer-character{left:8px;top:-148px;bottom:auto;transform:none;width:225px;height:285px;z-index:3}.spine-footer>img{margin-left:250px}.spine-footer:before{left:55px;top:-90px;bottom:auto;width:340px;height:250px}.footer-character canvas{overflow:visible}
@media(max-width:900px){.hero{overflow:hidden}.hero-polygons{inset:0}.footer-character{left:50%;top:-142px;bottom:auto;transform:translateX(-50%);width:215px;height:272px}.spine-footer{margin-top:190px}.spine-footer>img{margin-left:auto}}

/* Mines release and footer witch */
.footer-character{top:auto;bottom:0;left:6px;width:300px;height:390px}.spine-footer{min-height:390px;margin-top:120px}.spine-footer>img{margin-left:310px}.spine-footer:before{top:auto;bottom:-75px;left:45px;width:400px;height:310px}
.mines-stats{background:linear-gradient(90deg,#07120b,#11130f,#120a05)}.mines-symbol-section{padding:150px 0}.mines-symbols{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:70px}.mines-symbols article{min-height:480px;padding:28px;background:linear-gradient(180deg,rgba(18,25,20,.9),rgba(9,10,9,.95));border:1px solid rgba(112,255,83,.15);position:relative;overflow:hidden}.mines-symbols article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(35,255,51,.11),transparent 42%);pointer-events:none}.mines-symbols img{display:block;width:100%;height:220px;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,255,35,.18));transition:transform .5s}.mines-symbols article:hover img{transform:scale(1.07) translateY(-5px)}.mines-symbols h3{font-size:28px;font-weight:400;margin:24px 0 12px}.mines-symbols p{color:var(--muted);line-height:1.7}.mines-modes{padding:40px 0 150px}.mines-modes>h2{font-size:clamp(56px,7vw,108px);line-height:.9;margin:35px 0 65px}.mines-modes>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mines-modes article{padding:28px;border:1px solid rgba(150,158,180,.22);border-radius:10px;background:#0b0c0c}.mines-modes article>div,.mines-modes article footer,.mines-modes article footer span{display:flex;justify-content:space-between;gap:20px}.mines-modes h3{margin:0;font-size:25px;font-weight:500}.mines-modes article:nth-child(2) h3,.mines-modes article footer b{color:#21e63d}.mines-modes article:nth-child(3) h3{color:#ff9c23}.mines-modes article:nth-child(4) h3{color:#f1e625}.mines-modes article>div>span,.mines-modes article p,.mines-modes article footer{color:#959db8}.mines-modes article p{line-height:1.65;min-height:78px}.mines-modes article footer{border-top:1px solid rgba(150,158,180,.25);padding-top:18px;flex-direction:column}.mines-modes article footer b{margin-left:auto}.game-card.is-live .status{box-shadow:0 0 20px rgba(224,177,88,.36)}
@media(max-width:900px){.footer-character{left:50%;bottom:0;top:auto;transform:translateX(-50%);width:250px;height:325px}.spine-footer{min-height:500px;margin-top:100px}.spine-footer>img{margin-left:auto}.mines-symbols{grid-template-columns:1fr 1fr}.mines-modes>div{grid-template-columns:1fr}}
@media(max-width:560px){.mines-symbols{grid-template-columns:1fr}.mines-symbol-section{padding:100px 0}.mines-symbols article{min-height:auto}.mines-modes{padding-bottom:100px}}

/* Final footer layout: the Spine character stays attached to the lower edge. */
.spine-footer{
  min-height:360px;
  margin-top:120px;
  overflow:hidden;
  padding-block:54px;
}
.footer-character{
  left:4px;
  top:auto;
  bottom:0;
  width:270px;
  height:350px;
  transform:none;
  z-index:1;
  opacity:0;
  transition:opacity .35s ease;
}
.footer-character.is-spine-ready{opacity:1}
.spine-footer>img{
  margin-left:280px;
  position:relative;
  z-index:2;
}
.spine-footer>p,.spine-footer>div:last-child{position:relative;z-index:2}
.spine-footer:before{
  left:28px;
  top:auto;
  bottom:-85px;
  width:390px;
  height:300px;
  transform:none;
}
@media(max-width:900px){
  .spine-footer{
    min-height:500px;
    margin-top:100px;
    padding:58px 0 205px;
    align-content:start;
  }
  .footer-character{
    left:50%;
    top:auto;
    bottom:0;
    width:150px;
    height:195px;
    transform:translateX(-50%);
  }
  .spine-footer>img{margin-left:auto}
  .spine-footer:before{
    left:50%;
    bottom:-70px;
    width:270px;
    height:210px;
    transform:translateX(-50%);
  }
}
@media(max-width:560px){
  .spine-footer{
    min-height:430px;
    padding:46px 0 158px;
    gap:22px;
  }
  .footer-character{
    width:115px;
    height:150px;
  }
  .spine-footer>p{max-width:280px;margin-inline:auto}
  .spine-footer>div:last-child{gap:14px}
}

/* WordPress integration */
body.admin-bar .nav{top:32px}.nav-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 14px;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.game-filters a{border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);padding:11px 16px;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;transition:.25s}.game-filters a:hover,.game-filters a.is-active{border-color:var(--gold);background:var(--gold);color:#111}.page-view{min-height:100vh}.wp-content{color:#aaa59d;font-size:18px;line-height:1.85}.wp-content>*{margin-block:0 1.4em}.wp-content h2,.wp-content h3,.wp-content h4{color:var(--ink);font-weight:300;letter-spacing:-.045em;line-height:1.05}.wp-content h2{font-size:clamp(44px,6vw,84px);margin-top:1.2em}.wp-content h3{font-size:clamp(30px,4vw,52px)}.wp-content a{color:var(--gold);text-decoration:underline;text-underline-offset:5px}.wp-content img{max-width:100%;height:auto}.wp-content .alignwide,.apl-section.alignwide{width:min(1380px,calc(100vw - 64px));max-width:none;margin-left:50%;transform:translateX(-50%)}.game-editor-content{padding:40px 0 130px}.apl-section{padding-block:90px}.apl-section>.eyebrow{margin-bottom:30px}.apl-section.is-style-apl-panel,.is-style-apl-panel{padding:clamp(34px,6vw,80px);border:1px solid var(--line);background:linear-gradient(145deg,rgba(224,177,88,.07),rgba(18,18,16,.75))}.is-style-apl-feature img{width:100%;max-height:680px;object-fit:cover;filter:saturate(.92) brightness(.88)}.is-style-apl-gold .wp-block-button__link{border-radius:0;background:var(--gold);color:#17120a;padding:17px 22px;font:600 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.11em}.apl-cta h2{font-size:clamp(48px,7vw,100px);max-width:1050px}.navigation.pagination{margin-top:60px}.navigation.pagination .nav-links{display:flex;gap:10px}.navigation.pagination a,.navigation.pagination span{border:1px solid var(--line);padding:10px 14px}.navigation.pagination .current{background:var(--gold);color:#111}.mines-symbols article strong{display:block;margin-top:16px;color:var(--gold);font:500 12px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:900px){body.admin-bar .nav{top:46px}.nav-toggle{display:block}.nav nav{position:absolute;left:0;right:0;top:104px;display:none;flex-direction:column;gap:0;padding:18px;background:rgba(8,8,7,.97);border:1px solid var(--line);backdrop-filter:blur(15px)}.nav nav.is-open{display:flex}.nav nav>a,.nav nav>span{padding:15px}.wp-content .alignwide,.apl-section.alignwide{width:min(100%,calc(100vw - 40px))}}
@media(max-width:782px){body.admin-bar .nav{top:46px}}

/* Home manifesto with the full-height Rio character. */
.manifesto{min-height:820px;padding:120px 0 70px;display:grid;grid-template-columns:minmax(130px,.55fr) minmax(0,2.15fr) minmax(260px,.85fr);gap:clamp(28px,4vw,72px);align-items:center;position:relative;overflow:visible}
.manifesto-copy .statement{max-width:900px;margin:0;font-size:clamp(44px,4.6vw,72px);line-height:1.06}
.manifesto-character{width:min(28vw,370px);height:720px;align-self:end;justify-self:end;visibility:hidden;filter:drop-shadow(0 28px 50px rgba(0,0,0,.68))}
.manifesto-character.is-spine-ready{visibility:visible}.manifesto-character .spine-player{background:transparent!important}
@media(max-width:1100px){.manifesto{grid-template-columns:120px minmax(0,1fr) 240px;min-height:730px;gap:28px}.manifesto-character{width:240px;height:620px}.manifesto-copy .statement{font-size:clamp(42px,5vw,62px)}}
@media(max-width:900px){.manifesto{min-height:auto;padding:110px 0 30px;grid-template-columns:1fr;gap:30px}.manifesto-copy .statement{max-width:650px;font-size:clamp(42px,8vw,58px)}.manifesto-character{width:220px;height:520px;justify-self:center;margin-top:-20px}}
@media(max-width:560px){.manifesto{padding:90px 0 15px;gap:24px}.manifesto-copy .statement{font-size:39px;line-height:1.08}.manifesto-character{width:155px;height:390px;margin-top:-8px}}

/* Balanced editorial layout and consistent news cards. */
.news-grid>a{display:flex;flex-direction:column}
.news-grid>a>div{display:flex;flex:1;flex-direction:column}
.news-grid p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news-grid b{margin-top:auto;padding-top:25px}
.article-view{width:min(1120px,calc(100% - 64px))}
.article-view>a,.article-view>.eyebrow{display:block;width:min(900px,100%);margin-inline:auto}
.article-view>.eyebrow{margin-top:64px}
.article-view h1{max-width:1000px;margin:40px auto 64px;font-size:clamp(54px,7vw,104px);line-height:.94}
.article-image{max-width:1100px;margin:0 auto 64px}
.article-lead{max-width:780px;margin-inline:auto;font-size:clamp(20px,2vw,30px)}
.article-body{max-width:760px;margin:64px auto 0;font-size:18px}
@media(max-width:560px){.article-view{width:min(100% - 32px,680px);padding-top:140px}.article-view>.eyebrow{margin-top:46px}.article-view h1{margin:30px auto 42px;font-size:clamp(44px,14vw,64px)}.article-image{margin-bottom:42px}.article-lead{font-size:20px}.article-body{margin-top:42px;font-size:17px}.news-grid p{-webkit-line-clamp:4}}

/* Crime: Rio Nights uses artwork with its own colour palette, so keep symbol cards neutral. */
.game-page--crime-rio-nights .mines-symbols article{background:linear-gradient(180deg,#151513,#0a0a09);border-color:var(--line)}
.game-page--crime-rio-nights .mines-symbols article:before{display:none}
.game-page--crime-rio-nights .mines-symbols img{filter:drop-shadow(0 15px 28px rgba(0,0,0,.42))}

/* Full-height animated character in the game partnership CTA. */
.game-contact{min-height:760px;padding:120px 0 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,390px);gap:clamp(36px,6vw,100px);align-items:end;overflow:visible}
.game-contact-copy{align-self:center;position:relative;z-index:2}
.game-contact-copy>p{color:var(--gold);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.14em}
.game-contact-character{width:min(30vw,390px);height:680px;align-self:end;justify-self:end;visibility:hidden;filter:drop-shadow(0 28px 50px rgba(0,0,0,.68))}
.game-contact-character.is-spine-ready{visibility:visible}
.game-contact-character .spine-player{background:transparent!important}
@media(max-width:1000px){.game-contact{grid-template-columns:minmax(0,1fr) 250px;min-height:680px;gap:28px}.game-contact-character{width:250px;height:570px}.game-contact h2{font-size:clamp(48px,7vw,76px)}}
@media(max-width:720px){.game-contact{min-height:auto;padding:100px 0 0;grid-template-columns:1fr;gap:28px}.game-contact-copy{align-self:start}.game-contact-character{width:220px;height:500px;justify-self:center}.game-contact h2{font-size:clamp(46px,13vw,66px)}}
@media(max-width:420px){.game-contact-character{width:175px;height:410px}.game-contact{gap:18px}.game-contact h2{font-size:44px}}