/* design tokens */
:root {
  --brand-primary: #3DF2FF;
  --brand-secondary: #7C4DFF;
  --brand-accent: #FF3DA6;
  --brand-ink: #E6E8FF;
  --brand-slate: #B8C2F3;
  --brand-mist: #22305A;
  --brand-border: #28315C;
  --brand-surface: #121A33;
  --brand-bg: #0B1020;
  --brand-text: #F5F7FF;
}

/* 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{position:sticky;top:0;z-index:40}
#header a{transition:background-color .15s ease,border-color .15s ease,color .15s ease}
#header img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
#header nav a[aria-current="page"]{border-bottom:2px solid var(--brand-primary)}
#header [data-ui="menu-toggle"]{letter-spacing:.01em}
#header #header-menu a{line-height:1.25}

/* section:footer */
/* section:footer */
#footer .footer-link{color:var(--brand-primary);text-decoration:none}
#footer .footer-link:hover{text-decoration:underline}
#footer .footer-link:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px;border-radius:8px}
#footer [data-year]{font-variant-numeric:tabular-nums}
#footer .rounded-xl{box-shadow:0 0 0 1px rgba(124,77,255,.08) inset}
#footer p{letter-spacing:.01em}
/* section:age-gate-form */
/* section:age-gate-form */
#age-gate-form{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
#age-gate-form input[type="date"]{color-scheme:dark}
#age-gate-form input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.85)}
#age-gate-form a:focus-visible,#age-gate-form button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
#age-gate-form .shadow-sm{box-shadow:0 14px 40px rgba(0,0,0,.35)}
#age-gate-form [hidden]{display:none!important}
/* section:compliance-bar */
/* section:compliance-bar */
#compliance-bar{padding-bottom:env(safe-area-inset-bottom)}
#compliance-bar a{font-weight:600}
#compliance-bar a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:8px}
#compliance-bar p{max-width:72ch}
#compliance-bar .mx-auto{min-height:44px}
#compliance-bar{box-shadow:0 -10px 30px rgba(0,0,0,.35)}
/* section:promos-hero */
/* section:promos-hero */
#promos-hero{background-image:radial-gradient(900px 480px at 15% 10%, rgba(61,242,255,.10), transparent 55%),radial-gradient(820px 520px at 85% 90%, rgba(255,61,166,.10), transparent 60%);} 
#promos-hero a{transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;} 
#promos-hero a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:14px;} 
#promos-hero a:hover{transform:translateY(-1px);} 
#promos-hero img{box-shadow:0 18px 50px rgba(0,0,0,.35);} 
#promos-hero .rounded-3xl{backdrop-filter:saturate(120%) blur(6px);} 
/* section:daily-missions */
/* section:daily-missions */
#daily-missions{position:relative;overflow:hidden}
#daily-missions::before{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(900px 340px at 18% 18%, rgba(61,242,255,.14), transparent 60%),radial-gradient(760px 320px at 85% 22%, rgba(124,77,255,.14), transparent 62%),radial-gradient(820px 360px at 55% 92%, rgba(255,61,166,.10), transparent 60%)}
#daily-missions .max-w-6xl{position:relative}
#daily-missions a:focus{outline:none}
#daily-missions a{transition:filter .15s ease, opacity .15s ease, background-color .15s ease}
#daily-missions h2{letter-spacing:-.02em}
/* section:weekly-events */
/* section:weekly-events */
#weekly-events{position:relative}
#weekly-events:before{content:"";position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(90deg,rgba(61,242,255,.10),rgba(124,77,255,.08),rgba(255,61,166,.10));mask:linear-gradient(#0000,#000 18%,#000 82%,#0000)}
#weekly-events a{transition:transform .15s ease,border-color .15s ease,background-color .15s ease}
#weekly-events a:hover{transform:translateY(-1px)}
#weekly-events article{box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}
#weekly-events article:hover{border-color:rgba(61,242,255,.45)}
/* section:coin-store */
/* section:coin-store */
#coin-store{position:relative;}
#coin-store a{transition:opacity .15s ease,border-color .15s ease;}
#coin-store [data-ui="bundle-modal"]{backdrop-filter:saturate(120%) blur(2px);}
#coin-store [data-ui="bundle-modal"] .shadow-2xl{box-shadow:0 20px 70px rgba(0,0,0,.55);}
#coin-store article{transition:transform .15s ease,border-color .15s ease;}
#coin-store article:hover{transform:translateY(-2px);border-color:var(--brand-primary);}
#coin-store button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;}
/* section:faq */
/* section:faq */
#faq{scroll-margin-top:96px}
#faq [data-ui="accordion-trigger"]{transition:background-color .15s ease}
#faq a{color:var(--brand-text)}
#faq a:hover{color:var(--brand-primary)}
#faq input::placeholder{letter-spacing:.01em}
#faq [data-faq-item].is-filtered-out{display:none}

/* section:about-contact */
/* section:about-contact */
#about-contact{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
#about-contact a{outline-offset:3px;}
#about-contact a:focus-visible{outline:2px solid var(--brand-primary);}
#about-contact h2,#about-contact h3{letter-spacing:-0.01em;}
#about-contact .shadow-soft{box-shadow:0 18px 50px rgba(0,0,0,.35);}
#about-contact dl dt{opacity:.95;}
#about-contact dl dd{word-break:break-word;}
/* section:cookie-policy */
/* section:cookie-policy */
#cookie-policy table th, #cookie-policy table td{vertical-align:top;}
#cookie-policy a{outline-offset:2px;}
#cookie-policy a:focus-visible{outline:2px solid var(--brand-primary);}
#cookie-policy h2, #cookie-policy h3{letter-spacing:-0.01em;}
#cookie-policy table thead th{border-bottom:1px solid var(--brand-border);}
#cookie-policy{scroll-margin-top:96px;}
/* section:compliance-bar */
/* section:compliance-bar */
#compliance-bar{isolation:isolate}
#compliance-bar a{text-decoration:none}
#compliance-bar a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
#compliance-bar p{max-width:60ch}
#compliance-bar [aria-label="Age requirement"]{letter-spacing:.08em}
#compliance-bar{box-shadow:0 1px 0 rgba(61,242,255,.06)}
/* section:responsible-hero */
/* section:responsible-hero */
#responsible-hero{position:relative}
#responsible-hero a{transition:opacity .15s ease, background-color .15s ease, border-color .15s ease}
#responsible-hero img{image-rendering:auto}
#responsible-hero h1{text-wrap:balance}
#responsible-hero p{text-wrap:pretty}
#responsible-hero :focus-visible{outline:2px solid color-mix(in oklab, var(--brand-primary) 70%, transparent);outline-offset:2px}
#responsible-hero .shadow-sm{box-shadow:0 10px 30px rgba(0,0,0,.25)}
/* section:play-tools */
/* section:play-tools */
#play-tools { font-family: var(--font-sans, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif); }
#play-tools [data-pt="timer-display"] { font-variant-numeric: tabular-nums; }
#play-tools .pt-ring:focus { outline: none; box-shadow: 0 0 0 2px var(--brand-primary); }
#play-tools input[type="number"]::-webkit-outer-spin-button,
#play-tools input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#play-tools input[type="number"] { -moz-appearance: textfield; }
#play-tools ul[data-pt="list"] { scrollbar-color: var(--brand-border) var(--brand-bg); }
#play-tools .pt-badge { letter-spacing: .02em; }
/* section:help-links */
/* section:help-links */
#help-links .help-links-a{color:var(--brand-primary);text-decoration:underline;text-underline-offset:3px;}
#help-links .help-links-a:hover{color:var(--brand-accent);}
#help-links .help-links-a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:6px;}
#help-links h2,#help-links h3{letter-spacing:-0.01em;}
#help-links ul li{border-left:2px solid transparent;padding-left:0.75rem;}
#help-links ul li:hover{border-left-color:var(--brand-border);}
#help-links p{line-height:1.6;}
/* section:responsible-faq */
/* section:responsible-faq */
#responsible-faq [data-role="faq-item"]{transition:transform .15s ease, border-color .15s ease, background-color .15s ease}
#responsible-faq [data-role="faq-item"]:hover{border-color:var(--brand-primary)}
#responsible-faq [data-ui="accordion-trigger"]:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:14px}
#responsible-faq [data-role="faq-item"].is-hidden{display:none}
#responsible-faq a{text-underline-offset:3px}
#responsible-faq svg{flex:none}
/* section:catalog-hero */
/* section:catalog-hero */
#catalog-hero{position:relative}
#catalog-hero h1{letter-spacing:-0.02em}
#catalog-hero a:focus-visible{outline:2px solid transparent}
#catalog-hero img{background:linear-gradient(135deg, rgba(61,242,255,.10), rgba(255,61,166,.08))}
#catalog-hero .shadow-sm{box-shadow:0 10px 30px rgba(0,0,0,.28)}
#catalog-hero .underline{text-decoration-thickness:1px}
#catalog-hero .rounded-2xl{border-radius:24px}
/* section:game-grid */
/* section:game-grid */
#game-grid .game-card{transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;}
#game-grid .game-card:hover{transform:translateY(-2px);border-color:var(--brand-primary);box-shadow:0 10px 30px rgba(0,0,0,.35);}
#game-grid input::placeholder{opacity:.9;}
#game-grid a:focus-visible,#game-grid button:focus-visible,#game-grid input:focus-visible,#game-grid select:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;}
#game-grid [data-el="age-status"]{backdrop-filter:saturate(120%) blur(6px);}
#game-grid .is-hidden{display:none;}
/* section:game-display */
/* section:game-display */
#game-display { background-image: radial-gradient(1200px 420px at 20% 0%, rgba(61,242,255,.10), transparent 60%), radial-gradient(900px 360px at 90% 10%, rgba(255,61,166,.10), transparent 55%); }
#game-display a:focus-visible, #game-display button:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 2px; }
#game-display [data-ui="game-frame"] iframe { background: #000; }
#game-display [data-ui="age-block"] { box-shadow: 0 0 0 1px rgba(40,49,92,.35) inset; }
#game-display h1 { letter-spacing: -0.01em; }
#game-display button[data-action="reload-game"] { box-shadow: 0 10px 30px rgba(124,77,255,.18); }
/* section:game-info */
/* section:game-info */
#game-info{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
#game-info a{text-underline-offset:3px;}
#game-info a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:10px;}
#game-info ::selection{background:rgba(61,242,255,.25);}
#game-info h2,#game-info h3,#game-info h4{letter-spacing:-0.01em;}
#game-info dl dt{white-space:nowrap;}
#game-info dl dd{max-width:60%;}

/* section:game-display */
/* section:game-display */
#game-display .bp-framewrap{display:block;}
#game-display .bp-frame{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:16px;border:1px solid var(--brand-border);background:linear-gradient(180deg, rgba(124,77,255,.10), rgba(61,242,255,.06));}
#game-display .bp-frame iframe{position:absolute;inset:0;width:100%;height:100%;}
#game-display a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:10px;}
#game-display #game-display-verify{box-shadow:0 10px 28px rgba(0,0,0,.35);}
#game-display #game-display-frame[data-hidden="true"]{display:none;}
/* section:game-info */
/* section:game-info */
#game-info{scroll-margin-top:88px}
#game-info a{transition:color .15s ease,border-color .15s ease,opacity .15s ease}
#game-info dl dt{letter-spacing:.02em}
#game-info ol span{line-height:1.4}
#game-info :focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:12px}
#game-info h2,#game-info h3,#game-info h4{text-wrap:balance}
/* section:rg-hero */
/* section:rg-hero */
#rg-hero{isolation:isolate}
#rg-hero a{transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .15s ease}
#rg-hero a:active{transform:translateY(1px)}
#rg-hero h1{letter-spacing:-.02em}
#rg-hero p{max-width:70ch}
#rg-hero ::selection{background:color-mix(in oklab,var(--brand-primary) 35%,transparent);color:var(--brand-text)}
/* section:rg-resources */
/* section:rg-resources */
#rg-resources{background:radial-gradient(900px 420px at 10% 0%, rgba(61,242,255,.10), transparent 60%),radial-gradient(900px 420px at 90% 10%, rgba(124,77,255,.12), transparent 55%),var(--brand-bg)}
#rg-resources a{color:var(--brand-primary)}
#rg-resources a:hover{text-decoration:underline}
#rg-resources a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:10px}
#rg-resources h2,#rg-resources h3{letter-spacing:-0.01em}
#rg-resources .shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.25)}
/* section:rg-self-exclusion */
/* section:rg-self-exclusion */
#rg-self-exclusion a{transition:opacity .15s ease,border-color .15s ease,transform .15s ease}
#rg-self-exclusion a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
#rg-self-exclusion .max-w-6xl{position:relative}
#rg-self-exclusion h2{letter-spacing:-.01em}
#rg-self-exclusion ul li span:first-child{flex:0 0 auto}
#rg-self-exclusion a:hover{transform:translateY(-1px)}
:root{--brand-primary:#3DF2FF;--brand-secondary:#7C4DFF;--brand-accent:#FF3DA6;--brand-ink:#E6E8FF;--brand-slate:#B8C2F3;--brand-mist:#22305A;--brand-border:#28315C;--brand-surface:#121A33;--brand-bg:#0B1020;--brand-text:#F5F7FF;--radius-md:16px}body{background:var(--brand-bg);color:var(--brand-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a:focus{outline:2px solid var(--brand-primary);outline-offset:2px}
:root{--brand-primary:#3DF2FF;--brand-secondary:#7C4DFF;--brand-accent:#FF3DA6;--brand-ink:#E6E8FF;--brand-slate:#B8C2F3;--brand-mist:#22305A;--brand-border:#28315C;--brand-surface:#121A33;--brand-bg:#0B1020;--brand-text:#F5F7FF;--radius-md:16px}body{background:var(--brand-bg);color:var(--brand-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a:hover{opacity:.9}
:root{--brand-primary:#3DF2FF;--brand-secondary:#7C4DFF;--brand-accent:#FF3DA6;--brand-ink:#E6E8FF;--brand-slate:#B8C2F3;--brand-mist:#22305A;--brand-border:#28315C;--brand-surface:#121A33;--brand-bg:#0B1020;--brand-text:#F5F7FF;--radius-md:16px}body{background:var(--brand-bg);color:var(--brand-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--brand-primary)}
:root{--brand-primary:#3DF2FF;--brand-secondary:#7C4DFF;--brand-accent:#FF3DA6;--brand-ink:#E6E8FF;--brand-slate:#B8C2F3;--brand-border:#28315C;--brand-surface:#121A33;--brand-bg:#0B1020;--brand-text:#F5F7FF;--radius-md:16px}body{background:var(--brand-bg);color:var(--brand-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--brand-primary)}