:root{--bg:#0b0806;--bg2:#120d09;--panel:#16110c;--panel2:#1d160f;--line:rgba(255,200,120,.12);--line2:rgba(255,200,120,.24);--text:#f3e9d8;--muted:#b9a88c;--dim:#86775f;
  --gold:#f7a91c;--gold2:#ffc94a;--grad:linear-gradient(90deg,#ff8a1c,#ffc61a);--r:22px;--ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--disp:"Fraunces",Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:radial-gradient(1200px 700px at 80% -10%,rgba(247,169,28,.13),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(199,125,255,.07),transparent 60%),var(--bg);color:var(--text);font:16px/1.6 var(--ui);overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.wrap{max-width:1220px;margin:0 auto;padding:0 24px}
.top{position:sticky;top:0;z-index:30;background:rgba(11,8,6,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:22px;height:66px}
.brand{display:flex;align-items:center;gap:10px;font:900 22px var(--disp)}.brand img{width:34px;height:34px}.brand em{font:700 11px var(--ui);font-style:normal;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}
.nav{display:flex;gap:4px;margin-left:auto}.nav a{padding:8px 14px;border-radius:10px;font-weight:600;font-size:14.5px;color:var(--muted)}.nav a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.nav a.navsoul{color:#1a1004;background:var(--grad);font-weight:800}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:14px;font-weight:800;font-size:16px;border:1px solid var(--line2);transition:transform .15s,filter .15s}
.btn:hover{transform:translateY(-2px)}.btn.gold{background:var(--grad);color:#1a1004;border-color:transparent;box-shadow:0 14px 40px rgba(247,169,28,.3)}.btn.gold:hover{filter:brightness(1.07)}
.btn.ghost{color:var(--gold2)}.btn.ghost:hover{background:rgba(255,200,120,.06)}
.hero{padding:70px 0 40px}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.kick{font-weight:800;font-size:13px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
h1{font:900 clamp(42px,6vw,76px)/1.02 var(--disp);letter-spacing:-.02em;margin:14px 0 18px}h1 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;color:#d8ccb6;max-width:560px}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.collage{position:relative;height:440px}
.collage figure{position:absolute;border-radius:18px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 30px 70px rgba(0,0,0,.55);background:#0d0a07}
.collage figure img{width:100%;height:100%;object-fit:cover}.collage figcaption{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:8px;background:rgba(0,0,0,.6);font-weight:800;font-size:12.5px}
.c1{width:62%;height:62%;left:0;top:10%;transform:rotate(-3deg);z-index:2}.c2{width:52%;height:52%;right:0;top:0;transform:rotate(4deg)}.c3{width:50%;height:50%;right:4%;bottom:0;transform:rotate(-2deg);z-index:3}.c4{width:40%;height:40%;left:10%;bottom:-4%;transform:rotate(3deg);z-index:1}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:10px 0 60px}
.stat{padding:22px;border-radius:18px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line)}.stat b{display:block;font:900 34px/1 var(--disp);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.stat small{color:var(--muted);font-size:14px}
h2{font:900 clamp(30px,4vw,44px)/1.1 var(--disp);margin-bottom:10px}.sub{color:var(--muted);font-size:17px;max-width:640px;margin-bottom:28px}
.games{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:70px}
.game{--a:#f7a91c;position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--a) 9%,var(--panel2)),var(--panel));border:1px solid color-mix(in srgb,var(--a) 28%,transparent);transition:transform .2s,box-shadow .2s,border-color .2s}
.game:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px color-mix(in srgb,var(--a) 55%,transparent);border-color:color-mix(in srgb,var(--a) 55%,transparent)}
.shot{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0d0a07}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.game:hover .shot img{transform:scale(1.04)}
.shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,8,6,.92))}
.chips{position:absolute;left:16px;top:16px;z-index:2;display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 11px;border-radius:999px;font-weight:800;font-size:12px;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.chip.a{background:var(--a);color:#120d09;border-color:transparent}
.gbody{padding:4px 24px 24px;margin-top:-56px;position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;flex:1}
.gbody h3{font:900 32px/1.05 var(--disp)}.gbody p{color:#d6c9b2}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin:4px 0 6px;list-style:none}.facts li{font-size:14px;color:var(--muted);padding-left:16px;position:relative}.facts li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:2px;background:var(--a)}
.facts b{color:var(--text);font-weight:700}
.gact{display:flex;gap:10px;margin-top:auto;padding-top:8px}.gact .btn{padding:11px 18px;font-size:15px}.gact .btn.play{background:var(--a);color:#120d09;border-color:transparent}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:70px;counter-reset:s}
.step{counter-increment:s;padding:24px;border-radius:18px;background:var(--panel);border:1px solid var(--line);position:relative}
.step::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--grad);color:#1a1004;font-weight:900;margin-bottom:12px}
.step h4{font-size:18px;margin-bottom:4px}.step p{font-size:14.5px;color:var(--muted)}
.soul{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding:42px;border-radius:28px;margin-bottom:70px;
  background:radial-gradient(circle at 85% 30%,rgba(255,198,26,.25),transparent 55%),linear-gradient(135deg,#2a1d10,#140e09);border:1px solid var(--line2)}
.soul .orb{width:220px;height:220px;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#ffb43a 35%,#b0560e 70%,#3a1a06);box-shadow:0 0 80px rgba(255,170,40,.45),inset -20px -30px 60px rgba(0,0,0,.35);animation:pulse 5s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 120px rgba(255,170,40,.65),inset -20px -30px 60px rgba(0,0,0,.35)}}
.soul ul{list-style:none;margin:16px 0 22px;display:grid;gap:8px}.soul li{padding-left:26px;position:relative;color:#e6d9c2}.soul li::before{content:"✓";position:absolute;left:0;color:var(--gold2);font-weight:900}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:70px}.faq div{padding:20px 22px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.faq h4{font-size:16.5px;margin-bottom:6px}.faq p{font-size:14.5px;color:var(--muted)}
.foot{border-top:1px solid var(--line);padding:34px 0 50px;color:var(--dim);font-size:13.5px}.foot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{color:var(--muted);margin-right:16px}.foot a:hover{color:var(--text)}
/* game pages */
.ghero{position:relative;min-height:520px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);overflow:hidden}
.ghero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.ghero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,8,6,.94) 0%,rgba(11,8,6,.7) 45%,rgba(11,8,6,.2)),linear-gradient(0deg,var(--bg),transparent 40%)}
.ghero .wrap{position:relative;z-index:2;padding-bottom:96px;width:100%}.ghero h1{max-width:760px}.ghero .lead{max-width:620px}
.gfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:40px 0 50px}
.gf{padding:20px 22px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--a) 8%,var(--panel2)),var(--panel));border:1px solid color-mix(in srgb,var(--a) 25%,transparent)}.gf small{display:block;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--a)}.gf b{font-size:17px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px}.box{padding:28px;border-radius:22px;background:var(--panel);border:1px solid var(--line)}.box ul{list-style:none;display:grid;gap:10px;margin-top:10px}.box li{padding-left:22px;position:relative;color:#ddd1bb}.box li::before{content:"◆";position:absolute;left:0;color:var(--a);font-size:12px;top:3px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:60px}.gallery a{border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;background:#0d0a07}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery a:hover img{transform:scale(1.05)}
.others{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:70px}.other{display:flex;gap:14px;align-items:center;padding:12px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.other img{width:96px;height:60px;object-fit:cover;border-radius:10px}.other b{display:block}.other small{color:var(--muted)}
.note{color:var(--dim);font-size:13px;margin:-34px 0 50px}

.gstats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:-46px 0 30px;position:relative;z-index:3;border-radius:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--a) 30%,transparent);background:rgba(18,13,9,.92);backdrop-filter:blur(10px)}
.gs{padding:22px 24px;border-right:1px solid var(--line)}.gs:last-child{border-right:0}.gs b{display:block;font:900 32px/1.05 var(--disp);color:var(--a)}.gs small{color:var(--muted);font-size:13.5px}
.sec{margin:0 0 64px}.sec h2{margin-bottom:12px}.eyebrow{display:block;font-weight:800;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--a,var(--gold));margin-bottom:8px}
.intro p{font-size:20px;line-height:1.65;color:#e4d8c2;max-width:920px;border-left:3px solid var(--a);padding-left:22px}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.ft{padding:24px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--a) 7%,var(--panel2)),var(--panel));border:1px solid var(--line);transition:border-color .2s,transform .2s}.ft:hover{border-color:color-mix(in srgb,var(--a) 45%,transparent);transform:translateY(-3px)}
.fi{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;font-size:26px;background:color-mix(in srgb,var(--a) 16%,transparent);border:1px solid color-mix(in srgb,var(--a) 35%,transparent);margin-bottom:14px}
.ft h4{font:800 19px var(--ui);margin-bottom:6px}.ft p{color:var(--muted);font-size:15px}
.agames{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.ag{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:22px;background:radial-gradient(400px 200px at 0 0,color-mix(in srgb,var(--a) 18%,transparent),transparent 70%),var(--panel);border:1px solid color-mix(in srgb,var(--a) 35%,transparent)}
.ag-top{display:flex;gap:14px;align-items:center}.ag-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;font-size:30px;background:color-mix(in srgb,var(--a) 18%,transparent)}.ag h3{font:900 24px var(--disp)}.ag small{color:var(--a);font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.ag p{color:#d9ccb5}.ag ul{list-style:none;display:grid;gap:6px;margin-bottom:6px}.ag li{font-size:14px;color:var(--muted);padding-left:18px;position:relative}.ag li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--a)}
.ag .btn.play{margin-top:auto;align-self:flex-start;background:var(--a);color:#120d09;border-color:transparent}
.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.keys div{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
kbd{min-width:64px;text-align:center;padding:6px 10px;border-radius:9px;font:800 13px var(--ui);background:#0f0b07;border:1px solid var(--line2);border-bottom-width:3px;color:var(--text)}.keys span{color:#ddd1bb}
.chips2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.chips2 div{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.chips2 span{font-size:24px}.chips2 b{font-weight:700}
.flow .step h4{font-size:16.5px;font-weight:700;line-height:1.4}
.box h3{font:900 26px var(--disp);margin-bottom:4px}
.relic{display:flex;gap:18px;align-items:center;padding:24px 26px;border-radius:20px;margin:-30px 0 64px;background:linear-gradient(135deg,rgba(199,125,255,.14),rgba(255,198,26,.08));border:1px solid rgba(199,125,255,.35)}.relic>span{font-size:40px}.relic b{font-size:18px}.relic p{color:#d9ccb5;font-size:15px}
.endcta{text-align:center;padding:56px 24px;border-radius:28px;margin-bottom:70px;background:radial-gradient(600px 260px at 50% 0,color-mix(in srgb,var(--a) 22%,transparent),transparent 70%),var(--panel);border:1px solid color-mix(in srgb,var(--a) 35%,transparent)}.endcta p{color:var(--muted);margin:6px 0 22px}
.ghero .ctas .btn{padding:12px 20px}
@media (max-width:980px){.gstats{grid-template-columns:1fr 1fr;margin-top:-30px}.gs:nth-child(2){border-right:0}.gs{border-bottom:1px solid var(--line)}.fgrid,.agames,.keys,.chips2{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fgrid,.agames,.keys,.chips2{grid-template-columns:1fr}.intro p{font-size:17px}.gs b{font-size:26px}}
@media (max-width:980px){.hero .wrap,.soul,.two{grid-template-columns:1fr}.collage{height:340px}.games{grid-template-columns:1fr}.stats,.flow{grid-template-columns:1fr 1fr}.gfacts,.gallery,.others{grid-template-columns:1fr 1fr}.nav a:not(.navsoul){display:none}}
@media (max-width:560px){.stats,.flow,.faq,.gfacts,.gallery,.others,.facts{grid-template-columns:1fr}.soul{padding:26px}.ghero{min-height:440px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}