:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#06080d;--panel-solid:#0e121a;--text:#e8eef8;--muted:#7a8496;--cyan:#00e5ff;--magenta:#ff2d6a;--led:#ff2a3a;--chrome:#c5ccd8;--border:#00e5ff38;--ease:cubic-bezier(.32, .72, 0, 1);font-family:Chakra Petch,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--void);width:100%;height:100dvh;overflow:hidden}#canvas{touch-action:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;z-index:1;background:radial-gradient(75% 70% at 50% 45%,#0000 40%,#0000008c 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){#marquee,#hud,#gallery{animation:none!important}*{transition:none!important}}#marquee{z-index:4;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;animation:marquee-in .9s var(--ease) both;position:absolute;top:.85rem;left:50%;transform:translate(-50%)}#marquee .marquee-sub{letter-spacing:.32em;color:var(--cyan);margin-bottom:.15rem;font-size:.62rem;display:block}#marquee h1{letter-spacing:.08em;color:var(--text);text-shadow:0 0 18px #00e5ff59,0 2px #0000008c;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:700}#marquee h1 em{color:var(--magenta);text-shadow:0 0 18px #ff2d6a8c;font-style:normal}#hud,#gallery{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;animation:panel-in .7s var(--ease) both;position:absolute}#hud{width:min(16.5rem,100vw - 2rem);animation-delay:80ms;top:1rem;left:1rem}#gallery{pointer-events:auto;width:min(17.5rem,100vw - 2rem);animation-delay:.14s;top:1rem;right:1rem}#hud .hud-bezel,#gallery .gallery-bezel{background:var(--panel-solid);border:1px solid #00e5ff59;border-radius:6px;padding:.85rem .95rem;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #0000008c,0 0 0 1px #000c,0 12px 28px #00000080}#gallery .gallery-bezel{border-color:#ff2d6a59}.fold>summary{pointer-events:auto;cursor:pointer;padding-right:1rem;list-style:none;position:relative}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"▾";color:var(--muted);transition:transform .18s var(--ease);font-size:.7rem;position:absolute;top:0;right:0}.fold:not([open])>summary:after{transform:rotate(-90deg)}.touch-only{display:none}@media (pointer:coarse){.key-only{display:none}.touch-only{display:list-item}}.fold:not([open])>summary .led-bank,.fold:not([open])>summary>header,.fold:not([open])>summary h2{margin-bottom:0}.led-bank{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.75rem;display:grid}.led{background:#07090e;border-radius:8px;flex-direction:column;gap:.15rem;padding:.4rem .35rem;display:flex;box-shadow:inset 0 0 0 1px #ff2a3a2e}.led span{letter-spacing:.14em;color:var(--muted);font-size:.58rem}.led strong{font-variant-numeric:tabular-nums;color:var(--led);text-shadow:0 0 12px #ff2a3a8c;font-size:1.35rem;font-weight:700;line-height:1}.meter{letter-spacing:.12em;color:var(--muted);grid-template-columns:3rem 1fr;align-items:center;gap:.45rem;margin-bottom:.65rem;font-size:.62rem;display:grid}.track{background:#ffffff0f;border-radius:999px;height:.5rem;position:relative;box-shadow:inset 0 0 0 1px #00e5ff26}.aim-track{overflow:visible}.aim-marker{background:var(--cyan);border-radius:2px;width:.5rem;height:.5rem;margin-top:-.25rem;transition:left 60ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00e5ffa6}.controls{color:var(--text);grid-template-columns:1fr 1fr;gap:.25rem .5rem;margin-bottom:.55rem;font-size:.72rem;list-style:none;display:grid}kbd{min-width:1.25em;color:var(--cyan);text-align:center;background:#00e5ff14;border:1px solid #00e5ff47;border-radius:4px;margin-right:.12rem;padding:.05em .3em;font:.65rem/1.35 IBM Plex Mono,ui-monospace,Menlo,monospace;display:inline-block}#status{color:var(--cyan);letter-spacing:.02em;transition:color .2s var(--ease), text-shadow .2s var(--ease);font-size:.74rem}.pose-controls{pointer-events:auto;gap:.4rem;margin-bottom:.45rem;display:flex}.pose-controls button{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .18s var(--ease), border-color .18s var(--ease);background:#00e5ff14;border:1px solid #00e5ff59;border-radius:6px;flex:1;padding:.32rem .5rem;font:600 .68rem/1.2 Chakra Petch,sans-serif}.pose-controls button:hover:not(:disabled){background:#00e5ff2e;border-color:#00e5ff99}.pose-controls button:disabled{opacity:.45;cursor:default}#pose-status{color:#7dffb3;letter-spacing:.02em;min-height:.9rem;margin-bottom:.45rem;font-size:.68rem}#pose-status:empty{min-height:0;margin-bottom:0}body.drop-window #status{color:#7dffb3;text-shadow:0 0 12px #7dffb373}body.drop-window .aim-track{box-shadow:inset 0 0 0 1px #7dffb373}#gallery header span{letter-spacing:.2em;color:var(--magenta);margin-bottom:.1rem;font-size:.58rem;display:block}#gallery header h2{letter-spacing:.04em;margin-bottom:.65rem;font-size:1.05rem;font-weight:700}.metal-list{flex-direction:column;gap:.4rem;display:flex}.metal-card{color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .22s var(--ease), border-color .22s var(--ease), transform .22s var(--ease);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:2.45rem 1fr auto;align-items:center;gap:.6rem;padding:.45rem .5rem;display:grid}.metal-card:hover{background:#00e5ff0f;border-color:#00e5ff47}.metal-card:active{transform:scale(.98)}.metal-card.is-active{border-color:color-mix(in srgb, var(--swatch) 65%, transparent);background:color-mix(in srgb, var(--swatch) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--swatch) 25%, transparent)}.metal-swatch{background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--swatch) 100%, white 40%), var(--swatch) 52%, color-mix(in srgb, var(--swatch) 50%, black));width:2.45rem;height:2.45rem;box-shadow:inset 0 0 0 1px #ffffff38, 0 0 12px color-mix(in srgb, var(--swatch) 35%, transparent);border-radius:50%}.metal-meta{flex-direction:column;gap:.08rem;min-width:0;display:flex}.metal-meta strong{font-size:.88rem;font-weight:600}.metal-meta span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.metal-sym{color:var(--muted);font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:.7rem}.metal-hint{color:var(--cyan);margin-top:.55rem;font-size:.72rem}@keyframes marquee-in{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){#marquee{top:max(.45rem, env(safe-area-inset-top))}#hud{top:4.4rem;left:max(.55rem, env(safe-area-inset-left));width:min(13.5rem,100vw - 1.2rem)}#gallery{top:auto;bottom:max(.45rem, env(safe-area-inset-bottom));left:max(.45rem, env(safe-area-inset-left));right:max(.45rem, env(safe-area-inset-right));width:auto;max-height:28vh;overflow:auto}.controls{grid-template-columns:1fr}.metal-list{grid-template-columns:1fr 1fr;display:grid}}#faces{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#060a10b8;border:1px solid #00e5ff40;border-radius:10px;width:12rem;padding:.7rem .8rem;position:absolute;top:1rem;right:1rem}#faces h2{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan,#00e5ff);margin:0 0 .4rem;font-size:.72rem}.face-thumbs{flex-wrap:wrap;gap:.45rem;min-height:0;margin:.5rem 0 .55rem;display:flex}.face-thumb{background:#0c1420;border:2px solid #00e5ff8c;border-radius:50%;flex:none;width:2.4rem;height:2.4rem;position:relative;overflow:hidden}.face-thumb img{object-fit:cover;width:100%;height:100%;display:block}.face-actions{gap:.45rem;display:flex}.face-actions .btn{color:var(--cyan,#00e5ff);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#00e5ff14;border:1px solid #00e5ff59;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:.32rem .5rem;font:600 .68rem/1.2 Chakra Petch,sans-serif;transition:background .18s,border-color .18s;display:inline-flex}.face-actions .btn:hover{background:#00e5ff2e;border-color:#00e5ff99}.face-actions .btn-primary{background:#00e5ff24;border-color:#00e5ff73}.face-hint{color:#7dffb3;letter-spacing:.02em;min-height:.9rem;margin:.5rem 0 0;font-size:.68rem}.face-hint:empty{min-height:0;margin:0}.face-privacy{color:#eff6ff8c;margin:.45rem 0 0;font-size:.64rem;line-height:1.35}@media (width<=720px){#faces{width:11rem;inset:auto 1rem 1rem auto}}#boot{z-index:50;background:var(--void);transition:opacity .24s var(--ease);place-items:center;display:grid;position:fixed;inset:0}#boot.boot-out{opacity:0;pointer-events:none}.boot-inner{text-align:center;width:min(20rem,78vw)}.boot-kicker{letter-spacing:.32em;color:var(--cyan);margin-bottom:.3rem;font-size:.6rem}.boot-title{letter-spacing:.08em;color:var(--text);margin-bottom:1.1rem;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:700}.boot-track{background:#00e5ff29;border-radius:2px;height:2px;overflow:hidden}.boot-bar{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--magenta));width:0%;height:100%;transition:width .22s var(--ease)}.boot-bar.boot-seek{width:34%;animation:boot-seek 1.1s var(--ease) infinite}@keyframes boot-seek{0%{transform:translate(-110%)}to{transform:translate(320%)}}.boot-stage{letter-spacing:.02em;color:var(--muted);margin-top:.7rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem}#boot.boot-failed .boot-stage{color:var(--magenta)}@media (prefers-reduced-motion:reduce){.boot-bar.boot-seek{opacity:.5;width:100%;animation:none}}#fps{z-index:30;border:1px solid var(--border);letter-spacing:.02em;color:var(--muted);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#06080db8;border-radius:.35rem;padding:.2rem .45rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6rem;position:fixed;top:.5rem;right:.5rem}#fps[data-grade=good]{color:var(--cyan)}#fps[data-grade=fair]{color:#ffc861}#fps[data-grade=poor]{color:var(--magenta)}@media (width>=721px){#fps{top:auto;bottom:.5rem;right:.5rem}}#debug-toggle{text-align:center;z-index:31;border:1px solid var(--border);min-width:3.4rem;color:var(--muted);letter-spacing:.08em;cursor:pointer;background:#06080db8;border-radius:.35rem;padding:.2rem .5rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6rem;position:fixed;top:.5rem;right:9.5rem}#debug-toggle[aria-expanded=true]{color:var(--void);background:var(--cyan);border-color:var(--cyan)}#debug-toggle:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}#debug{z-index:31;border:1px solid var(--border);background:#06080df0;border-radius:.5rem;gap:.4rem;width:min(19rem,100vw - 1rem);max-height:min(28rem,100dvh - 6rem);padding:.55rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.65rem;display:grid;position:fixed;top:2.2rem;right:.5rem;overflow-y:auto}@media (pointer:coarse){#debug-toggle{top:auto;bottom:.5rem;right:.5rem}#debug{width:min(15rem,100vw - 1rem);max-height:min(20rem,100dvh - 11rem);font-size:.6rem;top:auto;bottom:2.4rem}}#debug[hidden]{display:none}.debug-group{border:1px solid var(--border);border-radius:.35rem;padding:.35rem .45rem}.debug-group>summary{cursor:pointer;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.92em;list-style:none;display:flex}.debug-group>summary::-webkit-details-marker{display:none}.debug-group>summary:before{content:"▸";color:var(--cyan);transition:transform .14s var(--ease)}.debug-group[open]>summary:before{transform:rotate(90deg)}.debug-group[open]>summary{border-bottom:1px solid var(--border);margin-bottom:.45rem;padding-bottom:.35rem}.debug-group>summary:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.debug-rows{gap:.45rem;display:grid}.debug-row{color:var(--muted);grid-template-columns:4.6rem 1fr 3rem;align-items:center;gap:.4rem;display:grid}.debug-row output{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.debug-row input{width:100%;accent-color:var(--cyan)}.debug-checks{gap:.25rem;display:grid}.debug-scenes{gap:.15rem;display:grid}.debug-scene{color:var(--text);border:1px solid #0000;border-radius:.25rem;gap:.05rem;padding:.3rem .4rem;text-decoration:none;display:grid}.debug-scene b{font-size:1.02em;font-weight:500}.debug-scene i{color:var(--muted);font-size:.92em;font-style:normal}a.debug-scene:hover,a.debug-scene:focus-visible{border-color:var(--cyan);background:#00e5ff12;outline:none}.debug-scene[data-current=true]{color:var(--cyan);background:#00e5ff0f}.debug-scene[data-current=true] b:after{content:" · here";color:var(--muted);font-size:.9em}.debug-check{color:var(--muted);justify-content:space-between;gap:.5rem;display:flex}.debug-check b{font-variant-numeric:tabular-nums;font-weight:500}.debug-check[data-ok=true] b{color:var(--cyan)}.debug-check[data-ok=false] b{color:var(--magenta)}.debug-reset{border:1px solid var(--border);width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:.3rem;margin-top:.5rem;padding:.35rem}.debug-reset:hover,.debug-reset:focus-visible{color:var(--text);border-color:var(--cyan)}