@font-face{font-family:Satoshi;src:url("assets/satoshi-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url("assets/satoshi-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Satoshi;src:url("assets/satoshi-900.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}

:root{color-scheme:dark;--bg:#260810;--surface:#360d18;--gold:#ffd27b;--ivory:#fff6e9;--muted:#c9abb0;--line:#6b3940;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{min-width:320px;scrollbar-color:var(--line) var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 76% 38%,#681c2d 0,transparent 53%),var(--bg);color:var(--ivory);font-family:Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:12px;border:1px solid #a9664540;pointer-events:none;z-index:-1}
::selection{background:var(--gold);color:var(--bg)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}
img{max-width:100%;display:block;height:auto}
svg{display:block;flex-shrink:0}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.icon,.bonus-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;top:12px;left:24px;z-index:10;padding:14px 20px;background:var(--gold);color:var(--bg);transform:translateY(-160%);font-weight:700}
.skip-link:focus{transform:translateY(0)}
.site-shell{width:min(1200px,calc(100% - 112px));margin-inline:auto;min-height:100svh;display:flex;flex-direction:column}
.site-header{height:120px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}
.brand{display:block;width:226px;flex-shrink:0}
.utility-nav{display:flex;gap:34px;align-items:center}
.utility-nav a{display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;font-weight:700;color:#edd7d1;transition:color .2s ease}
.utility-nav a:hover{color:var(--gold)}
.utility-nav .icon{color:var(--gold);width:19px;height:19px}
main{flex:1;display:flex;flex-direction:column;justify-content:center}
.hero{position:relative;display:grid;grid-template-columns:46% 54%;align-items:center;min-height:575px;padding-block:52px 46px}
.hero-content{grid-column:1;grid-row:1;position:relative;z-index:1}
h1{font-size:clamp(24px,2.5vw,36px);font-weight:900;line-height:1.16;letter-spacing:-.025em;margin:0 0 30px;max-width:560px}
h1 strong{display:flex;align-items:baseline;gap:4px;color:var(--gold);font-size:clamp(104px,11.5vw,164px);line-height:1.02;letter-spacing:-.04em;margin-top:6px}
h1 strong span{font-size:.44em;letter-spacing:-.035em;margin-right:6px}
.actions{display:grid;gap:12px;max-width:386px}
.button{min-height:58px;padding:15px 20px;display:flex;align-items:center;gap:14px;border-radius:10px;font-size:16px;font-weight:700;transition:background-color .25s ease,transform .25s var(--ease),border-color .25s ease}
.button .arrow{margin-left:auto;width:19px;transition:transform .25s var(--ease)}
.button:hover .arrow{transform:translateX(4px)}
.button:active{transform:scale(.985)}
.button-primary{background:var(--gold);color:#32100f}
.button-primary:hover{background:#ffe0a1;transform:translateY(-2px)}
.button-secondary{border:1px solid #9c6c61;color:var(--ivory);background:#321019}
.button-secondary:hover{background:#4b1724;border-color:var(--gold)}
.requirements{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:19px;color:var(--muted);font-size:11px}
.requirements span{display:flex;align-items:center;gap:5px}
.requirements svg{width:16px;height:16px}
.hero-art{grid-column:2;grid-row:1;align-self:center;position:relative;width:120%;margin-left:-10%;isolation:isolate}
.characters{position:relative;z-index:1;width:100%;animation:stage-enter 1s var(--ease) both;transform-origin:50% 80%}
.stage-ring{position:absolute;z-index:-1;width:75%;aspect-ratio:1;border:1px solid #c591583f;border-radius:50%;left:13%;top:-5%;box-shadow:0 0 0 28px #ae714608,0 0 0 29px #c591581b}
.stage-ring::after{content:"";position:absolute;inset:9%;border:1px solid #c5915821;border-radius:50%}
.bonus-rail{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:dense;border-block:1px solid var(--line);padding-block:29px;margin-top:8px}
.bonus-item{display:flex;gap:22px;align-items:center;justify-content:center;padding-inline:28px}
.bonus-icon{width:43px;height:43px;color:var(--gold);stroke-width:1.2}
.bonus-item p{margin:0;display:flex;align-items:center;gap:22px}
.vip-item strong{font-size:45px;letter-spacing:-.03em;line-height:1;font-weight:900;color:var(--gold)}
.bonus-item p span{font-size:12px;font-weight:700;line-height:1.8;letter-spacing:.035em}
.daily-item{border-left:1px solid var(--line)}
.daily-item p{display:block}
.daily-item strong{display:block;font-size:20px;font-weight:900;letter-spacing:-.02em;color:var(--gold)}
.daily-item p span{display:block;margin-top:2px}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 0 32px;color:var(--muted)}
.footer-brand{font-size:20px;letter-spacing:-.035em;color:#dbc0b4;font-weight:900}
.footer-brand span{font-size:13px;font-weight:400}
.site-footer p{margin:0;font-size:11px}
@keyframes stage-enter{from{transform:translateY(16px) scale(.97);filter:brightness(.85)}to{transform:translateY(0) scale(1);filter:brightness(1)}}

@media(min-width:1500px){.hero{min-height:650px}.site-header{height:134px}}
@media(max-width:1050px){.site-shell{width:calc(100% - 72px)}.hero{min-height:540px;grid-template-columns:47% 53%}.hero-art{width:118%;margin-left:-9%}.utility-nav{gap:24px}.bonus-item{gap:14px;padding-inline:16px}.bonus-item p{gap:14px}.vip-item strong{font-size:36px}.bonus-icon{width:32px;height:32px}.daily-item strong{font-size:18px}.bonus-item p span{font-size:10px}.requirements{gap:8px 10px;font-size:10px}}
@media(max-width:760px){
  body{background:radial-gradient(ellipse 100% 55% at 50% 23%,#65192b 0,transparent 90%),var(--bg)}
  body::before{inset:7px}
  .site-shell{width:calc(100% - 44px);max-width:540px}
  .site-header{height:87px;gap:16px}
  .brand{width:156px}
  .utility-nav{gap:12px}
  .utility-nav a{flex-direction:column;justify-content:center;gap:4px;min-width:38px;font-size:9px;min-height:44px}
  .utility-nav .icon{width:18px;height:18px}
  .hero{display:flex;flex-direction:column;min-height:0;padding:28px 0 30px}
  .hero-art{width:112%;max-width:520px;margin:0;align-self:center}
  .stage-ring{width:64%;left:18%;top:-2%;box-shadow:0 0 0 16px #ae714608,0 0 0 17px #c591581b}
  .hero-content{width:100%;text-align:center;margin-top:15px}
  h1{font-size:clamp(22px,5.6vw,31px);line-height:1.15;margin:0 auto 23px;max-width:100%}
  h1 strong{display:inline-flex;font-size:clamp(67px,18vw,100px);vertical-align:baseline;line-height:1;margin:0 0 0 6px;gap:0}
  h1 strong span{font-size:.51em;margin-right:2px}
  .actions{max-width:none;gap:10px}
  .button{min-height:55px;text-align:left;font-size:15px;padding:14px 18px}
  .requirements{justify-content:center;font-size:10px;gap:8px 14px;margin-top:16px}
  .requirements svg{width:14px;height:14px}
  .bonus-rail{grid-template-columns:1fr;margin-top:0;padding:0}
  .bonus-item{justify-content:flex-start;padding:23px 10px;gap:20px}
  .bonus-icon{width:34px;height:34px}
  .bonus-item p{gap:20px}
  .vip-item strong{font-size:36px}
  .bonus-item p span{font-size:10px;line-height:1.7}
  .daily-item{border-left:0;border-top:1px solid var(--line)}
  .daily-item strong{font-size:19px}
  .site-footer{padding:24px 0 27px;flex-direction:column;gap:9px;text-align:center}
  .footer-brand{font-size:18px}
  .site-footer p{font-size:10px}
}
@media(max-width:360px){.site-shell{width:calc(100% - 36px)}.brand{width:133px}.site-header{gap:10px}.utility-nav{gap:7px}.hero{padding-top:24px}.bonus-item{gap:15px;padding-inline:3px}.bonus-item p{gap:15px}.requirements{font-size:9px;gap:8px}.button{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.button{border:1px solid ButtonText}.stage-ring{display:none}}