:root{--bg-primary: #000000;--bg-secondary: #111111;--border: #333333;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #525252;--mw-dur: .18s;--mw-dur-slow: .52s;--mw-ease: cubic-bezier(.4, 0, .2, 1)}@media(prefers-reduced-motion:reduce){:root{--mw-dur: 0ms;--mw-dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark}body{min-width:320px;min-height:100%;margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}a{color:inherit;text-decoration:none;transition:color var(--mw-dur) var(--mw-ease),border-color var(--mw-dur) var(--mw-ease),background-color var(--mw-dur) var(--mw-ease),opacity var(--mw-dur) var(--mw-ease)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)){.site-header{background:#0009}}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:min(72rem,calc(100% - 1.5rem));margin:0 auto;padding:.75rem 0;padding-top:max(.75rem,env(safe-area-inset-top))}@media(min-width:640px){.header-inner{width:min(72rem,calc(100% - 2rem));gap:1rem;padding:1rem 0;padding-top:max(1rem,env(safe-area-inset-top))}}.brand{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.25rem .5rem .25rem 0;font-size:1rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.brand:hover{opacity:.9}.brand:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:4px}.brand-mark{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:border-color var(--mw-dur) var(--mw-ease),background-color var(--mw-dur) var(--mw-ease)}.brand:hover .brand-mark{border-color:#fff3;background:#ffffff14}.brand-mark img{width:1.75rem;height:1.75rem;object-fit:contain;image-rendering:pixelated}.brand-wiki{margin-left:.15em;font-size:1.25rem;font-weight:500;color:#a3a3a3}@media(min-width:640px){.brand{font-size:1.125rem}.brand-wiki{font-size:1.5rem}}.header-link{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.4rem .75rem;background:#0a0a0a80;color:#d4d4d4;font-size:.75rem;font-weight:500;box-shadow:inset 0 1px #ffffff0d;white-space:nowrap}@media(min-width:640px){.header-link{gap:.4rem;padding:.45rem .9rem;font-size:.8125rem}}.header-link:hover{border-color:#ffffff29;background:#ffffff0f;color:#fff}.header-link:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:3px}.hero{position:relative;flex:1 1 auto;display:grid;place-items:center;isolation:isolate;overflow:clip;width:100%;padding:max(2rem,env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-right,0px)) max(2rem,env(safe-area-inset-bottom,0px)) max(1.25rem,env(safe-area-inset-left,0px))}.hero-glow{position:absolute;inset:-20% 0 auto;height:28rem;background:radial-gradient(ellipse 55% 70% at 50% 0%,rgba(255,255,255,.07),transparent 70%),radial-gradient(circle at 50% 35%,rgba(34,197,94,.06),transparent 42%);pointer-events:none;z-index:-2}.hero-noise{position:absolute;inset:0;opacity:.35;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:soft-light}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(.85rem,2.5vh,1.25rem);width:min(28rem,100%);padding-inline:.25rem}.logo-wrap{display:grid;place-items:center;width:clamp(5.5rem,22vw,7.5rem);height:clamp(5.5rem,22vw,7.5rem);border-radius:999px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),transparent 65%),#ffffff08;box-shadow:inset 0 1px #ffffff0f,0 24px 60px #00000073;animation:mw-rise var(--mw-dur-slow) var(--mw-ease) both}.hero-logo{width:70%;height:70%;object-fit:contain;image-rendering:pixelated}.title{display:flex;flex-direction:column;align-items:center;gap:.55rem;margin:0;animation:mw-rise var(--mw-dur-slow) var(--mw-ease) both;animation-delay:80ms}.title-main{font-size:clamp(2.35rem,12vw,4.25rem);font-weight:700;letter-spacing:-.045em;line-height:1}.title-by{font-size:clamp(.95rem,2.8vw,1.125rem);font-weight:500;letter-spacing:.01em;color:var(--text-secondary)}.title-by a{color:#d4d4d4;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:.05em}.title-by a:hover{color:#fff;border-bottom-color:#ffffff73}.title-by a:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:3px;border-radius:2px}.soon{margin:.35rem 0 0;color:var(--text-muted);font-size:clamp(.95rem,3.2vw,1.25rem);font-weight:500;letter-spacing:.18em;padding-inline-start:.18em;text-transform:uppercase;text-align:center;animation:mw-rise var(--mw-dur-slow) var(--mw-ease) both,mw-pulse 2.8s var(--mw-ease) .7s infinite;animation-delay:.16s,.7s}@keyframes mw-rise{0%{opacity:0;transform:translateY(.85rem)}to{opacity:1;transform:translateY(0)}}@keyframes mw-pulse{0%,to{opacity:.55}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){.logo-wrap,.title,.soon{animation:none;opacity:1;transform:none}}