@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";:root{color:#f7f5ff;font-synthesis:none;text-rendering:optimizelegibility;background:#05060b;font-family:Space Mono,monospace}*{box-sizing:border-box}body{background-color:#05060b;background-image:radial-gradient(circle at 20% 0,#5e54c933,#0000 35%);min-width:320px;min-height:100vh;margin:0}button,canvas{touch-action:manipulation}#game-shell{flex-direction:column;width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:28px 24px 24px;display:flex}.game-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;display:flex}.eyebrow{color:#8bf4ff;letter-spacing:.18em;margin:0 0 8px;font-size:11px}h1{color:#f7f5ff;letter-spacing:-.06em;margin:0;font-size:clamp(22px,4vw,36px);line-height:1}.scoreboard{color:#f7f5ff;white-space:nowrap;flex-wrap:wrap;justify-content:end;gap:8px;font-size:13px;display:flex}.scoreboard span{background:#131424cc;border:1px solid #33365c;padding:8px 10px;transition:border-color .16s,color .16s,transform .16s}#collision-data-label{color:#8bf4ff}.scoreboard span.is-updated{color:#8bf4ff;border-color:#8bf4ff;animation:.42s ease-out resource-pulse}#game-container{cursor:crosshair;background:#090a12;border:1px solid #33365c;width:100%;overflow:hidden;box-shadow:0 0 60px #4e3fbe29}#game-container canvas{display:block;width:100%!important;height:auto!important}#game-container:active{border-color:#8bf4ff;box-shadow:0 0 70px #8bf4ff3d}.game-status{color:#8589a8;letter-spacing:.04em;text-align:center;margin:14px 0 0;font-size:12px}.game-status.is-over{color:#ffad76}.game-status.is-event{color:#8bf4ff;animation:.42s ease-out status-pulse}.control-panel{grid-template-columns:minmax(0,1fr) minmax(220px,.4fr);gap:12px;margin-top:12px;display:grid}.program-panel,.alphabet-panel{background:#131424db;border:1px solid #33365c;padding:14px}.panel-label{color:#8589a8;letter-spacing:.16em;margin:0 0 8px;font-size:10px}.program-caption{color:#f7f5ff;min-height:24px;font-size:14px;display:block}.program-visual{scrollbar-color:#4e54a0 #111327;background:#05060b9e;border:1px solid #33365c;width:100%;margin-top:12px;overflow-x:auto}.program-track{align-items:center;gap:10px;min-width:max-content;padding:12px;display:flex}.program-node{color:#f7f5ff;background:#181a32;border:1px solid #4e54a0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:92px;min-height:74px;padding:8px 10px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.program-node-alphabet{border-color:#5b61b5;min-width:112px}.program-node-uuid{background:#182b3a;border-color:#8bf4ff}.program-node-auto.is-active{background:#33243a;border-color:#ffad76}.program-node-title{color:#8589a8;letter-spacing:.12em;white-space:nowrap;font-size:9px}.program-node-detail{color:#8bf4ff;letter-spacing:.04em;white-space:nowrap;font-size:13px}.program-node-auto .program-node-detail{color:#ffad76}.loop-stack,.parallel-stack{align-items:center;gap:4px;min-height:22px;display:flex}.program-layer{color:#090a12;background:#8bf4ff;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:inline-flex}.program-layer-ring{color:#8bf4ff;background:0 0;border:2px solid #8bf4ff;border-radius:50%;width:20px;height:20px}.program-layer-lane{color:#b69cff;background:#b69cff2e;border:1px solid #b69cff;width:22px;height:12px}.program-layer-idle{color:#8589a8;background:0 0;border:1px dashed #5b61b5;width:38px;height:18px;font-size:7px}.program-connector{background:#4e54a0;flex:0 0 24px;width:24px;height:1px;display:block;position:relative}.program-connector:after{content:"";border-top:1px solid #8bf4ff;border-right:1px solid #8bf4ff;width:6px;height:6px;position:absolute;top:-3px;right:-1px;transform:rotate(45deg)}.program-node.is-pulsing,.program-connector.is-pulsing{animation:.46s ease-out program-pulse}.program-node.is-auto-pulsing,.program-connector.is-auto-pulsing{animation:.32s ease-out program-auto-pulse}.program-node.is-upgraded{animation:.62s cubic-bezier(.2,.8,.2,1) program-upgrade}.button-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}button{color:#f7f5ff;font:inherit;cursor:pointer;background:#1b1e3b;border:1px solid #4e54a0;padding:9px 11px;font-size:11px;transition:border-color .12s,background .12s,transform .12s}button:hover:not(:disabled){background:#292e5c;border-color:#8bf4ff;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.42}.alphabet-value{color:#8bf4ff;letter-spacing:.16em;min-height:24px;margin:0 0 14px;font-size:18px}.footer-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-row .game-status{flex:1}.secondary-button{color:#8589a8;background:0 0;border-color:#33365c}.ending-panel{z-index:10;text-align:center;background:#090a12f5;border:1px solid #8bf4ff;width:min(520px,100% - 32px);padding:30px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #8bf4ff3d}.ending-panel h2{margin:0 0 12px;font-size:clamp(20px,5vw,30px)}.ending-panel p:not(.eyebrow):not(.staff-roll){color:#b5b7d0;font-size:12px;line-height:1.8}.staff-roll{color:#8bf4ff;letter-spacing:.12em;margin:28px 0;font-size:11px;line-height:2}@keyframes resource-pulse{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes status-pulse{0%{opacity:.55;transform:translateY(2px)}45%{opacity:1;transform:translateY(0)}to{opacity:.8}}@keyframes program-pulse{0%{border-color:#4e54a0;transform:scale(1);box-shadow:0 0 #8bf4ff00}45%{border-color:#8bf4ff;transform:scale(1.06);box-shadow:0 0 20px #8bf4ffa3}to{border-color:#4e54a0;transform:scale(1);box-shadow:0 0 #8bf4ff00}}@keyframes program-auto-pulse{0%,to{box-shadow:0 0 #ffad7600}50%{border-color:#ffad76;box-shadow:0 0 14px #ffad766b}}@keyframes program-upgrade{0%{transform:scale(1)}35%{border-color:#fff;transform:scale(1.14);box-shadow:0 0 28px #8bf4ffcc}to{transform:scale(1)}}.program-editor-toolbar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.program-editor-action,.program-palette-button,.program-node-upgrade,.program-node-action,.program-port{color:#b5b7d0;font:inherit;background:#111327;border:1px solid #4e54a0;font-size:9px}.program-editor-action,.program-palette-button{padding:6px 8px}.program-editor-hint{color:#8589a8;font-size:9px}.program-editor-surface{touch-action:pan-x pan-y;background-color:#05060bb8;background-image:linear-gradient(#4e54a01c 1px,#0000 1px),linear-gradient(90deg,#4e54a01c 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #33365c;min-width:1120px;min-height:430px;position:relative;overflow:hidden}.program-editor-wires,.program-editor-layer{position:absolute;inset:0}.program-editor-wires{z-index:0;pointer-events:auto}.program-wire{fill:none;cursor:pointer;pointer-events:stroke;stroke:#5b61b5;stroke-width:2px;stroke-dasharray:5 4;opacity:.78}.program-editor-layer{z-index:1}.program-editor-node{color:#f7f5ff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#181a32f5;border:1px solid #4e54a0;flex-direction:column;gap:5px;width:146px;min-height:112px;padding:9px 10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:absolute;box-shadow:0 0 18px #4e54a024}.program-editor-node:active{cursor:grabbing}.program-editor-node-on_click{border-color:#8bf4ff}.program-editor-node-on_timer{border-color:#ffad76}.program-editor-node-uuid,.program-editor-node-collide{background:#182b3af5}.program-editor-node-branch{border-color:#b69cff}.program-editor-node-header{color:#8bf4ff;letter-spacing:.08em;white-space:nowrap;justify-content:space-between;align-items:center;font-size:10px;display:flex}.program-editor-node-on_timer .program-editor-node-header{color:#ffad76}.program-editor-node-detail{color:#f7f5ff;font-size:14px;font-weight:700}.program-editor-node-description{color:#8589a8;letter-spacing:.04em;min-height:20px;font-size:8px}.program-node-action{color:#8589a8;cursor:pointer;width:20px;height:20px;padding:0}.program-node-upgrade{color:#8bf4ff;cursor:pointer;align-self:start;padding:4px 6px}.program-node-upgrade:disabled,.program-palette-button:disabled,.program-editor-action:disabled{cursor:not-allowed;opacity:.4}.program-port{z-index:2;color:#8589a8;cursor:crosshair;touch-action:none;width:34px;min-height:16px;padding:2px 3px;font-size:7px;position:absolute}.program-port-input{top:50%;left:-18px;transform:translateY(-50%)}.program-port-output{top:50%;right:-18px;transform:translateY(-50%)}.program-editor-node-branch [data-port-id=high]{top:36%}.program-editor-node-branch [data-port-id=low]{top:64%}.program-port.is-pending,.program-port:hover{color:#8bf4ff;border-color:#8bf4ff;box-shadow:0 0 12px #8bf4ff8c}.program-node-palette{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.program-edge-list{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.program-edge-remove{color:#8589a8;font:inherit;cursor:pointer;background:0 0;border:1px solid #33365c;padding:4px 6px;font-size:8px}.program-edge-remove:hover{color:#ff7d9d;border-color:#ff7d9d}.program-palette-button{color:#b69cff;cursor:pointer}.program-editor-status{color:#ffad76;margin:8px 0 0;font-size:10px}.program-editor-status.is-error{color:#ff7d9d}.program-editor-node.is-program-clicking{animation:.48s ease-out editor-node-click}.program-editor-node.is-program-ticking{animation:.34s ease-out editor-node-timer}@keyframes editor-node-click{45%{border-color:#8bf4ff;transform:scale(1.06);box-shadow:0 0 28px #8bf4ffc7}}@keyframes editor-node-timer{50%{border-color:#ffad76;box-shadow:0 0 22px #ffad7694}}@media (width<=680px){#game-shell{padding:20px 12px 16px}.game-header{flex-direction:column;align-items:start;gap:14px}.scoreboard{justify-content:start}.control-panel{grid-template-columns:1fr}.footer-row{flex-direction:column;align-items:stretch}}