*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;background:#000}body{overflow:hidden;font-family:"Arial Narrow","DIN Condensed","Roboto Condensed","Noto Sans JP","Hiragino Sans","Yu Gothic",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
:root{--ink:#07130d;--bg:#020503;--green:#72f5ab;--green2:#9bffd0;--green-dim:#1b9a65;--orange:#ff8614;--amber:#ffb136;--red:#ff4035;--yellow:#ffe568}
button,textarea,input{font:inherit}.viewport{width:100vw;height:100dvh;display:grid;place-items:center;background:#000;overflow:hidden;position:relative}.console-shell{container-type:size;position:relative;width:min(100vw,calc(100dvh * 1.88));height:min(100dvh,calc(100vw / 1.88));aspect-ratio:1.88/1;background:radial-gradient(circle at 52% 46%,#082015 0,#031009 28%,#010302 72%);border:1px solid #3e260d;overflow:hidden;color:var(--amber);display:grid;grid-template-columns:9.2cqw 1fr;grid-template-rows:6.1cqh 1fr 3.1cqh;box-shadow:0 0 0 1px #000,0 0 26px #000}
.crt{position:absolute;inset:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.55}.crt:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 59%,rgba(0,0,0,.5) 100%)}
.console-top{grid-column:1/3;display:grid;grid-template-columns:34% 1fr 31%;height:100%;align-items:center;border-top:.35cqh solid var(--orange);border-bottom:.22cqh solid var(--orange);background:#020302;position:relative;z-index:4}.brand{height:100%;display:flex;align-items:center;gap:1cqw;padding:0 1.15cqw}.brand b{font-size:2.25cqw;line-height:1;color:var(--green2);letter-spacing:.055em;text-shadow:0 0 1cqw rgba(114,245,171,.28)}.brand span{font-size:.61cqw;letter-spacing:.15em;color:var(--orange);white-space:nowrap}.top-center{text-align:center;font-size:.55cqw;letter-spacing:.17em;color:#896131;white-space:nowrap}.top-right{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:.7cqw;padding:0 1cqw;border-left:.08cqw solid #86480e;font-size:.59cqw;letter-spacing:.12em;color:var(--green2);white-space:nowrap}.top-right i{width:.5cqw;height:.5cqw;border-radius:50%;background:var(--green);box-shadow:0 0 .7cqw var(--green)}.top-right i.busy{background:var(--orange);box-shadow:0 0 .9cqw var(--orange);animation:statusPulse .65s steps(2,end) infinite}.top-right time{color:var(--amber);border-left:.06cqw solid #6d3c0d;padding-left:.75cqw}
.left-rail{grid-column:1;grid-row:2;position:relative;border-right:.15cqw solid var(--orange);background:linear-gradient(180deg,#050605,#020503);overflow:hidden;padding:.8cqh .6cqw}.rail-kanji{position:absolute;right:.5cqw;top:1.2cqh;writing-mode:vertical-rl;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;color:var(--orange);font-size:1.55cqw;font-weight:900;letter-spacing:.09em;line-height:1}.rail-bars{height:.45cqh;width:5.6cqw;margin:.5cqh 0;background:repeating-linear-gradient(90deg,var(--green2) 0 1.55cqw,transparent 1.55cqw 2cqw)}.rail-data{position:absolute;left:.72cqw;right:.72cqw;top:20cqh;display:grid;gap:1.35cqh}.rail-data span{font-size:.46cqw;color:#a97635;letter-spacing:.08em;border-bottom:.06cqw solid rgba(255,134,20,.28);padding-bottom:.55cqh;white-space:nowrap}
.console-main{grid-column:2;grid-row:2;min-width:0;min-height:0;display:grid;grid-template-rows:7.7cqh minmax(0,1fr) 13.2cqh auto auto;gap:.65cqh;padding:.75cqh 1.05cqw .65cqh;overflow:hidden}.resolution-head{display:flex;align-items:end;justify-content:space-between;border-bottom:.08cqw solid var(--orange);padding:0 0 .9cqh}.resolution-head>div{display:flex;align-items:end;gap:1.1cqw}.resolution-head strong{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:2.25cqw;line-height:.9;color:var(--orange);letter-spacing:.06em}.resolution-head span{font-size:.52cqw;letter-spacing:.18em;color:var(--green2);padding-bottom:.25cqh}.resolution-head small{font-size:.49cqw;color:#91612c;letter-spacing:.11em;padding-bottom:.25cqh}
.magi-stage{position:relative;min-height:0;border-left:.06cqw solid rgba(255,134,20,.28);border-right:.06cqw solid rgba(255,134,20,.28);overflow:hidden;background:linear-gradient(90deg,transparent 49.9%,rgba(255,134,20,.07) 49.95% 50.05%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(255,134,20,.05) 50%,transparent 50.1%)}.magi-stage:before,.magi-stage:after{content:"";position:absolute;left:8%;right:8%;height:.06cqw;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:.22}.magi-stage:before{top:8%}.magi-stage:after{bottom:8%}.signal-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.signal-map .signal{fill:none;stroke:var(--orange);stroke-width:1.4;vector-effect:non-scaling-stroke;opacity:.4;transition:opacity .2s}.signal-map circle{fill:none;stroke:var(--orange);stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.18;stroke-dasharray:6 10}.signal-map .signal.hot{opacity:1;stroke:var(--green2);stroke-dasharray:8 8;animation:flow .55s linear infinite}.magi-stage.CROSS .signal-map .signal{opacity:1;stroke:var(--orange);stroke-dasharray:7 7;animation:flow .45s linear infinite}.magi-stage.CROSS .signal-map circle{stroke:var(--green2);opacity:.5;animation:ringDash 2.5s linear infinite}
.magi-node{--shape:polygon(0 0,100% 0,100% 100%,0 100%);position:absolute;border:0;padding:0;background:transparent;color:var(--ink);text-align:left;z-index:3;cursor:default;overflow:visible}.magi-node:before{content:"";position:absolute;inset:0;background:var(--green);clip-path:var(--shape);box-shadow:inset 0 0 0 .14cqw rgba(0,40,21,.55)}.magi-node:after{content:"";position:absolute;inset:.25cqw;background:repeating-linear-gradient(0deg,transparent 0 .45cqh,rgba(0,0,0,.045) .45cqh .58cqh);clip-path:var(--shape);pointer-events:none}.magi-node.north{--shape:polygon(7% 0,93% 0,100% 17%,100% 100%,58% 100%,50% 88%,42% 100%,0 100%,0 17%);width:40.5%;height:25.5%;left:29.75%;top:2.5%}.magi-node.west{--shape:polygon(0 0,82% 0,100% 17%,100% 78%,83% 100%,0 100%);width:35.8%;height:25.5%;left:4.6%;bottom:3%}.magi-node.east{--shape:polygon(18% 0,100% 0,100% 100%,17% 100%,0 78%,0 17%);width:35.8%;height:25.5%;right:4.6%;bottom:3%}.magi-node>*{position:relative;z-index:1}.node-number{position:absolute;right:1.2cqw;top:.5cqh;font-size:3.6cqw;line-height:1;font-weight:900;opacity:.1;letter-spacing:-.08em}.node-jp{position:absolute;left:1.45cqw;top:1.25cqh;font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:1cqw;line-height:1;font-weight:900;letter-spacing:.08em}.node-name{position:absolute;left:1.45cqw;top:4.15cqh;font-size:1.34cqw;font-weight:900;letter-spacing:.02em;white-space:nowrap}.node-provider{position:absolute;left:1.45cqw;top:7.3cqh;font-size:.47cqw;font-weight:800;letter-spacing:.07em;white-space:nowrap}.node-rule{position:absolute;left:1.45cqw;right:1.4cqw;bottom:4.65cqh;height:.07cqw;background:rgba(0,48,25,.45)}.node-bottom{position:absolute;left:1.45cqw;right:1.4cqw;bottom:1.55cqh;display:flex;justify-content:space-between;align-items:end}.node-bottom span{font-size:.46cqw;letter-spacing:.13em}.node-bottom strong{font-size:.82cqw;letter-spacing:.05em}.node-confidence{position:absolute;left:1.45cqw;right:1.4cqw;bottom:.7cqh;height:.34cqh;background:rgba(0,0,0,.18)}.node-confidence span{display:block;height:100%;background:#062416}.node-confidence em{position:absolute;right:0;top:-1.35cqh;font-size:.42cqw;font-style:normal;font-weight:800}.magi-node.ACTIVE:before{background:#a1ffd2;animation:nodePulse .58s steps(2,end) infinite}.magi-node.ACTIVE .node-bottom strong{animation:textBlink .55s steps(2,end) infinite}.magi-node.REVEALED{cursor:pointer;animation:revealNode .28s ease-out}.magi-node.YES:before{background:#8dffc4}.magi-node.NO:before{background:#ff544a}.magi-node.ABSTAIN:before{background:#ffe86a}.magi-node:disabled{opacity:1}
.magi-core{position:absolute;z-index:6;left:50%;top:52%;transform:translate(-50%,-50%);width:9.4cqw;height:9.4cqw;display:grid;place-items:center;color:var(--amber)}.orbit{position:absolute;inset:0;border:.13cqw solid var(--orange);border-radius:50%}.orbit-a{clip-path:polygon(0 0,100% 0,100% 48%,0 48%)}.orbit-b{inset:.75cqw;border-color:var(--green2);border-style:dashed;opacity:.36;animation:spin 12s linear infinite reverse}.core-hex{width:6.6cqw;height:6.6cqw;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border:.13cqw solid var(--orange);background:#020403;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.core-hex small{font-size:.39cqw;color:var(--green2);letter-spacing:.12em}.core-hex b{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:1.2cqw;line-height:1;margin:.38cqh 0;color:var(--amber)}.core-hex strong{font-size:.45cqw;max-width:5.4cqw;color:var(--green2);letter-spacing:.06em;line-height:1.15}.core-hex em{font-size:.35cqw;font-style:normal;color:#806b45;margin-top:.35cqh}.magi-core.PROCESSING{animation:corePulse .8s ease-in-out infinite}.magi-core.PROCESSING .orbit-a{animation:spin 3s linear infinite}.magi-core.PROCESSING .orbit-b{animation:spin 1.8s linear infinite reverse}.magi-core.PROCESSING .core-hex{box-shadow:0 0 1.4cqw rgba(255,134,20,.2)}.magi-core.APPROVED .core-hex{border-color:var(--green2);color:var(--green2)}.magi-core.REJECTED .core-hex{border-color:var(--red);color:var(--red)}.magi-core.INCONCLUSIVE .core-hex{border-color:var(--yellow);color:var(--yellow)}.magi-core.FINAL{animation:finalFlash .6s steps(2,end) 2}
.process-banner{position:absolute;left:36%;right:36%;bottom:4.2%;height:3.4cqh;border:.06cqw solid var(--orange);background:#030502;display:grid;grid-template-columns:auto 1fr .8cqw;align-items:center;gap:.5cqw;padding:0 .55cqw;z-index:7}.process-banner span{font-size:.36cqw;color:#986124;letter-spacing:.13em}.process-banner b{font-size:.42cqw;color:var(--green2);letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.process-banner i{height:.5cqw;background:var(--orange);animation:statusPulse .55s steps(2,end) infinite}.final-band{position:absolute;left:34%;right:34%;bottom:4%;height:4.5cqh;border:.08cqw solid var(--orange);background:#020302;display:grid;grid-template-columns:2.2cqw 1fr auto;align-items:center;gap:.55cqw;padding:0 .6cqw;z-index:8;animation:revealBand .25s ease-out}.final-band>b{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:1cqw}.final-band strong{font-size:.73cqw;letter-spacing:.08em}.final-band span{font-size:.32cqw;color:#99703a;letter-spacing:.08em}.final-band.APPROVED{border-color:var(--green2);color:var(--green2)}.final-band.REJECTED{border-color:var(--red);color:var(--red)}.final-band.INCONCLUSIVE{border-color:var(--yellow);color:var(--yellow)}
.command-strip{min-height:0;border:.12cqw solid var(--orange);background:#020302;display:grid;grid-template-columns:8.2cqw minmax(0,1fr) 15.2cqw 9.1cqw;align-items:stretch}.motion-label{background:var(--orange);color:#160800;display:flex;flex-direction:column;justify-content:center;padding:0 .65cqw}.motion-label span{font-size:.52cqw;font-weight:900;letter-spacing:.07em}.motion-label small{font-size:.35cqw;font-weight:900;letter-spacing:.1em;margin-top:.45cqh}.command-strip textarea{border:0;border-right:.08cqw solid #70400f;background:#000;color:var(--amber);resize:none;outline:none;padding:1.05cqh .75cqw;font-size:.58cqw;line-height:1.35;min-width:0}.command-strip textarea:focus{box-shadow:inset 0 0 0 .08cqw var(--green2);color:var(--green2)}.switches{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;border-right:.08cqw solid #70400f}.switches label{display:flex;align-items:center;justify-content:center;gap:.28cqw;color:#725631;font-size:.39cqw;letter-spacing:.07em;border-right:.05cqw solid #472808;cursor:pointer}.switches label:last-child{border-right:0}.switches label.on{color:var(--green2);background:rgba(114,245,171,.055)}.switches input{accent-color:var(--green2);width:.65cqw;height:.65cqw;margin:0}.launch{border:0;background:var(--orange);color:#150700;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-weight:900}.launch b{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;font-size:.95cqw;line-height:1}.launch span{font-size:.38cqw;letter-spacing:.13em;margin-top:.5cqh}.launch:hover:not(:disabled){background:var(--green2)}.launch:disabled{opacity:.4;cursor:not-allowed}.launch:disabled:not(:empty){animation:launchPulse .8s steps(2,end) infinite}
.access-row{height:3.7cqh;border:.06cqw solid #70400f;display:grid;grid-template-columns:9cqw 1fr;align-items:center;background:#020302}.access-row span{font-size:.39cqw;letter-spacing:.1em;color:#9b6e31;padding-left:.6cqw}.access-row input{height:100%;border:0;border-left:.06cqw solid #70400f;background:#000;color:var(--green2);padding:0 .6cqw;font-size:.49cqw;outline:none}.fault-band{height:3.6cqh;border:.06cqw solid var(--red);color:var(--red);display:flex;align-items:center;padding:0 .6cqw;font-size:.48cqw;background:#120201}.console-foot{grid-column:1/3;grid-row:3;border-top:.08cqw solid var(--orange);background:#020302;display:flex;align-items:center;justify-content:space-between;padding:0 1cqw;font-size:.34cqw;letter-spacing:.12em;color:#6c4a20}
.detail-panel{position:fixed;z-index:100;left:50%;bottom:2vh;transform:translateX(-50%);width:min(86vw,1180px);max-height:42vh;background:#031009;border:2px solid var(--orange);color:var(--green2);box-shadow:0 0 40px #000;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.detail-head{position:sticky;top:0;background:var(--orange);color:#120700;display:flex;justify-content:space-between;align-items:center;padding:8px 11px;z-index:2}.detail-head>div{display:flex;align-items:center;gap:12px}.detail-head b{font-size:16px}.detail-head span{font-size:9px;letter-spacing:.08em}.detail-head button{border:0;background:#160800;color:var(--orange);padding:5px 8px;cursor:pointer;font-size:9px;font-weight:900}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:1px;background:#4f310f}.detail-grid section{background:#020503;padding:11px 12px}.detail-grid small{color:var(--orange);font-size:8px;letter-spacing:.12em}.detail-grid p,.detail-grid li{font-size:10px;line-height:1.45;color:#b9e9cf}.detail-grid ul{padding-left:16px;margin:7px 0}.detail-grid p{margin:7px 0}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes flow{to{stroke-dashoffset:-32}}@keyframes ringDash{to{stroke-dashoffset:-40}}@keyframes statusPulse{50%{opacity:.25}}@keyframes nodePulse{50%{filter:brightness(.78)}}@keyframes textBlink{50%{opacity:.42}}@keyframes corePulse{50%{filter:brightness(1.32)}}@keyframes finalFlash{50%{filter:brightness(1.8)}}@keyframes revealNode{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes revealBand{from{opacity:0;transform:scaleX(.6)}to{opacity:1;transform:scaleX(1)}}@keyframes launchPulse{50%{filter:brightness(.7)}}
@media(max-width:900px){body{overflow:auto}.viewport{height:auto;min-height:100vh;display:block}.console-shell{width:100%;height:auto;aspect-ratio:auto;display:block;border:0;min-height:100vh}.console-top{height:52px;display:flex;justify-content:space-between}.top-center,.left-rail,.console-foot{display:none}.brand b{font-size:25px}.brand span{font-size:8px}.top-right{font-size:8px}.top-right i{width:6px;height:6px}.console-main{display:block;padding:8px}.resolution-head{height:54px}.resolution-head strong{font-size:28px}.resolution-head span,.resolution-head small{font-size:7px}.magi-stage{height:auto;min-height:720px;display:flex;flex-direction:column;gap:8px;padding:8px 0 150px}.signal-map{display:none}.magi-node,.magi-node.north,.magi-node.west,.magi-node.east{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:150px;--shape:polygon(0 0,96% 0,100% 16%,100% 100%,4% 100%,0 84%)}.node-jp{font-size:14px;top:14px}.node-name{font-size:20px;top:38px}.node-provider{font-size:8px;top:70px}.node-number{font-size:54px}.node-bottom{bottom:16px}.node-bottom span{font-size:7px}.node-bottom strong{font-size:12px}.node-rule{bottom:42px}.node-confidence{bottom:8px}.magi-core{top:auto;bottom:25px;width:120px;height:120px}.core-hex{width:84px;height:84px}.core-hex b{font-size:16px}.core-hex strong{font-size:7px}.core-hex small{font-size:6px}.process-banner,.final-band{left:30%;right:30%;bottom:5px}.command-strip{margin-top:8px;grid-template-columns:1fr;min-height:240px}.motion-label{min-height:44px}.motion-label span{font-size:9px}.motion-label small{font-size:7px}.command-strip textarea{min-height:90px;font-size:12px}.switches{min-height:44px}.switches label{font-size:8px}.launch{min-height:54px}.launch b{font-size:16px}.launch span{font-size:7px}.detail-panel{width:94vw;max-height:70vh}.detail-grid{grid-template-columns:1fr}}