:root{--bg:#020812;--bg2:#04142a;--cy:#33e1ff;--cy2:#9ff6ff;--cy-dim:rgba(51,225,255,.18);--amber:#ffb547;--txt:#cfefff;--mut:#5f8fa8;--line:rgba(51,225,255,.28);--mono:ui-monospace,"SFMono-Regular","Cascadia Mono",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(ellipse at 50% 45%,var(--bg2) 0%,var(--bg) 70%);color:var(--txt);font:14px/1.5 var(--mono);letter-spacing:.04em;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--cy-dim) 1px,transparent 1px),linear-gradient(90deg,var(--cy-dim) 1px,transparent 1px);background-size:48px 48px;opacity:.22;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}.scan{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.scan:after{content:"";position:absolute;left:0;right:0;height:120px;top:-120px;background:linear-gradient(180deg,transparent,rgba(51,225,255,.07),transparent);animation:sweep 7s linear infinite}@keyframes sweep{to{top:100%}}.bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(51,225,255,.06),transparent)}.brand{font-weight:700;letter-spacing:.22em;color:var(--cy2);display:flex;align-items:center;gap:10px;font-size:13px}.brand b{color:var(--mut);font-weight:400}.hex{width:14px;height:14px;border:2px solid var(--cy);transform:rotate(45deg);box-shadow:0 0 10px var(--cy)}.status{display:flex;align-items:center;gap:8px;color:var(--cy);font-size:12px;letter-spacing:.2em}.dot{width:8px;height:8px;border-radius:50%;background:var(--cy);box-shadow:0 0 10px var(--cy);animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.clock{text-align:right;line-height:1.1}.clock span{display:block;font-size:20px;color:var(--cy2);text-shadow:0 0 12px rgba(51,225,255,.6)}.clock small{color:var(--mut);font-size:11px;letter-spacing:.18em}.stage{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:1fr minmax(300px,460px) 1fr;align-items:center;gap:24px;padding:24px;max-width:1400px;width:100%;margin:0 auto}.panel{position:relative;border:1px solid var(--line);background:#04142a8c;padding:18px 18px 20px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.panel:before,.panel:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--cy)}.panel:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.panel:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.panel h2{font-size:11px;letter-spacing:.24em;color:var(--cy);margin-bottom:14px;font-weight:600}.panel h2 span{color:var(--amber);margin-right:6px}dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:12px}dt{color:var(--mut)}dd{color:var(--cy2);text-align:right;text-shadow:0 0 8px rgba(51,225,255,.35)}.meter{margin-top:18px}.meter-label{font-size:11px;color:var(--mut);display:flex;justify-content:space-between;margin-bottom:6px}.meter-label span{color:var(--amber)}.meter-track{height:6px;background:#33e1ff1a;border:1px solid var(--line)}.meter-fill{height:100%;width:0;background:linear-gradient(90deg,var(--cy),var(--amber));box-shadow:0 0 10px var(--cy);transition:width 1.2s ease}.log{list-style:none;font-size:12px;min-height:220px;max-height:300px;overflow:hidden;display:flex;flex-direction:column;gap:6px}.log li{color:var(--txt);opacity:0;transform:translate(-6px);animation:in .35s forwards}.log li:before{content:"\203a  ";color:var(--cy)}.log li.ok:after{content:" [OK]";color:var(--cy)}.log li.warn:before{content:"! ";color:var(--amber)}.log time{color:var(--mut);margin-right:6px}@keyframes in{to{opacity:1;transform:none}}.core-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.core{position:relative;width:min(460px,82vw);aspect-ratio:1;border:0;background:none;cursor:pointer;color:inherit;border-radius:50%;transition:transform .3s ease;outline:none}.core:focus-visible{box-shadow:0 0 0 2px var(--amber)}.core svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px rgba(51,225,255,.55))}.r{fill:none;stroke:var(--cy)}.r0{stroke-opacity:.25;stroke-width:1}.dash1{stroke-width:2;stroke-dasharray:2 10;stroke-opacity:.8}.dash2{stroke-width:10;stroke-dasharray:60 18 6 18;stroke-opacity:.35}.dash3{stroke-width:3;stroke-dasharray:140 40 20 40;stroke-opacity:.9}.arc{stroke-width:6;stroke-dasharray:180 448;stroke:var(--amber);stroke-opacity:.85}.thin{stroke-width:1;stroke-opacity:.6}.inner{stroke-width:2;stroke-opacity:.9}.tick{stroke:var(--cy);stroke-width:2;stroke-opacity:.7}.tick.long{stroke-width:3;stroke-opacity:1}.spin{transform-origin:200px 200px;animation:rot linear infinite}.s1{animation-duration:60s}.s2{animation-duration:38s}.s3{animation-duration:90s}.s4{animation-duration:22s}.s5{animation-duration:12s}.rev{animation-direction:reverse}@keyframes rot{to{transform:rotate(360deg)}}.pulse{transform-origin:200px 200px;animation:pulse 2.8s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12);opacity:.65}}.core-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}.core-label strong{font-size:clamp(18px,3.4vw,26px);letter-spacing:.32em;color:#fff;text-shadow:0 0 14px var(--cy),0 0 30px var(--cy);margin-left:.32em}.core-label em{font-style:normal;font-size:11px;letter-spacing:.3em;color:var(--cy2);margin-top:4px}.core-label small{font-size:10px;color:var(--amber);letter-spacing:.2em;margin-top:6px}.core.active .s1{animation-duration:8s}.core.active .s2{animation-duration:5s}.core.active .s4{animation-duration:3s}.core.active .s5{animation-duration:1.6s}.core.active svg{filter:drop-shadow(0 0 14px rgba(51,225,255,.95))}.core.active .pulse{animation-duration:.7s}.hint{font-size:11px;letter-spacing:.2em;color:var(--mut);text-transform:uppercase}.foot{position:relative;z-index:2;border-top:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:10px 0;color:var(--cy);font-size:11px;letter-spacing:.25em}.ticker{display:inline-block;padding-left:100%;animation:tick 32s linear infinite}@keyframes tick{to{transform:translate(-100%)}}@media(max-width:980px){.stage{grid-template-columns:1fr;padding:16px}.core-wrap{order:-1}.panel.right .log{min-height:160px}.bar{padding:12px 16px;flex-wrap:wrap}.status{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
