:root{--bg:#05060b;--ink:#e7e9f0;--ink-dim:#9aa0b4;--ink-faint:#646a80;--glass:#0c0e16b8;--glass-strong:#0e101ae6;--line:#a0afd729;--line-strong:#aab9e14d;--cyan:#9be8ff;--ti:#8fc4ff;--se:#ffb54a;--ni:#a593ff;--fe:#ff5fa8;--paper:#e9e3d6;--ok:#8fffc8;--sans:"Inter", "Helvetica Neue", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Consolas, monospace;--panel-w:300px;--gutter:16px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45;overflow:hidden}#app{position:fixed;inset:0}.gl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.labels{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.brand,.hud,.caption,.story-bar,.panel,.card{z-index:1}button{font:inherit;color:inherit}kbd{font-family:var(--mono);border:1px solid var(--line-strong);color:var(--ink-dim);background:#ffffff08;border-bottom-width:2px;border-radius:4px;padding:3px 5px;font-size:10px;line-height:1}.brand{top:var(--gutter);left:calc(var(--gutter) + 4px);pointer-events:none;position:absolute}.brand h1{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:15px;font-weight:600}.brand p{color:var(--ink-dim);margin:2px 0 0;font-size:12px}.hud{bottom:74px;left:var(--gutter);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:236px;font-family:var(--mono);border-radius:10px;gap:7px;padding:12px 14px;font-size:11px;display:grid;position:absolute}.gauge{color:var(--ink-dim);grid-template-columns:74px 1fr 26px;align-items:center;gap:8px;display:grid}.gauge-track,.auth-track,.mini-track{background:#ffffff12;border-radius:2px;height:4px;position:relative;overflow:hidden}.gauge-fill,.auth-fill,.mini-fill{transform-origin:0;border-radius:2px;position:absolute;inset:0;transform:scaleX(0)}.g-ti .gauge-fill{background:linear-gradient(90deg, #4d7fb8, var(--ti))}.g-se .gauge-fill{background:linear-gradient(90deg, #a46a17, var(--se))}.g-ni .gauge-fill{background:linear-gradient(90deg, #5a4bb7, var(--ni))}.gauge-value{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}.auth{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;row-gap:6px;margin-top:4px;padding-top:9px;display:grid}.auth-name{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.auth-value{color:var(--fe);font-variant-numeric:tabular-nums;text-shadow:0 0 14px #ff50a073;font-size:22px}.auth-track{grid-column:1/-1}.auth-fill{background:linear-gradient(90deg, #b03a7a, var(--fe))}.loop-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--ni);background:#5a46c826;border:1px solid #a593ff80;border-radius:4px;justify-self:start;padding:3px 7px;font-size:10px;display:none}.loop-badge.on{animation:1.6s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.55}}.caption{left:var(--gutter);right:calc(var(--panel-w) + var(--gutter) * 2);bottom:var(--gutter);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;max-width:760px;color:var(--ink);pointer-events:none;border-radius:10px;margin:0 auto;padding:11px 16px;font-size:14px;position:absolute}.story-bar{left:calc(var(--gutter) * 2 + 236px);right:calc(var(--panel-w) + var(--gutter) * 2);background:var(--glass-strong);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;max-width:760px;margin:0 auto;padding:14px 18px 16px;display:none;position:absolute;bottom:74px}.mode-story .story-bar{animation:.5s ease-out rise;display:block}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.story-head{align-items:center;gap:12px;display:flex}.story-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.story-dots{flex:1;gap:6px;display:flex}.dot{background:#ffffff1f;border-radius:2px;width:18px;height:3px;transition:background .4s}.dot.done{background:#ff5fa880}.dot.now{background:var(--fe)}.story-text{margin:10px 0 0;font-size:17px;line-height:1.45}.panel{top:var(--gutter);right:var(--gutter);bottom:var(--gutter);width:var(--panel-w);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;border-radius:12px;padding:6px 16px 14px;position:absolute;overflow-y:auto}.panel-sec{border-bottom:1px solid var(--line);padding:12px 0 8px}.panel h2,.keys summary{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 10px;font-size:10px;font-weight:500}.ctl{border-left:2px solid var(--accent);margin-bottom:8px;padding:8px 0 10px 10px}.c-ti{--accent:var(--ti)}.c-se{--accent:var(--se)}.c-ni{--accent:var(--ni)}.ctl-head{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.sym{font-family:var(--mono);color:var(--accent);font-size:13px;font-weight:600}.ctl-name{font-size:13px}.ctl-row{align-items:center;gap:10px;display:flex}.ctl-row .mini-track{flex:1}.c-se .mini-fill{background:var(--se)}.c-ni .mini-fill{background:var(--ni)}.hint{color:var(--ink-faint);margin:7px 0 0;font-size:11.5px;line-height:1.4}.slider{--v:0%;appearance:none;background:linear-gradient(90deg, var(--ti) var(--v), #ffffff1a var(--v));cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ti);background:#1a1e28;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #8fc4ff1f}.slider::-moz-range-thumb{border:2px solid var(--ti);background:#1a1e28;border-radius:50%;width:14px;height:14px}.slider:focus-visible{box-shadow:0 0 0 3px #8fc4ff59}.slider:disabled{opacity:.45;cursor:default}.btn{border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;background:#ffffff09;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:7px 11px;font-size:12.5px;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff14;border-color:#becdf073}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{background:0 0}.btn.primary{background:#ff5fa829;border-color:#ff5fa88c}.btn.primary:hover{background:#ff5fa842}.toggle .led{background:#ffffff2e;border-radius:50%;width:7px;height:7px;transition:background .2s,box-shadow .2s}.toggle[aria-pressed=true]{border-color:#8fffc873}.toggle[aria-pressed=true] .led{background:var(--ok);box-shadow:0 0 8px var(--ok)}.ctl .toggle{justify-content:space-between;min-width:104px}.prompts{gap:7px;display:grid}.prompts h2{margin-bottom:3px}.btn.prompt{text-align:left;border-color:#ff5fa84d;justify-content:flex-start}.btn.prompt:before{content:"";background:radial-gradient(circle,#fff,#ff8cc4 60%,#0000 70%);border-radius:50%;flex:none;width:8px;height:8px}.btn-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.btn-grid .btn{justify-content:space-between}.keys{padding:12px 0 0}.keys summary{cursor:pointer;margin:0;list-style-position:inside}.keys dl{grid-template-columns:auto 1fr;gap:5px 12px;margin:10px 0 0;font-size:12px;display:grid}.keys dt{font-family:var(--mono);color:var(--ink)}.keys dd{color:var(--ink-dim);margin:0}.panel-toggle{right:var(--gutter);bottom:var(--gutter);z-index:3;display:none;position:absolute}.mode-story .panel .ctl,.mode-story .panel .prompts{opacity:.55}.plate{pointer-events:auto;text-align:left;border:1px solid #bec8e633;border-left:2px solid var(--accent,var(--line-strong));font-family:var(--mono);color:var(--ink);cursor:pointer;white-space:nowrap;background:linear-gradient(#242834d1,#10121adb);border-radius:4px;gap:1px;padding:6px 9px 6px 10px;font-size:10.5px;line-height:1.35;transition:opacity .3s,border-color .2s;display:grid;box-shadow:inset 0 1px #ffffff12,0 4px 16px #00000059}.plate:hover{border-color:#d2dcf573}.plate:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.plate-name{letter-spacing:.03em;font-weight:600}.plate-role{color:var(--ink-dim)}.plate-state{color:var(--accent,var(--ink-dim));opacity:.75}.plate.ok .plate-state{opacity:1}.plate.ok .plate-state:before{content:"● ";vertical-align:1px;font-size:8px}.p-source{--accent:var(--cyan)}.p-ti{--accent:var(--ti)}.p-se{--accent:var(--se)}.p-ni{--accent:var(--ni)}.p-fe{--accent:var(--fe)}.p-sheet{--accent:var(--paper)}.labels-off .plate{opacity:0;pointer-events:none}.mode-intro .plate{opacity:0}.card{left:var(--gutter);background:var(--glass-strong);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;border-radius:12px;width:340px;max-height:calc(100% - 342px);padding:16px 18px 14px;transition:opacity .25s,transform .25s;position:absolute;top:72px;overflow-y:auto;transform:translate(-12px)}.card.open{opacity:1;pointer-events:auto;transform:none}.card-title{margin:0;font-size:15px;font-weight:600}.card[data-id=ti] .card-title{color:var(--ti)}.card[data-id=se] .card-title{color:var(--se)}.card[data-id=ni] .card-title{color:var(--ni)}.card[data-id=fe] .card-title{color:var(--fe)}.card[data-id=source] .card-title{color:var(--cyan)}.card-state{font-family:var(--mono);color:var(--ink-dim);margin:4px 0 10px;font-size:11px}.card-state.ok{color:var(--ok)}.card-body p{color:#cfd3df;margin:0 0 9px;font-size:13.5px}.card-close{margin-top:4px}.intro{padding:var(--gutter);z-index:10;background:radial-gradient(#05060b73,#05060bd9);place-items:center;display:grid;position:absolute;inset:0}.intro[hidden]{display:none}.intro-box{background:var(--glass-strong);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;max-width:520px;padding:28px 30px 24px;animation:.7s ease-out rise}.intro h2{letter-spacing:.06em;margin:0 0 14px;font-size:22px;font-weight:600}.intro p{color:#cfd3df;margin:0 0 12px;font-size:14.5px}.intro .disclaimer{color:var(--ink-dim);border-left:2px solid var(--line-strong);padding-left:10px;font-size:12.5px}.intro-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.intro-actions .btn{padding:10px 16px;font-size:14px}.fallback{max-width:520px;padding:0 var(--gutter);margin:18vh auto}.fallback h1{font-size:20px}.fallback p{color:var(--ink-dim)}@media (max-width:1023px){:root{--panel-w:0px}.panel-toggle{display:inline-flex}.panel{top:auto;left:var(--gutter);right:var(--gutter);z-index:2;grid-template-columns:1fr 1fr;column-gap:18px;width:auto;max-height:52vh;display:grid;bottom:60px}.panel>.panel-sec:first-child{grid-row:span 3}.panel-closed .panel{display:none}.caption{right:120px}.story-bar{left:var(--gutter);right:var(--gutter);bottom:64px}.card{z-index:3;max-height:50vh;top:auto;bottom:64px}.hud{width:210px;top:64px;bottom:auto}}@media (max-width:680px){.panel{grid-template-columns:1fr}.hud{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}