:root{--bg:#000;--glass:#0808088c;--glass-strong:#0c0c0ce0;--line:#ffffff24;--line-strong:#ffffff47;--ink:#f5f5f5;--muted:#f5f5f59e;--faint:#f5f5f561;--hot:#fff;--hot-2:#d9d9d9;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}[hidden],body:not(.is-hole) .hole-only,body:not(.is-object) .object-only{display:none!important}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}.kicker,.chip-label,.btn,.status,.stats dt,.objects .o-state{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.kicker{color:var(--muted);margin:0 0 8px;font-size:11px}.hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;inset:14px 14px auto}.hud>*{pointer-events:auto}.chip{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;min-width:0;height:34px;padding:0 12px;display:inline-flex}.chip-label{color:var(--faint);font-size:10px}.chip-value{font:500 13px var(--mono);font-variant-numeric:tabular-nums}.chip-label+.chip-value+.chip-label{border-left:1px solid var(--line);padding-left:10px}#o-name{font-family:var(--sans);text-overflow:ellipsis;font-weight:600;overflow:hidden}.actions{gap:6px;display:flex}.btn{border:1px solid var(--line-strong);background:var(--glass);-webkit-backdrop-filter:blur(12px);height:34px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:11px;font-weight:500;transition:background .12s,border-color .12s,box-shadow .2s;display:inline-flex}.btn:hover{background:#282828b3;border-color:#ffffff73}.btn:focus-visible{outline:2px solid var(--hot);outline-offset:2px}.btn>span[aria-hidden]{margin-top:-1px;font-size:15px;line-height:1}.btn.primary{background:linear-gradient(180deg, var(--hot-2), var(--hot));color:#000;border-color:#0000;box-shadow:0 0 24px #ffffff40}.btn.primary:hover{background:#fff;box-shadow:0 0 34px #ffffff73}.btn.ghost{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--ink);background:#ffffff0f}.btn.square{width:34px;color:var(--muted);padding:0;font-size:13px}.objects{z-index:2;gap:6px;width:min(300px,100vw - 28px);margin:0;padding:0;list-style:none;display:grid;position:fixed;bottom:14px;left:14px}.objects li{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:10px;grid-template-columns:1fr auto;gap:4px 10px;padding:8px 12px;animation:.24s cubic-bezier(.2,.8,.2,1) rise;display:grid}.objects .o-name{font-size:13px;font-weight:600}.objects .o-state{color:var(--muted);align-self:center;font-size:10px}.objects .o-bar{background:#ffffff1a;border-radius:2px;align-self:center;height:3px;overflow:hidden}.objects .o-bar i{background:linear-gradient(90deg, var(--hot), var(--hot-2));height:100%;display:block}.objects .o-dist{font:400 11px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.empty{text-align:center;z-index:2;width:min(420px,100vw - 32px);animation:.4s .6s both rise;position:fixed;bottom:9vh;left:50%;transform:translate(-50%)}.empty p{color:var(--muted);text-shadow:0 1px 12px #000;margin:0 0 12px}.stats{z-index:2;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:10px 12px;transition:border-color .3s,box-shadow .3s;position:fixed;inset:auto 12px 12px}.is-danger .stats{border-color:#ffffff80;box-shadow:0 0 30px #ffffff26}.status{color:var(--ink);margin:0 0 6px;font-size:10px}.is-danger .status{animation:.7s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.45}}.stats dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.stats dt{color:var(--faint);font-size:9px}.stats dd{font:500 13px var(--mono);font-variant-numeric:tabular-nums;margin:0}.notice{z-index:3;border:1px solid var(--line-strong);background:var(--glass-strong);text-align:center;border-radius:14px;width:min(300px,100vw - 32px);padding:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.notice p,p.notice{color:var(--muted);margin:0 0 12px}@media (width<=560px){#spawn{width:34px;padding:0}#spawn .label{display:none}}.sheet{border:1px solid var(--line-strong);background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);width:min(420px,100vw - 32px);color:var(--ink);border-radius:16px;padding:28px 28px 22px;box-shadow:0 30px 80px #0009,0 0 80px #ffffff0d}.sheet[open]{animation:.22s cubic-bezier(.2,.8,.2,1) rise}.sheet::backdrop{background:#00000073}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.empty{animation-name:rise-x}@keyframes rise-x{0%{opacity:0;transform:translate(-50%,8px)}}.sheet h2{letter-spacing:-.01em;margin:0 0 12px;font-size:21px;font-weight:600;line-height:1.25}.sheet p{color:var(--muted);margin:0 0 12px}.sheet b{color:var(--ink);font-weight:600}.steps{counter-reset:step;margin:4px 0 22px;padding:0;list-style:none}.steps li{border-top:1px solid var(--line);color:var(--muted);counter-increment:step;padding:10px 0 10px 40px;position:relative}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li:before{content:counter(step, decimal-leading-zero);font:500 12px var(--mono);color:var(--faint);position:absolute;top:11px;left:0}.sheet-actions{gap:8px;margin:0;display:flex}.sheet-actions .btn{height:40px}.sheet-actions .primary{flex:1}.sheet-byline{border-top:1px solid var(--line);color:var(--muted);margin:20px -28px -22px;padding:12px 28px;font-size:12px}@media (prefers-reduced-motion:reduce){.sheet[open],.objects li,.empty,.is-danger .status{animation:none}}
