@font-face{font-family:'Anton';src:url('../assets/fonts/anton.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'M PLUS Rounded 1c';src:url('../assets/fonts/mplus-rounded-1c-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'M PLUS Rounded 1c';src:url('../assets/fonts/mplus-rounded-1c-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'M PLUS Rounded 1c';src:url('../assets/fonts/mplus-rounded-1c-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'M PLUS Rounded 1c';src:url('../assets/fonts/mplus-rounded-1c-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}

:root{
  color-scheme:only light;
  --ink:#0b0b0d;
  --cream:#fffbe6;
  --ui:'M PLUS Rounded 1c','Nunito','Trebuchet MS',system-ui,sans-serif;
  --display:'Anton','Impact','Arial Narrow',sans-serif;
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --u:1;
  --bd-base:#f5f6f5;
  --bd-ring:#dcdde9;
  --bd-scan:rgba(255,255,255,.75);
  --hint:#6a6a72;
}

:root[data-theme="dark"]{
  --bd-base:#2a2b30;
  --bd-ring:#393a43;
  --bd-scan:rgba(255,255,255,.055);
  --hint:#9a9aa6;
  color-scheme:only dark;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;background:#000}
body{
  color:var(--ink);
  font-family:var(--ui);
  overflow:hidden;
  overscroll-behavior:none;
  -webkit-tap-highlight-color:transparent;
  -webkit-font-smoothing:antialiased;
}

#app{position:fixed;inset:0;overflow:hidden}

.noscript{position:fixed;inset:auto 16px 16px;margin:0;padding:12px 16px;border-radius:12px;background:#000;color:#fff;font:700 14px var(--ui);z-index:101}