:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#d9a95a;--gold-dim:#9c7a45;--teal:#5fd0c0;--ink:#0c0a09c7;--line:#d9a95a38;--text:#f1e7d6;--muted:#b8a88f;--serif:Fraunces, Georgia, "Times New Roman", serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color:var(--text);font-family:var(--serif);background:#4a150c}*{box-sizing:border-box}html,body{height:100%}body{background:#4a150c;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}#hud{pointer-events:none;position:fixed;inset:0}#hud a,#hud .panel{pointer-events:auto}.label{font:500 .62rem/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.label em{color:var(--gold);margin-left:.5em;font-style:normal}.brand{max-width:min(46vw,34rem);position:absolute;top:clamp(1.25rem,3.5vh,2.5rem);left:clamp(1.25rem,3.5vw,3rem)}.eyebrow{font:500 .66rem/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 0 .4rem}.eyebrow:before{content:"";vertical-align:middle;background:var(--gold);width:2.4rem;height:1px;margin-right:.9rem;display:inline-block}.title{font-family:var(--serif);letter-spacing:-.02em;color:#fbf3e4;text-shadow:0 2px 30px #00000059;margin:0;font-size:clamp(2.6rem,6.4vw,5.4rem);font-weight:400;line-height:.92}.title em{color:var(--gold);font-style:italic}.tagline{font:400 .7rem/1.7 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#e9dcc5;opacity:.85;margin:.9rem 0 0}.panel{background:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;width:min(22rem,34vw);padding:1.1rem 1.25rem 1rem;position:absolute;top:clamp(1.25rem,3.5vh,2.5rem);right:clamp(1.25rem,3.5vw,3rem);box-shadow:0 20px 60px #00000059}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.9rem;display:flex}.panel-title{font:500 .82rem/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0}.panel-sub{font:400 .58rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:.3rem 0 0}.status{border:1px solid var(--line);font:500 .58rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--teal);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .6rem;display:inline-flex}.status .dot{background:currentColor;border-radius:50%;width:.45rem;height:.45rem;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 10px}.status[data-state=reconnecting],.status[data-state=connecting]{color:var(--gold)}.status[data-state=full],.status[data-state=resting],.status[data-state=ending]{color:#d98a6a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.stats{grid-template-columns:1fr 1fr;gap:.5rem;margin:.9rem 0;display:grid}.stat{border:1px solid var(--line);background:#ffffff05;border-radius:4px;flex-direction:column;gap:.4rem;padding:.65rem .75rem;display:flex}.stat.wide{grid-column:1/-1}.stat .value{font:500 1.15rem/1 var(--mono);letter-spacing:.02em;color:var(--gold)}.stat .value.latency{color:var(--teal)}.weather{border-bottom:1px solid var(--line);gap:.5rem;padding:.3rem 0 .9rem;display:grid}.meter{grid-template-columns:7.5rem 1fr;align-items:center;gap:.6rem;display:grid}.bar{background:#ffffff1a;border-radius:2px;height:3px;display:block;position:relative;overflow:hidden}.bar>span{background:var(--teal);width:0;transition:width 1.2s;position:absolute;inset:0 auto 0 0}.life{gap:.5rem;padding:.8rem 0 .2rem;display:grid}.life-track>span{background:linear-gradient(90deg, var(--gold-dim), var(--gold));transition:width 1s linear}.panel-foot{font:400 .56rem/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);text-align:right;margin:.9rem 0 0}.log{flex-direction:column;gap:.35rem;max-width:min(44vw,32rem);display:flex;position:absolute;bottom:clamp(3.5rem,8vh,5.5rem);left:clamp(1.25rem,3.5vw,3rem)}.line{font-family:var(--serif);color:#fbf3e4;text-shadow:0 2px 18px #00000073;opacity:0;margin:0;font-size:clamp(1.05rem,1.7vw,1.45rem);font-style:italic;line-height:1.3;transition:opacity 1.1s,transform 1.1s,font-size .6s,color .6s;transform:translateY(6px)}.line.show{opacity:1;transform:none}.line.old{color:var(--muted);opacity:.75;font-size:clamp(.8rem,1.1vw,.95rem)}.line.gone{opacity:0;transform:translateY(-6px)}.notice{text-align:center;max-width:28rem;font:400 .72rem/1.7 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#f6ead6;background:var(--ink);border:1px solid var(--line);opacity:0;border-radius:4px;margin:0;padding:.9rem 1.2rem;transition:opacity .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notice.show{opacity:1}.hints{background:var(--ink);border:1px solid var(--line);font:400 .6rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);white-space:nowrap;border-radius:999px;gap:1.6rem;margin:0;padding:.55rem 1.2rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.hints span:before{content:"•";color:var(--gold);margin-right:.6rem}.byline{color:var(--muted);font:.62rem var(--mono);letter-spacing:.1em;text-decoration:none;position:absolute;bottom:1.1rem;right:1.25rem}.byline:hover,.byline:focus-visible{color:var(--gold)}@media (width<=900px){.brand{max-width:60vw}.panel{width:auto;padding:.8rem .9rem;inset:auto .75rem 3.4rem}.panel-sub,.weather,.panel-foot,.stat.wide{display:none}.stats{grid-template-columns:repeat(4,1fr);margin:.7rem 0 .4rem}.life{padding-top:.2rem}.log{max-width:92vw;bottom:14.5rem}.hints,.byline{display:none}}@media (prefers-reduced-motion:reduce){.status .dot{animation:none}}