:root{--bg-deep: #030710;--bg-panel: rgba(5, 15, 30, .85);--cyan: #00e5ff;--cyan-dim: #005566;--cyan-glow: rgba(0, 229, 255, .2);--green: #00ff88;--yellow: #ffcc00;--orange: #ff6600;--red: #ff1744;--red-deep: #b40000;--text: #c8e6ff;--text-dim: #5a7a9a;--font-display: "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", "Noto Sans Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased}.archon-app{position:relative;width:100vw;height:100vh;overflow:hidden}.scene-container{position:absolute;inset:0;z-index:1}.l2-container{position:absolute;inset:0;z-index:1;padding:5vh 4vw;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,rgba(0,40,60,.3) 0%,transparent 70%),var(--bg-deep)}.hud-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:10;pointer-events:none}.hud-top-left,.hud-top-right,.hud-bottom-left,.hud-bottom-right{position:fixed;z-index:11;pointer-events:none}.hud-top-left{top:2.5vh;left:2vw}.hud-top-right{top:2.5vh;right:2vw;text-align:right}.hud-bottom-left{bottom:5vh;left:2vw}.hud-bottom-right{bottom:5vh;right:2vw}.hud-label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase}.hud-label--level{font-size:clamp(1.2rem,2vw,2rem);font-weight:800;color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow)}.hud-label--sub{font-size:clamp(.55rem,.9vw,.8rem);color:var(--text-dim);margin-top:.2em}.hud-label--sys{font-size:clamp(.5rem,.7vw,.7rem);color:var(--text-dim)}.hud-label--arch{font-size:clamp(.5rem,.7vw,.7rem);color:var(--cyan-dim)}.hud-status{display:flex;align-items:center;gap:.5em;font-family:var(--font-display);font-size:clamp(.55rem,.85vw,.75rem);letter-spacing:.15em}.hud-status__dot{width:6px;height:6px;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.hud-status--ok .hud-status__dot{background:var(--green);box-shadow:0 0 8px var(--green)}.hud-status--off .hud-status__dot{background:var(--red);box-shadow:0 0 8px var(--red)}.hud-time{font-family:var(--font-display);font-size:clamp(.7rem,1.2vw,1.1rem);font-weight:600;color:var(--cyan);letter-spacing:.3em;margin-top:.3em;text-shadow:0 0 10px var(--cyan-glow)}.view-selector{position:fixed;bottom:2.5vh;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:2px;background:var(--bg-panel);border:1px solid rgba(0,229,255,.15);border-radius:4px;overflow:hidden}.view-selector__btn{padding:.5em 1.5em;font-family:var(--font-display);font-size:clamp(.55rem,.8vw,.7rem);font-weight:600;letter-spacing:.2em;color:var(--text-dim);background:transparent;border:none;cursor:pointer;transition:all .3s}.view-selector__btn:hover{color:var(--text);background:#00e5ff0d}.view-selector__btn--active{color:var(--cyan);background:#00e5ff1a;text-shadow:0 0 10px var(--cyan-glow)}.tile-panel{position:fixed;top:6vh;right:1.5vw;bottom:7vh;width:clamp(220px,20vw,340px);z-index:5;display:flex;flex-direction:column;gap:.6vh;pointer-events:none}.tile-panel__header{font-family:var(--font-display);font-size:clamp(.5rem,.7vw,.65rem);letter-spacing:.35em;color:var(--cyan-dim);text-align:center;padding-bottom:.5em}.tile-panel__bracket{color:var(--cyan)}.tile-panel__title{margin:0 .5em}.tile-panel__list{flex:1;display:flex;flex-direction:column;gap:.6vh;overflow-y:auto;scrollbar-width:none}.tile-panel__list::-webkit-scrollbar{display:none}.holo-tile{--tile-accent: var(--cyan);position:relative;padding:clamp(8px,1vh,14px) clamp(10px,1vw,16px);background:linear-gradient(135deg,#001e32b3,#000f1e80);border:1px solid rgba(0,229,255,.12);border-left:2px solid var(--tile-accent);border-radius:3px;backdrop-filter:blur(6px);pointer-events:auto;opacity:0;transform:translate(20px);transition:opacity .4s,transform .4s;overflow:hidden}.holo-tile--visible{opacity:1;transform:translate(0)}.holo-tile--flash{animation:tile-flash .4s ease-out}.holo-tile__header{display:flex;align-items:center;gap:.5em;margin-bottom:.5em}.holo-tile__icon{font-size:.9em;color:var(--tile-accent)}.holo-tile__title{font-family:var(--font-display);font-size:clamp(.45rem,.65vw,.6rem);font-weight:600;letter-spacing:.2em;color:var(--text)}.holo-tile__status{margin-left:auto;width:6px;height:6px;border-radius:50%}.holo-tile__status--green{background:var(--green);box-shadow:0 0 6px var(--green)}.holo-tile__status--yellow{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.holo-tile__status--orange{background:var(--orange);box-shadow:0 0 6px var(--orange)}.holo-tile__status--offline{background:#556}.holo-tile__body{display:flex;flex-direction:column;gap:.25em}.holo-tile__row{display:flex;justify-content:space-between;align-items:baseline}.holo-tile__label{font-size:clamp(.45rem,.6vw,.55rem);color:var(--text-dim);letter-spacing:.1em}.holo-tile__value{display:flex;align-items:center;gap:.3em}.holo-tile__odometer{font-family:var(--font-display);font-size:clamp(.6rem,.9vw,.85rem);font-weight:600;color:var(--cyan);transition:all .3s}.holo-tile__trend{font-size:.5em}.holo-tile__trend--up{color:var(--green)}.holo-tile__trend--down{color:var(--red)}.holo-tile__trend--flat{color:var(--text-dim)}.holo-tile__raw{font-size:.5rem;color:var(--text-dim);line-height:1.3;max-height:60px;overflow:hidden;white-space:pre-wrap;word-break:break-all}.holo-tile__empty{font-size:clamp(.45rem,.6vw,.55rem);color:var(--text-dim);font-style:italic;letter-spacing:.15em}.holo-tile__scanline{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tile-accent),transparent);opacity:.3;animation:scanline-sweep 4s linear infinite}.holo-ticker{position:fixed;bottom:0;left:0;right:0;height:3.2vh;z-index:15;background:linear-gradient(to right,#000f1ef2,#00192dd9,#000f1ef2);overflow:hidden;display:flex;align-items:center}.holo-ticker__border{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.4}.holo-ticker__content{width:100%;overflow:hidden}.holo-ticker__scroll{display:flex;white-space:nowrap;animation:ticker-scroll 40s linear infinite;font-family:var(--font-mono);font-size:clamp(.45rem,.65vw,.6rem);color:var(--cyan-dim);letter-spacing:.15em}.holo-ticker__scroll>span{padding:0 4vw}.l2-deck{width:100%;max-width:1600px}.l2-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5vw;margin-bottom:4vh}.l2-summary__card{padding:clamp(12px,2vh,24px) clamp(16px,1.5vw,24px);background:var(--bg-panel);border:1px solid rgba(0,229,255,.1);border-radius:4px;display:flex;flex-direction:column;gap:.8em;text-align:center}.l2-summary__label{font-family:var(--font-display);font-size:clamp(.45rem,.6vw,.55rem);letter-spacing:.25em;color:var(--text-dim)}.l2-summary__value{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,2.2rem);font-weight:800;color:var(--text)}.l2-summary__value--alert{color:var(--orange);text-shadow:0 0 15px rgba(255,102,0,.4)}.l2-summary__value--pct{color:var(--green);text-shadow:0 0 15px rgba(0,255,136,.3)}.l2-mode--running{color:var(--green)!important}.l2-mode--alert{color:var(--orange)!important}.l2-mode--maint{color:var(--yellow)!important}.l2-title{font-family:var(--font-display);font-size:clamp(.5rem,.7vw,.65rem);letter-spacing:.3em;color:var(--cyan-dim);text-align:center;margin-bottom:2vh}.l2-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,.8vw,12px)}.l2-cell{position:relative;padding:clamp(8px,1.2vh,16px);background:var(--bg-panel);border:1px solid rgba(0,229,255,.08);border-radius:3px;text-align:center;transition:border-color .3s,box-shadow .3s}.l2-cell:hover{border-color:#00e5ff40;box-shadow:0 0 15px #00e5ff14}.l2-cell__dot{width:8px;height:8px;border-radius:50%;margin:0 auto .5em}.l2-cell--green .l2-cell__dot{background:var(--green);box-shadow:0 0 8px var(--green)}.l2-cell--yellow .l2-cell__dot{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.l2-cell--orange .l2-cell__dot{background:var(--orange);box-shadow:0 0 8px var(--orange);animation:pulse-dot 1s ease-in-out infinite}.l2-cell--offline .l2-cell__dot{background:#445}.l2-cell__id{font-family:var(--font-display);font-size:clamp(.6rem,1vw,.9rem);font-weight:600;color:var(--text);letter-spacing:.1em}.l2-cell__name{font-size:clamp(.4rem,.55vw,.5rem);color:var(--text-dim);letter-spacing:.15em;margin-top:.2em}.l2-cell__status{font-family:var(--font-display);font-size:clamp(.35rem,.45vw,.4rem);letter-spacing:.2em;margin-top:.4em}.l2-cell--green .l2-cell__status{color:var(--green)}.l2-cell--yellow .l2-cell__status{color:var(--yellow)}.l2-cell--orange .l2-cell__status{color:var(--orange)}.l2-cell--offline .l2-cell__status{color:#667}.dept-label{text-align:center;pointer-events:none}.dept-label__num{font-family:var(--font-display);font-size:10px;font-weight:600;color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow);letter-spacing:.1em}.dept-hover-label{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.dept-hover-label__name{font-family:var(--font-display);font-size:11px;font-weight:600;color:#fff;text-shadow:0 0 12px var(--cyan-glow);letter-spacing:.15em}.dept-hover-label__status{font-family:var(--font-mono);font-size:8px;letter-spacing:.2em;padding:1px 6px;border:1px solid rgba(0,229,255,.2);border-radius:2px;background:#000f1eb3}.dept-hover-label__status--green{color:var(--green);border-color:#00ff884d}.dept-hover-label__status--yellow{color:var(--yellow);border-color:#ffcc004d}.dept-hover-label__status--orange{color:var(--orange);border-color:#ff66004d}.dept-hover-label__status--offline{color:#667;border-color:#6464644d}.alert-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:none}.alert-overlay__pulse{position:absolute;inset:0;animation:alert-pulse 1s ease-in-out infinite}.alert-overlay--p0 .alert-overlay__pulse{background:#ff000026}.alert-overlay--p1 .alert-overlay__pulse{background:#ff66001a}.alert-overlay__content{text-align:center;z-index:1}.alert-overlay__badge{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:800;letter-spacing:.15em}.alert-overlay--p0 .alert-overlay__badge{color:var(--red);text-shadow:0 0 40px rgba(255,0,0,.6)}.alert-overlay--p1 .alert-overlay__badge{color:var(--orange);text-shadow:0 0 30px rgba(255,102,0,.5)}.alert-overlay__label{font-family:var(--font-display);font-size:clamp(.8rem,1.5vw,1.2rem);letter-spacing:.5em;color:var(--text);margin-top:.5em}.alert-overlay__message{font-family:var(--font-mono);font-size:clamp(.5rem,.8vw,.7rem);color:var(--text-dim);margin-top:1em;letter-spacing:.1em}.code-red{position:fixed;inset:0;z-index:60;pointer-events:none}.code-red__canvas{position:absolute;inset:0;width:100%;height:100%}.code-red__countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.code-red__countdown-label{font-family:var(--font-display);font-size:clamp(.6rem,1vw,.9rem);letter-spacing:.5em;color:var(--red);margin-bottom:.5em}.code-red__countdown-time{font-family:var(--font-display);font-size:clamp(4rem,10vw,8rem);font-weight:800;color:var(--red);text-shadow:0 0 40px rgba(255,23,68,.8),0 0 80px rgba(255,23,68,.4);letter-spacing:.15em}.code-red__countdown-sub{font-family:var(--font-display);font-size:clamp(.5rem,.8vw,.7rem);letter-spacing:.6em;color:var(--red-deep);margin-top:.5em}.code-red__status-bar{position:absolute;bottom:10vh;left:5vw;right:5vw;display:flex;flex-wrap:wrap;gap:.8em;justify-content:center}.code-red__dept-status{font-family:var(--font-mono);font-size:clamp(.4rem,.55vw,.5rem);color:var(--red);letter-spacing:.15em;padding:.2em .6em;border:1px solid rgba(255,0,0,.2)}.entropy-noise{position:fixed;inset:0;z-index:55;pointer-events:none;transition:opacity 2s ease-out}.entropy-noise__canvas{width:100%;height:100%}.entropy-noise__label{position:absolute;bottom:15vh;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:clamp(.5rem,.7vw,.65rem);letter-spacing:.4em;color:var(--cyan-dim)}.archon-app:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes tile-flash{0%{border-color:var(--cyan);box-shadow:0 0 20px var(--cyan-glow)}to{border-color:#00e5ff1f;box-shadow:none}}@keyframes scanline-sweep{0%{transform:translateY(-100%);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(3000%);opacity:0}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes alert-pulse{0%,to{opacity:.3}50%{opacity:1}}@media (min-aspect-ratio: 21/9){.l2-grid{grid-template-columns:repeat(9,1fr)}.l2-summary{grid-template-columns:repeat(4,1fr)}.tile-panel{width:15vw}}@media (min-aspect-ratio: 32/9){.l2-grid{grid-template-columns:repeat(9,1fr)}.tile-panel{width:12vw}}@media (max-width: 768px){.tile-panel{display:none}.l2-summary{grid-template-columns:repeat(2,1fr)}.l2-grid{grid-template-columns:repeat(3,1fr)}}.projection-btn{position:fixed;bottom:2.5vh;right:2vw;z-index:20;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--cyan-dim);background:var(--bg-panel);border:1px solid rgba(0,229,255,.15);border-radius:4px;cursor:pointer;transition:all .3s}.projection-btn:hover{color:var(--cyan);border-color:#00e5ff66;box-shadow:0 0 12px var(--cyan-glow)}.l2-cell--clickable{cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .2s}.l2-cell--clickable:hover{border-color:var(--cyan);box-shadow:0 0 20px #00e5ff26,inset 0 0 15px #00e5ff0d;transform:scale(1.03)}.l2-cell--clickable:active{transform:scale(.98)}.l2-cell--clickable:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.l2-cell__drill{font-family:var(--font-display);font-size:clamp(.3rem,.4vw,.35rem);letter-spacing:.2em;color:var(--cyan-dim);margin-top:.5em;opacity:0;transition:opacity .3s}.l2-cell--clickable:hover .l2-cell__drill{opacity:1}.archon-app--l3{background:var(--bg-deep)}.l3-detail{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 20%,rgba(0,40,80,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,60,60,.1) 0%,transparent 50%),var(--bg-deep);overflow:hidden;animation:l3-enter .4s ease-out}@keyframes l3-enter{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.l3-detail__header{display:flex;align-items:center;gap:1em;padding:2vh 3vw;border-bottom:1px solid rgba(0,229,255,.1);background:#050f1e99;backdrop-filter:blur(8px);flex-shrink:0}.l3-detail__back{font-family:var(--font-display);font-size:clamp(.5rem,.7vw,.65rem);font-weight:600;letter-spacing:.15em;color:var(--cyan);background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:3px;padding:.4em 1em;cursor:pointer;transition:all .3s}.l3-detail__back:hover{background:#00e5ff26;border-color:var(--cyan);box-shadow:0 0 12px var(--cyan-glow)}.l3-detail__icon{font-size:clamp(1.2rem,2vw,1.8rem)}.l3-detail__title{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.6rem);font-weight:800;letter-spacing:.15em;color:var(--text);text-shadow:0 0 15px rgba(200,230,255,.15)}.l3-detail__status-dot{width:10px;height:10px;border-radius:50%;margin-left:auto;animation:pulse-dot 2s ease-in-out infinite}.l3-detail__status-dot--green{background:var(--green);box-shadow:0 0 10px var(--green)}.l3-detail__status-dot--yellow{background:var(--yellow);box-shadow:0 0 10px var(--yellow)}.l3-detail__status-dot--orange{background:var(--orange);box-shadow:0 0 10px var(--orange)}.l3-detail__status-dot--offline{background:#556}.l3-detail__status-label{font-family:var(--font-display);font-size:clamp(.5rem,.7vw,.65rem);font-weight:600;letter-spacing:.2em;color:var(--text-dim)}.l3-detail__body{flex:1;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:2vw;padding:3vh 3vw;overflow:hidden}.l3-detail__section-title{font-family:var(--font-display);font-size:clamp(.45rem,.6vw,.55rem);font-weight:600;letter-spacing:.3em;color:var(--cyan-dim);margin-bottom:1.5vh;padding-bottom:.5em;border-bottom:1px solid rgba(0,229,255,.08)}.l3-detail__left{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cyan-dim) transparent}.l3-detail__submodules{display:flex;flex-direction:column;gap:.8vh}.l3-sub{display:flex;align-items:center;gap:.8em;padding:.6em .8em;background:#050f1e80;border:1px solid rgba(0,229,255,.06);border-radius:3px;transition:border-color .3s,box-shadow .3s}.l3-sub:hover{border-color:#00e5ff26;box-shadow:0 0 8px #00e5ff0d}.l3-sub__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.l3-sub--green .l3-sub__dot{background:var(--green);box-shadow:0 0 6px var(--green)}.l3-sub--yellow .l3-sub__dot{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.l3-sub--orange .l3-sub__dot{background:var(--orange);box-shadow:0 0 6px var(--orange)}.l3-sub--offline .l3-sub__dot{background:#556}.l3-sub__info{min-width:0}.l3-sub__name{font-family:var(--font-display);font-size:clamp(.4rem,.55vw,.5rem);font-weight:600;letter-spacing:.1em;color:var(--text)}.l3-sub__detail{font-size:clamp(.35rem,.45vw,.4rem);color:var(--text-dim);letter-spacing:.05em;margin-top:.15em}.l3-detail__center{display:flex;flex-direction:column}.l3-detail__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(6px,1vh,12px)}.l3-metric{padding:clamp(10px,1.5vh,18px) clamp(12px,1vw,18px);background:#050f1e99;border:1px solid rgba(0,229,255,.08);border-radius:3px;display:flex;flex-direction:column;gap:.4em;transition:border-color .3s}.l3-metric:hover{border-color:#00e5ff26}.l3-metric--empty{grid-column:1 / -1;text-align:center;color:var(--text-dim);font-size:clamp(.5rem,.7vw,.65rem);letter-spacing:.2em}.l3-metric__label{font-family:var(--font-display);font-size:clamp(.35rem,.45vw,.4rem);font-weight:600;letter-spacing:.25em;color:var(--text-dim)}.l3-metric__value{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.6rem);font-weight:800;color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow)}.l3-metric__trend{font-size:clamp(.5rem,.7vw,.6rem)}.l3-metric__trend--up{color:var(--green)}.l3-metric__trend--down{color:var(--red)}.l3-metric__trend--flat{color:var(--text-dim)}.l3-detail__sparkline-wrapper{margin-top:2vh}.l3-detail__sparkline{margin-top:.5vh}.l3-detail__right{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cyan-dim) transparent}.l3-detail__events{display:flex;flex-direction:column;gap:.4vh}.l3-event{display:flex;align-items:baseline;gap:.6em;padding:.4em .6em;font-size:clamp(.4rem,.5vw,.45rem);border-left:2px solid transparent;transition:background .2s}.l3-event:hover{background:#00e5ff08}.l3-event--info{border-left-color:var(--cyan-dim)}.l3-event--warn{border-left-color:var(--yellow)}.l3-event--error{border-left-color:var(--red)}.l3-event--empty{color:var(--text-dim);letter-spacing:.2em;padding:1em;text-align:center}.l3-event__time{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;letter-spacing:.05em}.l3-event__level{font-family:var(--font-display);font-weight:600;letter-spacing:.1em;flex-shrink:0;min-width:3em}.l3-event__level--info{color:var(--cyan-dim)}.l3-event__level--warn{color:var(--yellow)}.l3-event__level--error{color:var(--red)}.l3-event__msg{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.l3-detail__body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow-y:auto}}@media (min-aspect-ratio: 21/9){.l3-detail__body{grid-template-columns:1fr 2fr 1fr}.l3-detail__metrics{grid-template-columns:repeat(3,1fr)}}:fullscreen{background:var(--bg-deep)}