:root{--cyan:#31d2ff;--mag:#ff2bd6;--red:#ff3131;--pix:"Press Start 2P", ui-monospace, monospace;--wide:"Orbitron", ui-sans-serif, system-ui, sans-serif;--trim:#2e2350;--dim:#8f86b8}.page{background:radial-gradient(at 15% 0,#ff2bd629,#0000 45%),radial-gradient(at 90% 100%,#31d2ff24,#0000 45%),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 44px),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 44px),#05050a;justify-content:center;align-items:center;height:100%;padding:14px;display:flex}.cabinet{width:min(560px,100%);height:min(100%,1000px);box-shadow:0 0 0 2px var(--trim), 0 0 0 4px #0b0914, 0 0 42px #ff2bd638, 0 0 90px #31d2ff1f, 0 40px 80px #000000bf;background:linear-gradient(#1b1436 0%,#0e0b1d 45%,#0a0814 100%);border-radius:22px;flex-direction:column;gap:12px;padding:14px;display:flex;position:relative}.cabinet:before{content:"";pointer-events:none;border:1px solid #31d2ff47;border-radius:17px;position:absolute;inset:6px}.cabinet:after{content:"";pointer-events:none;border:1px solid #ff2bd62e;border-radius:15px;position:absolute;inset:9px}.marquee{text-align:center;-webkit-user-select:none;user-select:none;background:#06050c;border-radius:12px;padding:18px 12px 14px;position:relative;box-shadow:inset 0 0 0 2px #241b40,inset 0 0 30px #ff2bd61f,0 0 26px #ff2bd633}.marquee-title{font-family:var(--pix);letter-spacing:.04em;font-size:clamp(13px,3vw,22px);line-height:1.5;animation:7s infinite flicker}.t-cyan{color:var(--cyan);text-shadow:0 0 6px var(--cyan), 0 0 18px #31d2ffd9, 0 0 44px #31d2ff73}.t-mag{color:#ff3d6e;text-shadow:0 0 6px #ff3d6e,0 0 18px #ff2bd6d9,0 0 44px #ff2bd673}@keyframes flicker{0%,92%,to{opacity:1;transform:none}93%{opacity:.75;transform:translate(1px)}94%{opacity:1;transform:translate(-1px)}95%{opacity:.85;transform:none}96%{opacity:1}}.mute{font-family:var(--pix);letter-spacing:.06em;color:var(--dim);border:1px solid var(--trim);cursor:pointer;background:0 0;border-radius:6px;padding:6px 8px;font-size:7px;position:absolute;top:10px;right:10px}.mute:hover{color:#fff;border-color:#4a3c7a}.bezel{background:linear-gradient(#272040,#15111f);border-radius:16px;flex-direction:column;flex:1;min-height:0;padding:14px 14px 10px;display:flex;box-shadow:inset 0 2px #ffffff12,inset 0 -3px #0009,0 6px #070610}.screen-area{background:#000;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:0;padding:10px;display:flex;box-shadow:inset 0 0 0 1px #1c1830,inset 0 0 44px #000}.frame{border-radius:6px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #31d2ff59,0 0 26px #31d2ff38}.caption{font-family:var(--pix);letter-spacing:.1em;color:#fffc;text-shadow:0 1px 3px #000c;pointer-events:none;font-size:6px;position:absolute;bottom:8px;left:10px}.tagline{text-align:center;font-family:var(--pix);letter-spacing:.22em;color:var(--dim);-webkit-user-select:none;user-select:none;margin-top:10px;font-size:7px}.deck{box-shadow:inset 0 3px 0 #ffffff14, inset 0 0 0 1px var(--trim), 0 8px 0 #070610, 0 14px 30px #0009;background:linear-gradient(#2c2549 0%,#181334 55%,#100c22 100%);border-radius:14px;grid-template-rows:auto 1fr auto;grid-template-columns:76px 1fr 76px;gap:12px 10px;padding:14px 12px 16px;display:grid}.lever.left{grid-area:1/1/4;align-self:center}.lever.right{grid-area:1/3/4;align-self:center}.dash-top{flex-direction:column;grid-area:1/2;gap:8px;min-width:0;display:flex}.dash-mid{grid-area:2/2;align-self:center;align-items:flex-start;gap:12px;min-width:0;display:flex}.dash-bottom{grid-area:3/2;display:flex}.lcd-controls{align-items:flex-start;gap:10px;display:flex}.lcd-ctl{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.lcd-ctl-edition{flex:none}.lcd-cap{font-family:var(--pix);letter-spacing:.16em;color:#6d6690;text-shadow:0 1px #ffffff17;-webkit-user-select:none;user-select:none;padding-left:2px;font-size:6px}.lcd-hint{min-height:6px;font-family:var(--pix);letter-spacing:.14em;color:#5a5378;text-align:center;-webkit-user-select:none;user-select:none;font-size:5px}.lcd-row{align-items:center;gap:6px;display:flex}.lcd{box-sizing:border-box;height:36px;font-family:var(--pix);color:var(--red);text-shadow:0 0 8px #ff3131bf;border:2px solid var(--trim);letter-spacing:.06em;background:#0b0a10;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:9px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 0 14px #000}.lcd-display{cursor:default;outline:none;flex:1;min-width:0}.lcd-display:focus-visible,.lcd-id-wrap.focused{border-color:var(--cyan);box-shadow:inset 0 0 14px #000,0 0 12px #31d2ff73}.lcd-arrow{width:28px;height:36px;font-family:var(--pix);color:var(--red);text-shadow:0 0 8px #ff3131bf;border:2px solid var(--trim);cursor:pointer;background:#0b0a10;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;font-size:9px;transition:transform 50ms,border-color .15s,color .15s;display:flex;box-shadow:inset 0 0 10px #000}.lcd-arrow:hover:not(:disabled){color:#ff7070;border-color:#5a4a8a}.lcd-arrow:active:not(:disabled){transform:translateY(1px)}.lcd-arrow:disabled{opacity:.35;cursor:default}.lcd-nudge{flex-direction:column;gap:3px;display:flex}.lcd-nudge .lcd-arrow{border-width:1px;border-radius:4px;width:26px;height:16px;font-size:6px}.lcd-id-wrap{cursor:text;gap:1px;width:118px}.lcd-id-wrap:hover{border-color:#5a4a8a}.lcd-id-input{min-width:1ch;font:inherit;color:inherit;text-shadow:inherit;letter-spacing:inherit;text-align:right;caret-color:#0000;background:0 0;border:none;outline:none;margin:0;padding:0}.lcd-prompt{color:#b04040;font-size:7px}.lcd-caret{margin-left:1px;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}.abtn.pulse .well{animation:1.1s ease-in-out infinite summonPulse}@keyframes summonPulse{0%,to{box-shadow:0 0 0 4px #1a1530,0 0 0 6px #3a3060,inset 0 5px 10px #000000d9}50%{box-shadow:0 0 0 4px #1a1530, 0 0 0 6px #3a3060, 0 0 28px 6px color-mix(in srgb, var(--c) 75%, transparent), inset 0 5px 10px #000000d9}}.lcd-note{font-family:var(--pix);letter-spacing:.1em;color:#ff8a8a;text-align:center;font-size:6px}.abtn{--h:46px;--wall:color-mix(in srgb, var(--c) 58%, #000);--wall2:color-mix(in srgb, var(--c) 42%, #000);--hi:color-mix(in srgb, var(--c) 70%, #fff);--lo:color-mix(in srgb, var(--c) 62%, #000);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;min-width:0;padding:0;display:block}.abtn.bar{--h:60px;flex:none;width:100%}.abtn .well{height:var(--h);background:#0d0a1c;border-radius:9px;display:block;position:relative;box-shadow:0 0 0 4px #1a1530,0 0 0 6px #3a3060,inset 0 5px 10px #000000d9}.abtn .cap{background:linear-gradient(170deg, color-mix(in srgb, var(--c) 86%, #fff) 0%, var(--c) 45%, color-mix(in srgb, var(--c) 84%, #000) 100%);box-shadow:0 2px 0 var(--wall), 0 4px 0 var(--wall), 0 6px 0 var(--wall2), 0 10px 16px #0000008c, 0 0 18px color-mix(in srgb, var(--c) 35%, transparent);border-radius:9px;justify-content:center;align-items:center;transition:transform 60ms,box-shadow 60ms;display:flex;position:absolute;inset:0;transform:translateY(-6px)}.abtn .cap:after{content:"";box-sizing:border-box;border:4px solid var(--lo);border-top-color:var(--hi);border-left-color:color-mix(in srgb, var(--hi) 55%, var(--lo));border-right-color:color-mix(in srgb, var(--hi) 22%, var(--lo));pointer-events:none;border-radius:9px;position:absolute;inset:0}.abtn .cap:before{content:"";pointer-events:none;border-radius:6px;position:absolute;inset:4px;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000038}.abtn .lbl{z-index:1;font-family:var(--pix);letter-spacing:.14em;color:#000000c7;text-shadow:0 1px #ffffff47;font-size:7px;position:relative}.abtn.bar .lbl{letter-spacing:.34em;padding-left:.34em;font-size:12px}.abtn:not(:disabled):active .cap,.abtn.pressed .cap{box-shadow:0 1px 0 var(--wall2), 0 3px 8px #00000080, 0 0 26px color-mix(in srgb, var(--c) 70%, transparent);transform:translateY(-1px)}.abtn:disabled{cursor:default;opacity:.4}.abtn:disabled .cap{filter:saturate(.5)}.lever{font-family:var(--pix);letter-spacing:.1em;color:#c9c1e6;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:8px;font-size:6px;display:flex}.lever-val{color:var(--c);text-shadow:0 0 8px var(--c);font-size:9px}.lever-track{width:22px;height:150px;box-shadow:inset 0 0 0 2px var(--trim), inset 0 4px 10px #000;touch-action:none;cursor:grab;background:linear-gradient(90deg,#07060c,#1c1830,#07060c);border-radius:11px;outline:none;position:relative}.lever-track:focus-visible{box-shadow:inset 0 0 0 2px var(--c), inset 0 4px 10px #000}.lever-track:active{cursor:grabbing}.lever-notches{pointer-events:none;background:repeating-linear-gradient(#0000 0 8px,#ffffff1a 8px 9px);position:absolute;inset:14px 0}.lever-fill{background:var(--c);opacity:.85;box-shadow:0 0 10px var(--c);pointer-events:none;border-radius:6px;position:absolute;bottom:0;left:7px;right:7px}.lever-handle{pointer-events:none;background:linear-gradient(#f4f4f8 0%,#a4a4b4 45%,#5c5c6c 55%,#cfcfd8 100%);border-radius:6px;width:46px;height:22px;position:absolute;left:50%;transform:translate(-50%,50%);box-shadow:0 3px #2a2a34,0 7px 12px #000000a6,inset 0 1px #fff}.lever-handle:after{content:"";background:#00000059;border-radius:2px;height:3px;position:absolute;top:9px;left:8px;right:8px}.fault{color:#ff3b5c;cursor:pointer;text-align:center;background:#0b0b0c;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-family:"Press Start 2P",monospace;display:flex;position:absolute;inset:0}.fault-title{letter-spacing:2px;text-shadow:0 0 12px #ff3b5ccc;font-size:18px}.fault-hint{color:#9fb3bd;font-size:9px;animation:1.1s steps(2,start) infinite faultBlink}@keyframes faultBlink{to{visibility:hidden}}.lever.horizontal{flex-direction:row;align-items:center;gap:10px;width:100%;padding:8px 0}.lever.horizontal .lever-label{text-align:left;order:0;width:44px}.lever.horizontal .lever-track{background:linear-gradient(#07060c,#1c1830,#07060c);flex:1;order:1;width:auto;height:22px}.lever.horizontal .lever-val{text-align:right;order:2;width:34px}.lever.horizontal .lever-notches{background:repeating-linear-gradient(90deg,#0000 0 8px,#ffffff1a 8px 9px);inset:0 14px}.lever.horizontal .lever-fill{inset:7px auto 7px 0}.lever.horizontal .lever-handle{background:linear-gradient(90deg,#f4f4f8 0%,#a4a4b4 45%,#5c5c6c 55%,#cfcfd8 100%);width:22px;height:38px;top:50%;bottom:auto;left:0;transform:translate(-50%,-50%);box-shadow:3px 0 #2a2a34,7px 0 12px #000000a6,inset 1px 0 #fff}.lever.horizontal .lever-handle:after{width:3px;height:auto;inset:8px auto 8px 9px}body{overscroll-behavior:none}.mute,.lcd,.lcd-arrow{-webkit-tap-highlight-color:transparent}@media (width<=520px){.page{padding:8px}.cabinet{border-radius:18px;gap:10px;padding:10px}.marquee{padding:12px 10px 10px}.mute{margin-top:8px;display:inline-block;position:static}.bezel{padding:10px 10px 8px}.screen-area{padding:8px}.deck{grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;gap:10px;padding:12px 12px 14px}.dash-top{grid-area:1/1}.dash-mid{grid-area:2/1;gap:8px}.dash-bottom{grid-area:3/1}.lever.left{grid-area:4/1;align-self:stretch}.lever.right{grid-area:5/1;align-self:stretch}.lcd-controls{gap:8px}.lcd{padding:0 6px;font-size:8px}.abtn.bar{--h:54px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#f2f2f2;-webkit-font-smoothing:antialiased;background:#0a0a0b;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}