@font-face{font-family:Manrope;src:url('/assets/manrope-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{color-scheme:dark;--paper:#101412;--ink:#f4f6ee;--accent:#d3ef7b}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper)}
body{font-family:Manrope,Arial,sans-serif;font-weight:600;color:var(--ink);letter-spacing:0;min-height:100svh;isolation:isolate;display:flex;flex-direction:column}
canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
header{display:flex;align-items:center;gap:30px;padding:32px 48px;flex:none}
header a{color:var(--ink);text-decoration:none;font-size:26px;line-height:1}
header a span{color:var(--accent)}
.header-line{height:1px;flex:1;background:#ffffff12}
main{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px 24px 110px;min-height:620px}
.symbol-space{width:min(100%,640px);height:350px;display:grid;place-items:center;flex:none}
.fallback{object-fit:contain;border-radius:8px}
.webgl .fallback{visibility:hidden}
.announcement{text-align:center;max-width:100%;position:relative;margin-top:20px}
h1{margin:0;font-size:62px;line-height:1.25;font-weight:600;letter-spacing:0}
h1 span{color:var(--accent)}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:18px;margin:26px 0 0;color:#a6b2aa;font-size:15px}
.eyebrow span{display:block;width:44px;height:1px;background:#687c66}
a:focus-visible{outline:2px solid var(--accent);outline-offset:8px}
@media(min-width:1700px){.symbol-space{height:420px}h1{font-size:76px}}
@media(max-width:600px){header{padding:28px 26px}header a{font-size:23px}main{min-height:540px;padding:0 22px 105px}.symbol-space{height:285px}.announcement{margin-top:24px}h1{font-size:40px;line-height:1.3}h1 span{display:block}.eyebrow{margin-top:25px;font-size:14px}}
@media(max-width:360px){h1{font-size:35px}.symbol-space{height:245px}main{min-height:460px;padding-bottom:50px}}
@media(max-height:650px) and (min-width:601px){header{padding:24px 36px}main{min-height:380px;padding:0 20px 50px}.symbol-space{height:230px}h1{font-size:46px}.eyebrow{margin-top:18px}.announcement{margin-top:12px}}