@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DeathLetter;src:url(./TG-DeathLetter-B0iGVj2U.otf) format("opentype");font-weight:700;font-display:swap}:root{color-scheme:dark;--bg: #14130e;--bg-deep: #0b0a06;--panel: #1c1a12;--panel-lit: #242013;--parchment: #e8dcc2;--muted: #9c9078;--keyline: #c8442e;--torch: #eaa23a;--torch-hot: #f7d488;--moss: #6f9350;--yellow: #eab308;--magenta: #c24371;--border: rgba(232, 220, 194, .14);--destructive: #d0503a;--shadow-hard: drop-shadow(0 5px 0 #000);--font-display: "DeathLetter", "Figtree Variable", system-ui, sans-serif;--font-body: "Figtree Variable", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{font-family:var(--font-body)}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:1.5rem;color:var(--parchment);background:radial-gradient(120% 90% at 50% -10%,#2a2412 0%,var(--bg) 42%,var(--bg-deep) 100%);-webkit-font-smoothing:antialiased}.niche{position:relative;width:100%;max-width:27rem;padding:1.75rem 1.75rem 2rem;display:grid;gap:1.4rem;background:linear-gradient(180deg,var(--panel-lit) 0%,var(--panel) 60%,#17150e 100%);border:1px solid var(--border);border-radius:14px 14px 12px 12px;box-shadow:0 0 0 2px #c8442e8c,0 0 0 3px #0009,0 24px 60px -20px #000c;overflow:hidden}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.niche>*:not(.grain){position:relative;z-index:1}.crest{text-align:center;display:grid;gap:.15rem}.title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,8vw,2.7rem);line-height:1;letter-spacing:.01em;color:var(--parchment);text-shadow:0 3px 0 #000}.title em{font-style:normal;color:var(--keyline)}.tagline{margin:0;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.oracle{display:grid;justify-items:center;gap:.5rem}.arch{width:12.5rem;height:auto;overflow:visible}.frame{fill:none;stroke:var(--keyline);stroke-width:3;opacity:.85;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6))}.halo{opacity:.9;transition:opacity .5s ease}.glow-core{stop-color:#eaa23a8c}.glow-edge{stop-color:#eaa23a00}.sclera{fill:#0e0d08;stroke:#e8dcc240;stroke-width:1.5}.iris-hot{stop-color:var(--torch-hot)}.iris-mid{stop-color:var(--torch)}.iris-rim{stop-color:#7a4a12}.pupil{fill:#060504;transition:r .35s ease,transform .6s ease}.glint{fill:#f7d488e6}.iris{transition:transform .6s ease,opacity .4s ease}.lid{fill:#14130a;transform-box:fill-box;transition:transform .5s cubic-bezier(.5,0,.2,1)}.lid-top{transform-origin:top}.lid-bot{transform-origin:bottom}.stalks path{fill:none;stroke:var(--keyline);stroke-width:2.4;stroke-linecap:round;opacity:.6}.stalks circle{fill:var(--torch);opacity:.7;transition:fill .4s ease,opacity .4s ease}.status{margin:0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .3s ease}.niche[data-state=disconnected] .lid{transform:scaleY(1)}.niche[data-state=disconnected] .halo{opacity:0}.niche[data-state=disconnected] .iris-hot{stop-color:#6c665a}.niche[data-state=disconnected] .iris-mid{stop-color:#4b463c}.niche[data-state=disconnected] .stalks circle{fill:#5a5346;opacity:.4}.niche[data-state=connecting] .lid{transform:scaleY(.18)}.niche[data-state=connecting] .halo{opacity:.35}.niche[data-state=connecting] .status{color:var(--torch)}.niche[data-state=connecting] .pupil{animation:search 2.4s ease-in-out infinite}.niche[data-state=live] .lid{transform:scaleY(0)}.niche[data-state=live] .halo{opacity:1;animation:flicker 3.6s ease-in-out infinite}.niche[data-state=live] .status{color:var(--torch-hot)}.niche[data-state=live] .frame{stroke:var(--moss);opacity:1}.niche[data-state=live] .pupil{animation:drift 6s ease-in-out infinite}.niche[data-state=reconnecting] .lid{transform:scaleY(.5)}.niche[data-state=reconnecting] .halo{animation:pulse 1.1s ease-in-out infinite}.niche[data-state=reconnecting] .status{color:var(--torch);animation:pulse 1.1s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}45%{opacity:.82}55%{opacity:.95}70%{opacity:.78}}@keyframes pulse{50%{opacity:.4}}@keyframes drift{0%,to{transform:translate(0)}30%{transform:translate(6px)}65%{transform:translate(-5px)}}@keyframes search{0%,to{transform:translate(0)}25%{transform:translate(-9px,3px)}60%{transform:translate(8px,-2px)}}.scroll,.mix{display:grid;gap:.85rem}label{display:grid;gap:.3rem}label>span{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}input[type=url],input[type=text],input[type=password]{background:#100f0a;border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem;color:var(--parchment);font:inherit;font-size:.95rem}input::placeholder{color:#6a6455}input:focus-visible{outline:2px solid var(--magenta);outline-offset:1px;border-color:transparent}input:disabled{opacity:.5}.deck{display:grid;gap:.6rem}button{font:inherit;cursor:pointer;border:none}.sigil{padding:.8rem 1rem;border-radius:999px;background:var(--yellow);color:#1a1400;font-weight:700;letter-spacing:.02em;border:2px solid #000;filter:var(--shadow-hard);transition:filter .1s ease,transform .1s ease}.sigil:hover{filter:drop-shadow(0 5px 0 #000) brightness(1.05)}.sigil:active{transform:translateY(3px);filter:drop-shadow(0 2px 0 #000)}.ghost{padding:.7rem 1rem;border-radius:999px;background:transparent;color:var(--keyline);border:1.5px solid var(--keyline);font-weight:600}.ghost:hover{background:#c8442e1f}.mix{grid-template-columns:1fr auto;align-items:end;gap:1rem}.vol input[type=range]{width:100%;accent-color:var(--torch)}.mute{padding:.5rem .9rem;border-radius:999px;background:transparent;color:var(--muted);border:1.5px solid var(--border);font-size:.8rem;font-weight:600;letter-spacing:.04em}.mute[aria-pressed=true]{background:var(--magenta);border-color:var(--magenta);color:#fff}.error{margin:0;color:var(--destructive);font-size:.85rem;text-align:center}button:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}@media (prefers-reduced-motion: reduce){.halo,.status,.pupil{animation:none!important}*{transition-duration:.01ms!important}}