/* Digital Street Smarts — shared tokens, fonts, footer, legal pages.
   Fonts are self-hosted; nothing on this site loads from another domain. */
@font-face{font-family:"Chakra Petch";src:url("../fonts/chakra-petch-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("../fonts/chakra-petch-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("../fonts/chakra-petch-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("../fonts/chakra-petch-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../fonts/dm-sans-variable.woff2") format("woff2");font-weight:100 1000;font-display:swap}

:root{
  --bg:#030d1f; --panel:rgba(7,26,51,.92);
  --cyan:#2BD9FE; --pink:#FF5FAE; --amber:#FFB347; --green:#7CF0A9;
  --muted:#9fb4cc; --soft:#c4d3e3; --white:#fff;
  --t-beauty:#FF8FC4; --t-fashion:#FFB347; --t-gaming:#2BD9FE; --t-music:#C9A7FF; --t-nature:#7CF0A9; --t-sports:#FF8A6B;
  --head:"Chakra Petch",ui-sans-serif,system-ui,sans-serif;
  --body:"DM Sans",ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; min-height:100vh; color:var(--white); font-family:var(--body); font-size:16px; line-height:1.5;
  background-color:var(--bg);
  background-image:
    linear-gradient(rgba(43,217,254,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(43,217,254,.07) 1px,transparent 1px);
  background-size:48px 48px;
}
h1,h2,h3,h4{font-family:var(--head);line-height:1.15;margin:0}
a{color:var(--cyan)}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:6px}
.label{font-family:var(--head);font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skiplink{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#030d1f;padding:8px 14px;border-radius:8px;font-weight:700}
.skiplink:focus{left:8px}

.panel{background:var(--panel);border:1px solid rgba(43,217,254,.35);border-radius:20px}
.all-games{font-family:var(--head);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:6px 2px}
.all-games:hover{color:var(--cyan)}
.all-games svg{width:16px;height:16px}

/* Shared footer */
.site-footer{font-size:14px;color:var(--soft);text-align:center;padding:10px 16px;line-height:1.6}
.site-footer a{color:var(--soft);text-decoration:underline;text-underline-offset:2px}
.site-footer a:hover{color:var(--cyan)}
.site-footer .dot{margin:0 6px;color:var(--muted)}

/* Legal pages */
.legal{max-width:760px;margin:0 auto;padding:28px 16px 40px}
.legal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.legal article{padding:32px clamp(18px,4vw,44px)}
.legal h1{font-size:clamp(28px,5vw,40px);margin-bottom:6px}
.legal h2{font-size:21px;margin:30px 0 8px;color:var(--cyan)}
.legal p,.legal li{color:var(--soft)}
.legal strong{color:#fff}
.legal ul{padding-left:22px}
.legal address{font-style:normal;color:var(--soft)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}