:root{
  --bg:#080a08;
  --bg-soft:#0c0f0c;
  --surface:#111511;
  --surface-2:#171b17;
  --ink:#f0f0e9;
  --muted:#a7aba2;
  --faint:#6f756d;
  --line:#2b302b;
  --orange:#ef6f38;
  --orange-soft:#ff9867;
  --pista:#82d8c9;
  --filtro:#e6c77e;
  --tabu:#de4c72;
  --max:1180px;
  --serif:Georgia,"Times New Roman",serif;
  --mono:"Courier New",ui-monospace,monospace;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{touch-action:manipulation}
.section-shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.site-header{height:82px;display:flex;align-items:center;gap:34px;padding:0 max(20px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(8,10,8,.94);backdrop-filter:blur(12px)}
.brand,.footer-brand{font-family:var(--serif);font-size:1.55rem;letter-spacing:.06em}.brand span,.footer-brand span{color:var(--orange)}
.desktop-nav{display:flex;gap:28px;margin-left:auto;color:#b6bab2;font:700 .68rem/1 var(--mono);letter-spacing:.11em;text-transform:uppercase}.desktop-nav a:hover{color:var(--ink)}
.header-login{border:1px solid var(--line);padding:11px 14px;font:700 .66rem/1 var(--mono);letter-spacing:.08em;color:#d4d7cf}.header-login:hover{border-color:#646b62}
.hero{min-height:calc(100svh - 82px);padding-top:72px;padding-bottom:30px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);grid-template-rows:1fr auto;gap:40px 72px;align-items:center}
.hero-copy h1,.statement h2,.section-heading h2,.pack h2,.inside h2,.final-cta h2{font:400 clamp(3.5rem,7vw,6.6rem)/.87 var(--serif);letter-spacing:-.055em;margin:0}.hero-copy h1 em,.statement h2 em,.pack h2 em,.inside h2 em,.final-cta h2 em{font-weight:400;color:var(--orange);font-style:italic}
.hero-lead{font-size:1.18rem;line-height:1.55;color:#b6bbb2;max-width:560px;margin:30px 0 0}
.hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;min-height:50px;padding:0 21px;font:700 .72rem/1 var(--mono);letter-spacing:.07em}.button.primary{background:var(--orange);color:#0b0c0a}.button.primary:hover{background:var(--orange-soft)}.button.primary:disabled{opacity:.4;cursor:not-allowed}.text-button{background:transparent;color:#d9ddd5;border-bottom:1px solid #767c73;padding-inline:3px;min-height:36px}.text-button.left{justify-content:flex-start}.text-button:hover{color:#fff;border-color:#fff}
.hero-art{height:min(580px,66vh);min-height:430px;position:relative;display:flex;align-items:center;justify-content:center}.poster{position:absolute;width:34%;aspect-ratio:.68;border:1px solid rgba(255,255,255,.13);padding:20px;box-shadow:0 30px 70px rgba(0,0,0,.43);display:flex;flex-direction:column;overflow:hidden}.poster:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.09);pointer-events:none}.poster-pista{left:5%;top:15%;background:radial-gradient(circle at 72% 18%,rgba(130,216,201,.25),transparent 34%),linear-gradient(150deg,#15231f,#0d1110);transform:rotate(-8deg)}.poster-filtro{left:33%;top:2%;background:radial-gradient(circle at 35% 30%,rgba(230,199,126,.28),transparent 32%),linear-gradient(160deg,#292313,#11100c);z-index:2;transform:rotate(2deg)}.poster-tabu{right:3%;top:18%;background:radial-gradient(circle at 70% 38%,rgba(222,76,114,.28),transparent 34%),linear-gradient(155deg,#281018,#110c0f);transform:rotate(8deg)}
.poster-index{font:700 .65rem var(--mono);letter-spacing:.14em;color:#9ba099}.poster-mark{font:400 clamp(2.4rem,5vw,5rem)/1 var(--serif);margin:auto 0;color:#e8ebe4}.poster-mark.small{font:700 clamp(1.5rem,2.8vw,2.6rem)/1 var(--mono)}.poster strong{font:400 clamp(1.55rem,2.7vw,2.7rem)/.88 var(--serif);letter-spacing:-.05em}.poster small{font:700 .57rem/1.45 var(--mono);letter-spacing:.09em;color:#a4aaa1;margin-top:16px}
.hero-foot{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#777e74;font:700 .62rem var(--mono);letter-spacing:.1em}
.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#e8ebe4;color:#111410;padding:112px 0}.statement p{font:700 .67rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 24px;color:#666b63}.statement h2{font-size:clamp(3.2rem,6vw,6rem);max-width:980px}.statement h2 em{color:#111410;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px}
.games{padding-top:120px;padding-bottom:120px}.section-heading{margin-bottom:54px}.section-heading h2{font-size:clamp(3rem,5.4vw,5.4rem)}.section-number{display:block;color:#7d8379;font:700 .64rem var(--mono);letter-spacing:.12em;margin-bottom:16px}.split-heading{display:grid;grid-template-columns:1fr 330px;gap:40px;align-items:end}.split-heading>p{margin:0;color:#9ea49b;line-height:1.7}
.game-feature{display:grid;grid-template-columns:1.12fr .88fr;min-height:570px;border-top:1px solid var(--line);padding:58px 0;gap:72px;align-items:center}.game-feature.reverse{grid-template-columns:.88fr 1.12fr}.game-feature.reverse .game-visual{order:2}.game-feature.reverse .game-copy{order:1}.game-visual{min-height:440px;border:1px solid var(--line);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px;overflow:hidden}.game-visual:after{content:"";position:absolute;width:60%;aspect-ratio:1;border-radius:50%;filter:blur(10px);opacity:.25;right:-10%;top:8%}.game-pista .game-visual{background:linear-gradient(145deg,#111a17,#0b0f0e)}.game-pista .game-visual:after{background:var(--pista)}.game-filtro .game-visual{background:linear-gradient(145deg,#201b0f,#0e0d09)}.game-filtro .game-visual:after{background:var(--filtro)}.game-tabu .game-visual{background:linear-gradient(145deg,#221017,#0f0b0d)}.game-tabu .game-visual:after{background:var(--tabu)}.visual-code{font:700 .65rem var(--mono);letter-spacing:.1em;color:#8f968c;z-index:1}.visual-glyph{font:400 clamp(8rem,18vw,14rem)/.8 var(--serif);align-self:center;z-index:1}.visual-glyph.small{font:700 clamp(4rem,9vw,7rem)/1 var(--mono);letter-spacing:-.08em}.game-pista .visual-glyph{color:var(--pista)}.game-filtro .visual-glyph{color:var(--filtro)}.game-tabu .visual-glyph{color:var(--tabu)}.visual-title{font:400 clamp(2rem,4vw,4rem)/.9 var(--serif);letter-spacing:-.05em;z-index:1}
.game-copy{max-width:500px}.game-meta{display:flex;gap:18px;color:#858b81;font:700 .61rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.game-copy h3{font:400 clamp(2.6rem,4.5vw,4.5rem)/.92 var(--serif);letter-spacing:-.045em;margin:22px 0}.game-copy p{color:#a4aaa1;line-height:1.7}.game-copy ul{list-style:none;padding:0;margin:28px 0;display:grid;gap:11px}.game-copy li{border-top:1px solid var(--line);padding-top:11px;color:#c3c7bf;font-size:.9rem}.select-from-card{background:none;border:0;border-bottom:1px solid #767c73;color:#e5e8e1;padding:7px 0;font:700 .68rem var(--mono);letter-spacing:.08em;cursor:pointer}.select-from-card:hover{border-color:#fff}
.coming-soon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px}.coming-soon h3{font:400 2rem var(--serif);margin:0}.coming-list{display:grid}.coming-list div{display:flex;justify-content:space-between;gap:30px;padding:14px 0;border-bottom:1px solid var(--line)}.coming-list div:last-child{border-bottom:0}.coming-list strong{font:700 .72rem var(--mono);letter-spacing:.08em}.coming-list span{color:#747a71;font-size:.83rem}
.how{background:#111511;border-block:1px solid var(--line);padding:110px 0}.how .section-heading h2{font-size:clamp(3rem,5vw,5rem)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.steps article{padding:28px 26px 10px 0;border-right:1px solid var(--line);min-height:220px}.steps article+article{padding-left:26px}.steps article:last-child{border-right:0}.steps span{font:700 .65rem var(--mono);color:var(--orange)}.steps h3{font:400 1.75rem var(--serif);margin:48px 0 10px}.steps p{color:#8f958b;font-size:.88rem;line-height:1.65}
.pack{padding-top:120px;padding-bottom:120px}.pack-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.pack h2{font-size:clamp(3.3rem,5.5vw,5.5rem)}.pack-copy>p{color:#939990;max-width:500px}.price-row{display:flex;align-items:end;gap:24px;border-block:1px solid var(--line);padding:25px 0;margin:34px 0 18px}.price-row strong{font:400 clamp(2.8rem,5vw,4.7rem)/1 var(--serif)}.price-row span{font:700 .61rem/1.55 var(--mono);letter-spacing:.08em;color:#7f857c}.price-note{font-size:.8rem!important}.pack-builder{border:1px solid var(--line);background:#0d100d;padding:27px}.builder-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--line)}.builder-head>div>span{font:700 .61rem var(--mono);color:#767d73;letter-spacing:.1em}.builder-head h3{font:400 2rem var(--serif);margin:5px 0 0}.builder-head>strong{font:400 2.2rem var(--serif);color:var(--orange)}.game-options{display:grid;margin:12px 0 24px}.game-option{appearance:none;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);display:grid;grid-template-columns:46px 1fr 24px;align-items:center;text-align:left;padding:17px 4px;cursor:pointer}.game-option:hover:not(:disabled){background:#121612}.game-option.selected{background:#151a15}.option-no{font:700 .61rem var(--mono);color:#6d746a}.game-option b{font:400 1.2rem var(--serif)}.game-option small{display:block;margin-top:3px;color:#777e74;font-size:.76rem}.game-option i{width:16px;height:16px;border:1px solid #596057;position:relative}.game-option.selected i{background:var(--orange);border-color:var(--orange)}.game-option.selected i:after{content:"";position:absolute;width:7px;height:4px;border-left:2px solid #0b0c0a;border-bottom:2px solid #0b0c0a;transform:rotate(-45deg);left:3px;top:3px}.game-option.disabled{opacity:.35;cursor:not-allowed}.checkout-trigger{width:100%}.builder-help{text-align:center;color:#7e857b;font-size:.78rem;margin:13px 0 0}
.inside{padding:80px 0 120px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;border-top:1px solid var(--line)}.inside h2{font-size:clamp(3.2rem,5.2vw,5.3rem)}.inside-copy p{color:#92988f;line-height:1.7;max-width:480px;margin-bottom:25px}.inside-frame{display:flex;justify-content:center}.app-window{width:min(100%,440px);background:#0b0d0b;border:1px solid #353b34;padding:20px;box-shadow:0 26px 70px rgba(0,0,0,.4)}.app-top{display:flex;justify-content:space-between;font-family:var(--serif)}.app-top strong{font-size:1.4rem}.app-top span{color:#777}.app-rule{height:1px;background:#343a33;margin:15px 0 45px}.app-window>small{font:700 .55rem var(--mono);letter-spacing:.12em;color:#8a9186}.app-window h3{font:400 3.1rem/.9 var(--serif);margin:10px 0}.app-window h3 em{color:var(--orange);font-weight:400}.app-window>p{color:#858c82;font-size:.83rem}.mini-game{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border-top:1px solid #313630;padding:15px 0}.mini-game span{font:.58rem var(--mono);color:#6d746a}.mini-game b{font:400 1rem var(--serif)}.mini-game i{font:700 .53rem var(--mono);color:#a0a69d;font-style:normal}
.faq{padding-top:100px;padding-bottom:120px;border-top:1px solid var(--line)}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:25px 0;display:flex;justify-content:space-between;gap:20px;font:400 1.35rem var(--serif)}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-family:var(--sans);font-weight:300;color:#7b8278}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:#92988f;max-width:760px;margin:0 0 27px;line-height:1.7}
.final-cta{background:var(--orange);color:#0c0e0c}.final-inner{min-height:440px;display:flex;align-items:center;justify-content:space-between;gap:50px}.final-cta h2{font-size:clamp(3.7rem,6.5vw,6.8rem)}.final-cta h2 em{color:#0c0e0c;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.button.light{background:#0b0d0b;color:#f0f0e9;white-space:nowrap}.button.light:hover{background:#202520}
.footer{padding-top:52px;padding-bottom:52px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font:700 .61rem var(--mono);letter-spacing:.07em;color:#9ea49b}.footer-links a:hover{color:#fff}.footer p{margin:0;text-align:right;color:#60675e;font-size:.74rem}
.purchase-modal[hidden]{display:none}.purchase-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:20px;opacity:0;transition:opacity .18s ease}.purchase-modal.open{opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(100%,620px);background:#101410;border:1px solid #3a4039;padding:32px;transform:translateY(16px);transition:transform .18s ease}.purchase-modal.open .modal-card{transform:none}.modal-close{position:absolute;right:17px;top:14px;background:none;border:0;color:#aeb3ab;font-size:2rem;cursor:pointer}.modal-card h2{font:400 3rem var(--serif);margin:8px 0 25px}.purchase-games{border-top:1px solid var(--line)}.purchase-games div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.purchase-games b{font:700 .57rem var(--mono);color:var(--orange);letter-spacing:.08em}.purchase-total{display:flex;justify-content:space-between;align-items:end;padding:24px 0}.purchase-total span{color:#828980}.purchase-total strong{font:400 2rem var(--serif)}.payment-preview{display:grid;gap:9px}.payment-preview button{border:1px solid var(--line);background:#0b0e0b;color:#757c73;text-align:left;padding:15px 16px}.payment-preview b{display:block;color:#9aa096}.payment-preview span{display:block;font-size:.74rem;margin-top:4px}.modal-note{color:#777e75;font-size:.75rem}.modal-app-link{margin-top:8px}.toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e8ebe4;color:#111410;padding:12px 15px;font-size:.78rem;transition:.2s;box-shadow:0 12px 30px rgba(0,0,0,.35)}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Active commercial actions must read as clear CTAs. */
.payment-preview button:not(:disabled){background:var(--orange);border-color:var(--orange);color:#0b0c0a;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.payment-preview button:not(:disabled):hover{background:var(--orange-soft);border-color:var(--orange-soft)}
.payment-preview button:not(:disabled):active{transform:translateY(1px)}
.payment-preview button:not(:disabled) b,.payment-preview button:not(:disabled) span{color:#0b0c0a}

/* Legal access stays visible in the commercial first view without competing with the purchase CTA. */
.hero-withdrawal{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;color:#6f756d;font:700 .58rem/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.hero-withdrawal a{color:#a7aba2;border-bottom:1px solid #4a5049;padding-bottom:2px}
.hero-withdrawal a:hover{color:#e4e7df;border-color:#777e75}

/* After an order exists, the route into the actual game platform must be unmistakable. */
.modal-app-link.primary{display:flex;justify-content:center;align-items:center;width:100%;margin-top:14px;text-align:center}