/* Chaat Waale: the game's night ink and saffron, Eczar for titles and Anek for text (prototype/app/theme.css). Flat, no gradients
   on the chrome, as in the game's UI system. */
@font-face{font-family:Eczar;src:url("/fonts/eczar-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Anek;src:url("/fonts/anek-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Anek;src:url("/fonts/anek-600.woff2") format("woff2");font-weight:600;font-display:swap}
:root{color-scheme:dark;--ink:#0B0C18;--surface:#15161F;--fg:#F3EADB;--fg2:#B4AEC6;--fg3:#7F7A8E;--hair:#FFFFFF1F;--accent:#F2A65A;--brass:#E2C487;
  --display:Eczar,Georgia,serif;--ui:Anek,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--gutter:16px}
@media (min-width:600px){:root{--gutter:28px}}
*{box-sizing:border-box}
html{background:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--fg);font:400 1.0625rem/1.6 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--fg);text-decoration-color:#F2A65A88;text-underline-offset:4px}
.doc{max-width:760px;margin:0 auto;padding:0 var(--gutter)}
.nav{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;padding:22px 0 8px;border-bottom:1px solid var(--hair)}
.nav a{text-decoration:none;color:var(--fg2);font-size:.95rem}.nav a[aria-current]{color:var(--fg)}
.nav .brand{font:700 1.25rem/1 var(--display);color:var(--fg);margin-right:auto}
h1{font:700 2.4rem/1.05 var(--display);margin:36px 0 6px;letter-spacing:-.01em}
h2{font:700 1.4rem/1.2 var(--display);margin:34px 0 8px;color:var(--brass)}
h3{font:600 1.05rem/1.35 var(--ui);margin:22px 0 4px}
p,li{color:var(--fg)}ul{padding-left:1.2em}li{margin:6px 0}
.when{color:var(--fg3);margin-top:0}
.table{overflow-x:auto;margin:12px 0}
table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--hair)}th{color:var(--fg2);font-weight:600}
@media (max-width:640px){table,tr,td{display:block}tr:first-child{display:none}td{border:0;padding:2px 0}tr{padding:12px 0;border-bottom:1px solid var(--hair)}td[data-label]:before{content:attr(data-label) ": ";color:var(--fg2);font-weight:600}}
.foot{margin:56px 0 40px;padding-top:16px;border-top:1px solid var(--hair);color:var(--fg3);font-size:.9rem}.foot a{color:var(--fg2)}
.home .hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden}
.home .hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 80%}
.home .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(#0B0C18cc,#0B0C1800 30%,#0B0C1800 50%,#0B0C18f2 88%)}
.hero-copy{position:relative;z-index:1;max-width:760px;width:100%;margin:0 auto;padding:0 var(--gutter) 9vh}
.kick{font:600 .75rem/1 var(--ui);letter-spacing:.3em;text-transform:uppercase;color:var(--brass);margin:0}
.home h1{font-size:clamp(2.8rem,10vw,5rem);margin:12px 0 10px;text-shadow:0 4px 30px #000a}
.lede{font-size:1.2rem;max-width:30em;color:var(--fg)}
.soon{display:inline-block;margin-top:10px;padding:10px 16px;border:1px solid var(--hair);border-radius:12px;color:var(--fg2);background:#0B0C18b3}