:root{
  --bg:#08031B;
  --header-bg: rgba(2,1,12,.64);
  --blur: 32px;
  --accent:#3C0AC6;
  --muted:#E3E7EA;
  --title-from:#FFFFFF;
  --title-to:#8467D4;
  --outline-left:#3C0AC6;
  --outline-mid:#AA8BFF;
  --outline-right:#3C0AC6;
  --container: 846px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
html{ scrollbar-gutter: stable; } /* prevents layout shift when lobby has no scroll */

body{
  margin:0;
  font-family:"Barlow", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color:#fff;
  overflow-x:hidden;
  position: relative;
}

/* Base background for inner pages (and lobby fallback) */
body::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(1200px 600px at 50% 0%, rgba(60,37,147,.64) 0%, rgba(60,37,147,0) 100%),
    var(--bg);
}

.container{
  width: min(var(--container), calc(100% - 32px));
  margin: 0 auto;
}