/* design tokens */
:root {
  --brand-primary: #1FE0FF;
  --brand-secondary: #FF2DAA;
  --brand-accent: #FFB020;
  --brand-ink: #F6F8FF;
  --brand-slate: #7A86A5;
  --brand-mist: #1A2345;
  --brand-border: #25325C;
  --brand-surface: #121A33;
  --brand-bg: #0B1020;
  --brand-text: #EAF0FF;
}

/* state utilities */
.is-open { display: block !important; }
.is-active { display: block !important; }
[hidden] { display: none !important; }
[aria-expanded="false"] + [data-ui="accordion-panel"] { display: none !important; }
[aria-expanded="true"] + [data-ui="accordion-panel"] { display: block !important; }

/* custom */
/* section:header */
/* section:header */
#header{--hdr-shadow:0 10px 30px rgba(0,0,0,.35)}
#header{box-shadow:var(--hdr-shadow)}
#header a{transition:opacity .15s ease, background-color .15s ease, color .15s ease}
#header img{filter:drop-shadow(0 6px 18px rgba(31,224,255,.08))}
#header nav a{letter-spacing:.01em}
#header #header-menu a:active{transform:translateY(1px)}
/* section:footer */
/* section:footer */
#footer .footer-link{color:color-mix(in srgb,var(--brand-text) 85%,transparent);text-decoration:underline;text-decoration-color:var(--brand-border);text-underline-offset:4px}
#footer .footer-link:hover{color:var(--brand-ink)}
#footer a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:10px}
#footer [data-footer-year]{font-variant-numeric:tabular-nums}
#footer h3{letter-spacing:.02em}
#footer dl dd{word-break:break-word}
/* section:hero */
/* section:hero */
#hero{background-image:radial-gradient(1200px 600px at 10% 15%, rgba(31,224,255,.10), transparent 60%),radial-gradient(900px 500px at 85% 80%, rgba(255,45,170,.10), transparent 55%);} 
#hero h1{letter-spacing:-0.02em;}
#hero a:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(31,224,255,.35);}
#hero img{image-rendering:auto;}
#hero .text-balance{text-wrap:balance;}
#hero .text-pretty{text-wrap:pretty;}
/* section:featured-games */
/* section:featured-games */
#featured-games{position:relative;}
#featured-games::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(800px 400px at 15% 20%, rgba(31,224,255,.12), transparent 60%),radial-gradient(700px 380px at 85% 30%, rgba(255,45,170,.10), transparent 55%);}
#featured-games .shadow-sm{box-shadow:0 10px 30px rgba(0,0,0,.25);}
#featured-games article{transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;}
#featured-games article:hover{transform:translateY(-2px);border-color:rgba(31,224,255,.45);}
#featured-games img{image-rendering:auto;}
#featured-games [data-ui="age-status"][data-verified="true"]{display:none;}
/* section:play-disclaimer */
/* section:play-disclaimer */
#play-disclaimer { position: relative; }
#play-disclaimer .playdisclaimer-badge{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:9999px; font-weight:800; letter-spacing:.02em; background: var(--brand-accent); color: var(--brand-bg); border:1px solid var(--brand-border); }
#play-disclaimer a{ text-decoration: none; }
#play-disclaimer a:focus-visible{ outline:2px solid var(--brand-primary); outline-offset:2px; border-radius:10px; }
#play-disclaimer h2{ letter-spacing:-0.01em; }
#play-disclaimer ul li{ box-shadow: 0 0 0 1px rgba(11,16,32,.2) inset; }
/* section:daily-bonus */
/* section:daily-bonus */
#daily-bonus{position:relative}
#daily-bonus::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 300px at 20% 10%,rgba(31,224,255,.10),transparent 55%),radial-gradient(700px 280px at 85% 30%,rgba(255,45,170,.10),transparent 55%)}
#daily-bonus [data-el="countdown"]{font-variant-numeric:tabular-nums}
#daily-bonus [data-el="claim-btn"]{box-shadow:0 10px 30px rgba(31,224,255,.12)}
#daily-bonus a:focus{outline:2px solid rgba(31,224,255,.55);outline-offset:3px;border-radius:12px}
#daily-bonus [data-el="status"] strong{color:var(--brand-ink)}
/* section:how-it-works */
/* section:how-it-works */
#how-it-works{position:relative;}
#how-it-works .howItWorks__badge{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);}
#how-it-works ol>li{transition:transform .15s ease,border-color .15s ease;}
#how-it-works ol>li:hover{transform:translateY(-2px);border-color:var(--brand-primary);}
#how-it-works a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:12px;}
#how-it-works h2{letter-spacing:-.02em;}
#how-it-works p{line-height:1.6;}
/* section:faq */
/* section:faq */
#faq{background:radial-gradient(900px 420px at 20% 10%, rgba(31,224,255,.12), transparent 55%),radial-gradient(800px 420px at 90% 20%, rgba(255,45,170,.10), transparent 60%),var(--brand-bg)}
#faq [data-ui="accordion-trigger"]{transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
#faq [data-ui="accordion-trigger"]:hover{background-color:rgba(26,35,69,.35)}
#faq [data-ui="accordion-trigger"]:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:16px}
#faq a{text-underline-offset:3px}
#faq [data-ui="accordion-panel"]{animation:faqFade .18s ease}
@keyframes faqFade{from{opacity:.75;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
/* section:contact */
/* section:contact */
#contact { position: relative; }
#contact::before { content: ""; position: absolute; inset: 0; background: radial-gradient(900px 360px at 20% 15%, rgba(31,224,255,.12), transparent 55%), radial-gradient(900px 360px at 80% 15%, rgba(255,45,170,.10), transparent 55%); pointer-events: none; }
#contact > div { position: relative; }
#contact select option { background: var(--brand-surface); color: var(--brand-text); }
#contact input, #contact textarea, #contact select { box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
#contact a:focus-visible, #contact button:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 2px; }
/* section:age-gate-form */
/* section:age-gate-form */
#age-gate-form{background-image:radial-gradient(900px 420px at 20% 10%,rgba(31,224,255,.14),transparent 60%),radial-gradient(900px 420px at 85% 25%,rgba(255,45,170,.10),transparent 55%)}
#age-gate-form .agegate-card{backdrop-filter:saturate(120%) blur(6px)}
#age-gate-form input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.8)}
#age-gate-form [data-ui="status"].is-error{color:var(--brand-secondary)}
#age-gate-form [data-ui="status"].is-ok{color:var(--brand-primary)}
#age-gate-form a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
/* section:catalog-hero */
/* section:catalog-hero */
#catalog-hero{position:relative}
#catalog-hero a{text-decoration-thickness:from-font}
#catalog-hero .shadow-sm{box-shadow:0 10px 30px rgba(0,0,0,.35)}
#catalog-hero img{image-rendering:auto}
#catalog-hero :focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
#catalog-hero h1{letter-spacing:-0.02em}
/* section:game-grid */
/* section:game-grid */
#game-grid .game-card{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
#game-grid .game-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.35);border-color:rgba(31,224,255,.35)}
#game-grid a[data-ui="play"]{box-shadow:0 10px 24px rgba(31,224,255,.18)}
#game-grid a[data-ui="play"]:active{transform:translateY(1px)}
#game-grid select, #game-grid input{appearance:none}
#game-grid #game-grid-age-pill[data-verified="true"]{border-color:rgba(31,224,255,.45)}
#game-grid #game-grid-age-pill[data-verified="false"]{border-color:rgba(255,45,170,.45)}
/* section:daily-bonus */
/* section:daily-bonus */
#daily-bonus{position:relative}
#daily-bonus::before{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(700px 260px at 15% 10%, rgba(31,224,255,.14), transparent 60%),radial-gradient(520px 220px at 80% 30%, rgba(255,45,170,.12), transparent 60%)}
#daily-bonus a:focus-visible,#daily-bonus button:focus-visible{outline:2px solid rgba(31,224,255,.55);outline-offset:2px}
#daily-bonus [data-ui="toast"]{backdrop-filter:saturate(140%) blur(10px)}
#daily-bonus [data-ui="coin-balance"]{font-variant-numeric:tabular-nums}
#daily-bonus [data-ui="countdown"]{font-variant-numeric:tabular-nums}
/* section:missions */
/* section:missions */
#missions .mission-card{box-shadow:0 10px 30px rgba(0,0,0,.25)}
#missions .mission-card:hover{transform:translateY(-1px)}
#missions .mission-card{transition:transform .18s ease, filter .18s ease}
#missions .mission-claim:focus{outline:2px solid var(--brand-secondary);outline-offset:2px}
#missions input[type="checkbox"]{cursor:pointer}
#missions [data-ui="status-pill"].is-claimed{border-color:var(--brand-primary)}
#missions [data-ui="status-pill"].is-claimed{color:var(--brand-ink)}
/* section:coin-shop */
/* section:coin-shop */
#coin-shop{background-image:radial-gradient(900px 420px at 15% 0%, rgba(31,224,255,.14), transparent 55%),radial-gradient(700px 360px at 85% 10%, rgba(255,45,170,.12), transparent 58%)}
#coin-shop .bsc-card{box-shadow:0 10px 30px rgba(0,0,0,.35)}
#coin-shop .bsc-card:hover{transform:translateY(-2px)}
#coin-shop .bsc-card{transition:transform .15s ease, border-color .15s ease, opacity .15s ease}
#coin-shop a:focus-visible{outline:2px solid var(--brand-primary); outline-offset:2px}
#coin-shop .bsc-badge{letter-spacing:.02em}
/* section:promo-terms */
/* section:promo-terms */
#promo-terms a{color:var(--brand-ink)}
#promo-terms a:hover{color:var(--brand-primary)}
#promo-terms .rounded-2xl{box-shadow:0 0 0 1px rgba(37,50,92,.12) inset}
#promo-terms h2{letter-spacing:-0.01em}
#promo-terms ul li{position:relative}
#promo-terms ul li::marker{color:var(--brand-accent)}
/* section:responsible-hero */
/* section:responsible-hero */
#responsible-hero{position:relative}
#responsible-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 20% 15%, rgba(31,224,255,.08), transparent 60%),radial-gradient(900px 500px at 85% 70%, rgba(255,45,170,.08), transparent 60%);pointer-events:none}
#responsible-hero h1{letter-spacing:-.02em}
#responsible-hero a:focus-visible{outline:2px solid rgba(31,224,255,.55);outline-offset:2px}
#responsible-hero img{display:block}
#responsible-hero .text-balance{text-wrap:balance}
/* section:tools */
/* section:tools */
#tools{position:relative;}
#tools::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 420px at 15% 10%, rgba(31,224,255,.10), transparent 55%),radial-gradient(900px 420px at 85% 20%, rgba(255,45,170,.10), transparent 55%);} 
#tools article{box-shadow:0 0 0 1px rgba(37,50,92,.25) inset;}
#tools a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:12px;}
#tools h2{letter-spacing:-0.01em;}
#tools ul li span:first-child{flex:0 0 auto;}
#tools p{line-height:1.6;}
/* section:help-links */
/* section:help-links */
#help-links{background-image:radial-gradient(900px 260px at 10% 0%, rgba(31,224,255,.12), transparent 55%),radial-gradient(900px 260px at 90% 10%, rgba(255,45,170,.10), transparent 60%)}
#help-links a{transition:color .15s ease,border-color .15s ease,background-color .15s ease}
#help-links h2,#help-links h3{letter-spacing:-.01em}
#help-links ul li p{line-height:1.45}
#help-links .rounded-2xl{box-shadow:0 0 0 1px rgba(37,50,92,.15) inset}
#help-links :focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:12px}
/* section:responsible-faq */
/* section:responsible-faq */
#responsible-faq [data-ui="accordion-trigger"]{transition:background-color .15s ease,border-color .15s ease;}
#responsible-faq [data-ui="accordion-trigger"]:hover{background:rgba(255,255,255,.03);}
#responsible-faq [data-ui="accordion-trigger"][aria-expanded="true"]{background:rgba(31,224,255,.06);}
#responsible-faq [data-ui="accordion-panel"]{animation:rfFadeIn .18s ease;}
#responsible-faq a{transition:opacity .15s ease;}
#responsible-faq a:hover{opacity:.95;}
@keyframes rfFadeIn{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
/* section:game-display */
/* section:game-display */
#game-display{background-image:radial-gradient(900px 500px at 20% 10%, rgba(31,224,255,.10), transparent 60%),radial-gradient(700px 420px at 80% 0%, rgba(255,45,170,.10), transparent 55%);}
#game-display .aspect-video{position:relative;}
#game-display #game-display-frame iframe{width:100%;height:100%;border:0;display:block;}
#game-display a, #game-display button{transition:opacity .15s ease,border-color .15s ease,transform .15s ease;}
#game-display button:active{transform:translateY(1px);}
#game-display #game-display-gate{backdrop-filter:blur(6px);}
#game-display :focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;}
/* section:game-info */
/* section:game-info */
#game-info{background:var(--brand-surface)}
#game-info a{transition:opacity .15s ease, text-decoration-color .15s ease}
#game-info a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:12px}
#game-info h2{letter-spacing:-.01em}
#game-info dl dt{white-space:nowrap}
#game-info ol li::marker{color:var(--brand-accent)}
/* section:game-display */
/* section:game-display */
#game-display .game-frame{aspect-ratio:16/9}
#game-display [data-iframe-mount] iframe{width:100%;height:100%;border:0;display:block}
#game-display a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
#game-display [data-state="locked"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
#game-display [data-state="unlocked"]{min-height:120px}
#game-display h1{letter-spacing:-0.01em}
/* section:game-info */
/* section:game-info */
#game-info{position:relative;}
#game-info::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 420px at 18% 5%, rgba(31,224,255,.10), transparent 55%),radial-gradient(760px 380px at 88% 22%, rgba(255,45,170,.10), transparent 60%);} 
#game-info h2{letter-spacing:-0.01em;}
#game-info a{transition:border-color .15s ease, opacity .15s ease, color .15s ease;}
#game-info dl div{border-bottom:1px dashed rgba(37,50,92,.55);padding-bottom:.5rem;}
#game-info dl div:last-child{border-bottom:none;padding-bottom:0;}
#game-info :focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:12px;}
/* section:rg-hero */
/* section:rg-hero */
#rg-hero{position:relative}
#rg-hero .rg-aurora-1{background:radial-gradient(circle at 30% 30%, rgba(31,224,255,.45), transparent 65%)}
#rg-hero .rg-aurora-2{background:radial-gradient(circle at 70% 40%, rgba(255,45,170,.40), transparent 65%)}
#rg-hero h1{letter-spacing:-0.02em}
#rg-hero a:focus-visible{outline:2px solid rgba(31,224,255,.55);outline-offset:3px}
#rg-hero img{image-rendering:auto}
/* section:rg-resources */
/* section:rg-resources */
#rg-resources .rg-link{color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px;}
#rg-resources .rg-link:hover{color:var(--brand-primary);}
#rg-resources h2,#rg-resources h3{letter-spacing:-0.01em;}
#rg-resources p{max-width:70ch;}
#rg-resources .rg-link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:10px;}
#rg-resources ul{margin:0;padding-left:0;}
#rg-resources li{list-style:none;}
/* section:rg-self-exclusion */
/* section:rg-self-exclusion */
#rg-self-exclusion{position:relative}
#rg-self-exclusion h2,#rg-self-exclusion h3{letter-spacing:-.01em}
#rg-self-exclusion a{transition:color .15s ease,background-color .15s ease,border-color .15s ease}
#rg-self-exclusion a:focus{outline:2px solid var(--brand-primary);outline-offset:2px}
#rg-self-exclusion .shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.25)}
#rg-self-exclusion ul li{line-height:1.5}
#rg-self-exclusion p{max-width:75ch}
:root{--brand-primary:#1FE0FF;--brand-secondary:#FF2DAA;--brand-accent:#FFB020;--brand-ink:#F6F8FF;--brand-slate:#7A86A5;--brand-mist:#1A2345;--brand-border:#25325C;--brand-surface:#121A33;--brand-bg:#0B1020;--brand-text:#EAF0FF;--radius-md:16px}body{background:var(--brand-bg);color:var(--brand-text);font-family:Inter,Sora,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}::selection{background:rgba(31,224,255,.25)}
:root{--radius-md:16px}.link{color:var(--brand-primary);text-decoration:underline;text-underline-offset:3px}.link:hover{color:var(--brand-secondary)}
:root{--radius-md:16px}a{color:var(--brand-primary)}a:hover{color:var(--brand-secondary)}
:root{color-scheme:dark} body{background:var(--brand-bg);color:var(--brand-text);font-family:Inter,Sora,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial} a{color:var(--brand-primary)} ::selection{background:color-mix(in srgb,var(--brand-secondary) 35%,transparent)}
:root{--brand-primary:#1FE0FF;--brand-secondary:#FF2DAA;--brand-accent:#FFB020;--brand-ink:#F6F8FF;--brand-slate:#7A86A5;--brand-mist:#1A2345;--brand-border:#25325C;--brand-surface:#121A33;--brand-bg:#0B1020;--brand-text:#EAF0FF;--radius-sm:10px;--radius-md:16px;--radius-lg:24px} .link{color:var(--brand-primary);text-decoration:underline;text-underline-offset:2px} .link:focus{outline:2px solid var(--brand-accent);outline-offset:2px}
:root{--brand-primary:#1FE0FF;--brand-secondary:#FF2DAA;--brand-accent:#FFB020;--brand-ink:#F6F8FF;--brand-slate:#7A86A5;--brand-mist:#1A2345;--brand-border:#25325C;--brand-surface:#121A33;--brand-bg:#0B1020;--brand-text:#EAF0FF;--radius-md:16px}body{background:var(--brand-bg);color:var(--brand-text)}h1,h2{color:var(--brand-ink)}a{color:var(--brand-primary)}
:root{--brand-primary:#1FE0FF;--brand-secondary:#FF2DAA;--brand-accent:#FFB020;--brand-ink:#F6F8FF;--brand-slate:#7A86A5;--brand-mist:#1A2345;--brand-border:#25325C;--brand-surface:#121A33;--brand-bg:#0B1020;--brand-text:#EAF0FF;--radius-sm:10px;--radius-md:16px;--radius-lg:24px}body{background:var(--brand-bg);color:var(--brand-text);font-family:Inter,Sora,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a.link{color:var(--brand-primary);text-decoration:underline;text-underline-offset:3px}a.link:hover{color:var(--brand-accent)}