:root{--text:#a993d8;--text-h:#f3ecff;--bg:#120a24;--face:#2b1d4d;--face-hi:#6f52ad;--face-li:#493578;--face-lo:#1a1033;--face-dk:#080413;--accent:#ff2fb9;--accent-2:#23e5e5;--accent-bg:#ff2fb91f;--accent-border:#ff2fb98c;--border:#402d6f;--code-bg:#0c0718;--ok:#39ff88;--warn:#ffc93c;--err:#ff3b6b;--sans:ui-monospace, Consolas, "Courier New", monospace;--mono:ui-monospace, Consolas, "Courier New", monospace;--raised:inset -1px -1px var(--face-dk), inset 1px 1px var(--face-hi), inset -2px -2px var(--face-lo), inset 2px 2px var(--face-li);--sunken:inset 1px 1px var(--face-lo), inset -1px -1px var(--face-hi), inset 2px 2px var(--face-dk), inset -2px -2px var(--face-li);font:16px/150% var(--sans);letter-spacing:.3px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:15px}}body{min-height:100svh;margin:0;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 70% at 50% 0,#ff2fb938,#0000 60%),radial-gradient(90% 60% at 50% 100%,#23e5e529,#0000 65%),repeating-linear-gradient(90deg,#ff2fb924 0 1px,#0000 1px 72px),repeating-linear-gradient(#23e5e517 0 1px,#0000 1px 72px);position:fixed;inset:0}body:after{content:"";z-index:3;pointer-events:none;background:repeating-linear-gradient(#00000017 0 1px,#0000 1px 4px);position:fixed;inset:0}#app{box-sizing:border-box;flex-direction:column;gap:16px;width:940px;max-width:100%;min-height:100svh;margin:0 auto;padding:28px 20px 40px;display:flex;position:relative}.brand{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.logo{aspect-ratio:461/141;background:linear-gradient(170deg, var(--accent-2), var(--accent) 70%);filter:drop-shadow(0 0 7px #ff2fb9a6);flex:none;width:280px;-webkit-mask:url(../1khp_logo.svg) 50%/contain no-repeat;mask:url(../1khp_logo.svg) 50%/contain no-repeat}header{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input{font:14px var(--mono);color:var(--accent-2);background:var(--code-bg);min-width:0;box-shadow:var(--sunken);caret-color:var(--accent);border:none;border-radius:0;flex:220px;padding:9px 11px}input::placeholder{color:#5c4a8a}input:focus-visible{color:var(--text-h);box-shadow:var(--sunken), 0 0 0 1px var(--accent-border);outline:none}input:disabled{opacity:.45}button{font:13px/1 var(--mono);text-transform:uppercase;letter-spacing:1.4px;color:var(--text-h);background:var(--face);cursor:pointer;box-shadow:var(--raised);border:none;border-radius:0;padding:10px 16px;font-weight:700;transition:color .15s,text-shadow .15s}button.primary{color:var(--accent);text-shadow:0 0 10px #ff2fb999}button:hover:not(:disabled){color:var(--accent-2);text-shadow:0 0 10px #23e5e5b3}button:active:not(:disabled){box-shadow:var(--sunken);padding:11px 15px 9px 17px}button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}.status{font:12px/1 var(--mono);text-transform:uppercase;letter-spacing:1.4px;background:var(--code-bg);box-shadow:var(--sunken);border:none;border-radius:0;padding:7px 12px;font-weight:700}.status.idle{color:var(--text)}.status.pending{color:var(--warn);text-shadow:0 0 9px #ffc93cb3}.status.live{color:var(--ok);text-shadow:0 0 9px #39ff88cc}#pads{font:13px var(--mono);letter-spacing:1px;color:var(--text);margin:0}#state{font:13px/165% var(--mono);color:var(--accent-2);background:var(--code-bg);box-shadow:var(--sunken);border:none;border-radius:0;margin:0;padding:12px;overflow-x:auto}#stage{aspect-ratio:4/3;background:var(--face);box-shadow:var(--raised);border:none;border-radius:0;padding:8px;position:relative}#stage iframe{width:100%;height:100%;box-shadow:var(--sunken);background:#05030c;border:none;display:block}#stage:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 120%,#0000 55%,#0000008c),repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);position:absolute;inset:8px}#hud{z-index:2}#countdown{object-fit:contain;pointer-events:none;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}#hud{font:13px/170% var(--mono);letter-spacing:1.5px;color:var(--accent-2);text-shadow:0 0 10px #23e5e5bf;box-shadow:var(--sunken);white-space:pre;pointer-events:none;background:#080413b8;border-radius:0;margin:0;padding:10px 14px;font-weight:700;position:absolute;top:20px;left:20px}#log{min-height:240px;font:13px/165% var(--mono);color:var(--text);background:var(--code-bg);box-shadow:var(--sunken);white-space:pre-wrap;word-break:break-word;border:none;border-radius:0;flex:auto;margin:0;padding:12px;position:relative;overflow-y:auto}#log .sent{color:var(--accent);text-shadow:0 0 8px #ff2fb973}#log .recv{color:var(--accent-2);text-shadow:0 0 8px #23e5e573}#log .info{color:#6f5aa8}#log .error{color:var(--err);text-shadow:0 0 8px #ff3b6b80}