:root{--cyan:#00f0ff;--magenta:#ff2a6d;--yellow:#f9e900;--green:#05ffa1;--bg-void:#0a0a0f;--bg-surface:#0a0c12eb;--bg-surface-solid:#0c0e14;--text-primary:#e4e4e4;--text-dim:#d2d2d273;--border-dim:#00f0ff2e;--font-mono:"Cascadia Code", "JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace;--font-cjk:"Microsoft JhengHei", "PingFang TC", "Noto Sans TC", sans-serif;--cut-btn:polygon(0 0, 100% 0, 100% 100%, 92% 100%, 92% 85%, 82% 85%, 82% 100%, 10% 100%, 0 72%);--cut-node:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);--cut-panel:polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-mono), var(--font-cjk);min-height:100dvh;overflow:hidden}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}#root:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}.noise-overlay{pointer-events:none;z-index:9998;opacity:.035;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/256px 256px;position:fixed;inset:0}.top-bar{z-index:10;border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1.25rem;display:flex;position:relative}.top-bar-title{font-family:"Orbitron", var(--font-mono);color:var(--yellow);text-shadow:0 0 10px #f9e90080;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:1.5rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.top-bar-left,.top-bar-right{z-index:1;align-items:center;gap:.5rem;display:flex}.top-bar-title:before{content:"[ ";color:var(--text-dim)}.top-bar-title:after{content:" ]";color:var(--text-dim)}.btn-icon{border:1px solid var(--border-dim);color:var(--cyan);cursor:pointer;clip-path:polygon(0 0,100% 0,100% 70%,85% 100%,0 100%);background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1rem;transition:border-color .15s,background .15s;display:flex}.btn-icon:hover{border-color:var(--cyan);background:#00f0ff14}.btn-clear{color:var(--magenta);font-family:var(--font-mono), var(--font-cjk);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #ff2a6d4d;border-radius:0;flex-shrink:0;padding:.35rem .8rem;font-size:.7rem;transition:background .15s,border-color .15s}.btn-clear:hover:not(:disabled){border-color:var(--magenta);background:#ff2a6d1a}.btn-clear:disabled{opacity:.3;cursor:not-allowed}.main-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:relative}.breach-btn{background:var(--yellow);color:#0a0a0f;font-family:var(--font-mono), var(--font-cjk);letter-spacing:.2em;cursor:pointer;text-transform:uppercase;clip-path:var(--cut-btn);z-index:5;border:none;padding:1rem 3.5rem;font-size:1.15rem;font-weight:700;transition:filter .15s;position:relative}.breach-btn:hover:not(:disabled){filter:brightness(1.15)}.breach-btn:disabled{opacity:.3;cursor:not-allowed;filter:saturate(.3)}.breach-btn:after{content:"";background:var(--magenta);opacity:0;width:10%;height:15%;transition:opacity .1s;position:absolute;bottom:0;left:82%}.breach-btn:hover:not(:disabled):after{opacity:1;animation:.3s steps(2,end) infinite btn-glitch-bar}@keyframes btn-glitch-bar{0%{transform:translate(0)}50%{transform:translate(-3px,1px)}to{transform:translate(2px,-1px)}}.node-grid-container{aspect-ratio:1;width:min(700px,90vw,75vh);height:min(700px,90vw,75vh);position:relative}.node-grid-container:before,.node-grid-container:after{content:"";border-color:var(--cyan);opacity:.3;pointer-events:none;z-index:3;border-style:solid;width:30px;height:30px;position:absolute}.node-grid-container:before{border-width:2px 0 0 2px;top:-4px;left:-4px}.node-grid-container:after{border-width:0 2px 2px 0;bottom:-4px;right:-4px}.node-grid-canvas{width:100%;height:100%;position:absolute;inset:0}.node{clip-path:var(--cut-node);background:var(--bg-surface);font-family:var(--font-mono), var(--font-cjk);color:var(--cyan);text-align:center;text-overflow:ellipsis;word-break:break-all;cursor:default;-webkit-user-select:none;user-select:none;z-index:2;filter:drop-shadow(0 0 3px #00f0ff66)drop-shadow(0 0 8px #00f0ff26);border:none;justify-content:center;align-items:center;padding:.35em;font-size:.85rem;transition:filter .12s,color .12s;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.node-visiting{color:#fff!important;filter:drop-shadow(0 0 6px #00f0ffcc)drop-shadow(0 0 18px #00f0ff66)drop-shadow(0 0 35px #00f0ff26)!important;background:#00f0ff33!important;transform:translate(-50%,-50%)scale(1.15)!important}.node-selected{animation:.35s ease-in-out 4 pulse-selected;color:var(--bg-void)!important;background:var(--yellow)!important;filter:drop-shadow(0 0 8px #f9e900e6)drop-shadow(0 0 25px #f9e90080)drop-shadow(0 0 50px #f9e90033)!important;transform:translate(-50%,-50%)scale(1.25)!important}@keyframes pulse-selected{0%,to{filter:drop-shadow(0 0 8px #f9e900e6)drop-shadow(0 0 25px #f9e90080)}50%{filter:drop-shadow(0 0 15px #f9e900)drop-shadow(0 0 40px #f9e900b3)drop-shadow(0 0 70px #f9e9004d)}}.result-overlay{z-index:100;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.result-overlay-label{color:var(--magenta);letter-spacing:.35em;text-transform:uppercase;text-shadow:0 0 10px #ff2a6d99;margin-bottom:.5rem;font-size:.75rem}.result-overlay-label:before{content:"// ";opacity:.4}.result-overlay-name{color:var(--yellow);text-shadow:0 0 15px #f9e90099,0 0 40px #f9e90033;padding:.15em .4em;font-size:clamp(2rem,8vw,5rem);font-weight:700;position:relative}.result-overlay-name:before,.result-overlay-name:after{content:attr(data-text);justify-content:center;align-items:center;padding:.15em .4em;font-weight:700;display:flex;position:absolute;inset:0}.result-overlay-name:before{color:var(--cyan);animation:.8s step-end infinite glitch-clip-1}.result-overlay-name:after{color:var(--magenta);animation:.6s step-end infinite glitch-clip-2}@keyframes glitch-clip-1{0%{clip-path:inset(15% 0 80%);transform:translate(-4px)}10%{clip-path:inset(60% 0 10%);transform:translate(3px)}20%{clip-path:inset(0% 0 90%);transform:translate(-2px)}30%{clip-path:inset(40% 0);transform:translate(4px)}40%{clip-path:inset(80% 0 5%);transform:translate(-3px)}50%{clip-path:inset(10% 0 70%);transform:translate(2px)}60%{clip-path:inset(50% 0 30%);transform:translate(-5px)}70%{clip-path:inset(25% 0 55%);transform:translate(3px)}80%{clip-path:inset(70% 0 15%);transform:translate(-2px)}90%{clip-path:inset(5% 0 85%);transform:translate(4px)}to{clip-path:inset(35% 0 50%);transform:translate(-3px)}}@keyframes glitch-clip-2{0%{clip-path:inset(70% 0 5%);transform:translate(3px)}15%{clip-path:inset(20% 0 60%);transform:translate(-4px)}30%{clip-path:inset(85% 0 0%);transform:translate(2px)}45%{clip-path:inset(5% 0 75%);transform:translate(-3px)}60%{clip-path:inset(45% 0 35%);transform:translate(5px)}75%{clip-path:inset(65% 0 20%);transform:translate(-2px)}90%{clip-path:inset(30% 0 50%);transform:translate(3px)}to{clip-path:inset(55% 0 25%);transform:translate(-4px)}}.result-dismiss-btn{color:var(--magenta);font-family:var(--font-mono), var(--font-cjk);letter-spacing:.2em;cursor:pointer;background:0 0;border:1px solid #ff2a6d59;margin-top:2rem;padding:.5rem 1.5rem;font-size:.75rem;transition:border-color .15s,background .15s}.result-dismiss-btn:hover{border-color:var(--magenta);background:#ff2a6d14}.screen-flash{z-index:99;pointer-events:none;background:#f9e9001f;animation:.25s ease-out forwards flash-out;position:fixed;inset:0}@keyframes flash-out{0%{opacity:1}to{opacity:0}}.panel-backdrop{z-index:50;background:#0009;animation:.15s fade-in;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.side-panel{background:var(--bg-surface-solid);border-right:1px solid var(--border-dim);z-index:51;width:min(360px,85vw);clip-path:var(--cut-panel);flex-direction:column;animation:.2s slide-in;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.panel-header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.panel-header h2{color:var(--yellow);letter-spacing:.2em;text-transform:uppercase;font-size:.8rem}.panel-header h2:before{content:"// ";color:var(--text-dim)}.panel-section{border-bottom:1px solid #00f0ff0d;padding:1rem 1.25rem}.panel-section-label{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;font-size:.65rem}.panel-section-label:before{content:"> ";color:var(--cyan);opacity:.5}.panel-input{border:1px solid var(--border-dim);width:100%;color:var(--text-primary);font-family:var(--font-mono), var(--font-cjk);background:#00f0ff08;border-left:2px solid #00f0ff40;border-radius:0;outline:none;padding:.5rem .75rem;font-size:.8rem;transition:border-color .15s}.panel-input:focus{border-left-color:var(--cyan);border-color:#00f0ff4d}.panel-input::placeholder{color:var(--text-dim)}.option-list{flex-direction:column;gap:.3rem;margin-bottom:.75rem;list-style:none;display:flex}.option-item{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.option-item input{color:var(--text-primary);font-family:var(--font-mono), var(--font-cjk);background:0 0;border:none;border-bottom:1px solid #00f0ff14;border-radius:0;outline:none;flex:1;padding:.25rem 0;font-size:.8rem}.option-item input:focus{border-bottom-color:var(--cyan)}.option-delete-btn{color:#ff2a6d66;cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.85rem;line-height:1;transition:color .15s}.option-delete-btn:hover{color:var(--magenta)}.add-option-row{gap:.5rem;display:flex}.add-option-row .panel-input{flex:1}.btn-small{border:1px solid var(--border-dim);color:var(--cyan);font-family:var(--font-mono), var(--font-cjk);cursor:pointer;white-space:nowrap;letter-spacing:.05em;background:#00f0ff0f;border-radius:0;padding:.4rem .75rem;font-size:.7rem;transition:background .15s,border-color .15s}.btn-small:hover{background:#00f0ff1f;border-color:#00f0ff4d}.toggle-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.toggle-label{color:var(--text-primary);font-size:.75rem}.toggle-switch{border:1px solid var(--border-dim);cursor:pointer;background:#00f0ff14;border-radius:0;flex-shrink:0;width:38px;height:20px;transition:background .2s,border-color .2s;position:relative}.toggle-switch.active{background:#f9e90026;border-color:#f9e90080}.toggle-switch:after{content:"";background:var(--cyan);width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle-switch.active:after{background:var(--yellow);transform:translate(18px)}.history-list{flex-direction:column;gap:.2rem;max-height:200px;list-style:none;display:flex;overflow-y:auto}.history-item{color:var(--text-dim);justify-content:space-between;font-size:.7rem;display:flex}.history-item-label{color:var(--text-primary)}.history-item-label:before{content:"> ";color:var(--cyan);opacity:.3}.history-item-time{font-size:.6rem}.history-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.no-options-msg{color:var(--text-dim);letter-spacing:.15em;text-align:center;font-size:.85rem}.no-options-msg:before{content:"[SYS] ";color:var(--magenta);opacity:.5}.hud-status{color:var(--text-dim);letter-spacing:.15em;z-index:10;pointer-events:none;font-size:.55rem;position:fixed;bottom:.5rem;right:1rem}.hud-status:before{content:"SYS//";color:#00f0ff4d}.site-footer{text-align:center;color:#d2d2d259;letter-spacing:.2em;text-transform:uppercase;pointer-events:none;z-index:10;border-top:1px solid var(--border-dim);padding:.6rem 1rem;font-size:.55rem;position:fixed;bottom:0;left:0;right:0}.site-footer-copy{font-family:var(--font-mono);color:#d2d2d22e;margin-top:.15rem;font-size:.5rem}.hud-side{z-index:5;pointer-events:none;opacity:.75;flex-direction:column;gap:1.8rem;width:180px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.hud-side-left{align-items:flex-start;left:1.2rem}.hud-side-right{align-items:flex-end;right:1.2rem}@media (width<=1000px){.hud-side{display:none}}.hud-block{flex-direction:column;gap:.25rem;display:flex}.hud-label{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 6px #00f0ff4d;font-size:.7rem}.hud-data{color:var(--text-dim);letter-spacing:.1em;font-size:.7rem}.hud-data-cyan{color:var(--cyan);opacity:.75}.hud-data-dim{opacity:.45}.hud-bar{background:#00f0ff1a;width:130px;height:5px;position:relative}.hud-bar-fill{background:var(--cyan);opacity:.55;height:100%;animation:4s ease-in-out infinite alternate hud-bar-pulse}.hud-bar-magenta{background:var(--magenta)}.hud-bar-yellow{background:var(--yellow)}@keyframes hud-bar-pulse{0%{opacity:.25}50%{opacity:.55}to{opacity:.3}}.hud-vert-line{background:linear-gradient(#0000 0%,#00f0ff33 30% 70%,#0000 100%);width:1px;height:100px}.hud-side-left .hud-vert-line{margin-left:2px}.hud-side-right .hud-vert-line{margin-right:2px}.hud-waveform{width:130px;height:24px;position:relative;overflow:hidden}.hud-waveform:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 3px,#00f0ff4d 3px 4px);animation:3s linear infinite waveform-scroll;position:absolute;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='16'%3E%3Cpath d='M0,8 Q5,2 10,8 T20,8 T30,8 T40,8 T50,8 T60,8 T70,8 T80,8' fill='none' stroke='white' stroke-width='8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='16'%3E%3Cpath d='M0,8 Q5,2 10,8 T20,8 T30,8 T40,8 T50,8 T60,8 T70,8 T80,8' fill='none' stroke='white' stroke-width='8'/%3E%3C/svg%3E");-webkit-mask-size:80px 16px;mask-size:80px 16px}.hud-waveform-alt:before{background:repeating-linear-gradient(90deg,#0000 0 2px,#ff2a6d4d 2px 3px);animation-duration:4s;animation-direction:reverse}@keyframes waveform-scroll{0%{transform:translate(-20px)}to{transform:translate(0)}}