/* Obsidian annular instrument with restrained internal ruby illumination. */
.command-page{background:#030304;color:#eee8e9;min-height:100svh;font-family:Arial,Helvetica,sans-serif}.command-header{min-height:94px;padding:0 4.2vw;display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff10;position:relative;z-index:5;background:#030304}.command-header .brand>span{font-size:24px}.command-header nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px}.command-header .language-toggle{margin-left:20px}#commandMain{position:relative;min-height:calc(100svh - 144px);max-width:1800px;margin:auto;display:grid;grid-template-columns:31% 69%;align-items:center;isolation:isolate}.command-scene{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 70% 62%,#41091924,transparent 48%),linear-gradient(90deg,#030304 10%,#030304a8,#030304e8),url('assets/observatory.webp') 70% 52%/cover;opacity:.65}.command-intro{padding:45px 0 45px 4.2vw}.command-eyebrow{font-size:9px;letter-spacing:.18em;color:#a29599;margin-bottom:30px}.command-intro h1{font-size:clamp(40px,4.5vw,72px);line-height:1.05;letter-spacing:-.065em;font-weight:400;margin-bottom:25px}.command-intro h1 span{color:#b65a6d}.command-intro>p:not(.command-eyebrow){font-size:12px;line-height:1.9;color:#b9afb2}.command-studio-link{font-size:11px;display:inline-block;padding:15px 0;border-bottom:1px solid #873249;margin-top:24px}.command-coordinate{font-size:9px;line-height:2;letter-spacing:.14em;color:#a78a93;margin-top:70px}.command-coordinate span{font-size:7px}
.command-instrument{width:min(78vh,760px,65vw);aspect-ratio:1;position:relative;justify-self:center;margin:15px 0 62px;isolation:isolate}.command-hardware{width:100%;height:100%;position:relative}.ring-underlay{position:absolute;inset:14%;border-radius:50%;box-shadow:0 35px 70px #000e,0 0 65px #6f082118;background:#030203}.command-svg{display:block;width:100%;height:100%;overflow:visible;touch-action:none}.ring-outer-rail{fill:none;stroke:#77545b45;stroke-width:1}.ring-inner-rail{fill:none;stroke:#ae38584a;stroke-width:1}.ring-glass{fill:url(#ringGlass);stroke:#8e193642;stroke-width:1}.ring-ticks{fill:none;stroke:#8c6f7733;stroke-width:1}.tick-major{stroke:#c793a16b}.ring-rotor{transform-origin:500px 500px;transition:transform .8s cubic-bezier(.2,.75,.2,1)}.command-module{cursor:pointer}.module-plate{fill:url(#obsidian);stroke:#a4868d48;stroke-width:1.1;transition:stroke .25s}.module-inlay{fill:#63203538}.module-label{fill:#c1afb4;font-family:Arial,Helvetica,sans-serif;font-size:22px;letter-spacing:1.4px;font-weight:400}.module-signature{fill:none;stroke:#ac7a8855;stroke-width:2}.module-identity{transition:transform .8s cubic-bezier(.2,.75,.2,1)}.module-hit{fill:transparent;stroke:none}.is-selected .module-plate{stroke:#d96683;stroke-width:1.6}.is-selected .module-inlay{fill:#ed6c8b;filter:drop-shadow(0 0 9px #dd294d)}.is-selected .module-label{fill:#fff2f5}.is-selected .module-signature{stroke:#de617e}.command-module:hover .module-plate{stroke:#db8399}.command-module:focus{outline:none}.command-module:focus-visible .module-plate{stroke:#fff0f4;stroke-width:4}.ring-dragging .ring-rotor,.ring-dragging .module-identity{transition:none!important}.ring-dragging .command-svg{cursor:grabbing;touch-action:none}
.command-display{position:absolute;inset:22.5%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:auto;touch-action:pan-y;gap:0}.command-brand-slot{height:64px;display:flex;align-items:center;justify-content:center}.command-brand-slot img{width:58px;height:58px;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,black 55%,transparent 76%)}.command-brand-slot img[hidden]{display:none}.command-display-channel{font-size:8px;letter-spacing:.15em;color:#b28b98;margin:6px 0 12px;min-height:10px}.command-display h2{font-size:clamp(23px,2.5vw,36px);line-height:1.08;letter-spacing:-.05em;font-weight:400;max-width:100%;min-height:2.16em;display:flex;align-items:center;justify-content:center}.command-state{font-size:10px;line-height:1.4;color:#dbb6c2;margin:8px 0;min-height:14px}.command-state:before{content:'';width:3px;height:3px;display:inline-block;background:#dc5b7a;border-radius:50%;margin-right:7px;vertical-align:middle;box-shadow:0 0 8px #ed436c}.command-summary{font-size:12px;line-height:1.65;color:#bcaeb3;max-width:280px;min-height:3.3em}.command-enter{pointer-events:auto;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 16px;font-size:11px;border:1px solid #9f3b5466;background:linear-gradient(180deg,#2d0a1480,#0c0508);box-shadow:inset 0 1px #ec7b941c; margin-top:16px;color:#f5e8ed;border-radius:2px}.command-enter:hover{border-color:#d66380;background:#330b18}.command-enter[hidden],.command-unavailable[hidden]{display:none}.command-unavailable{font-size:10px;min-height:44px;margin-top:16px;display:flex;align-items:center;color:#a18f95}.ring-index{position:absolute;width:2px;height:15px;background:#e990a5;left:50%;top:0;box-shadow:0 0 14px #cf2e56}.command-controls{position:absolute;top:calc(100% + 9px);left:16%;right:16%;height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}.command-controls button{min-width:44px;height:44px;background:#070405;border:1px solid #98637044;border-radius:50%;font-size:16px;color:#dbc5cc}.command-controls button:hover{border-color:#d35d7b}.ring-touch-hint{font-size:9px;text-align:center;color:#b39aa3}.command-confirmed .command-display{animation:commandConfirm .45s ease-out}@keyframes commandConfirm{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}.command-footer{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff10;padding:15px 4.2vw;font-size:8px;color:#a98c96}.command-footer>span{white-space:nowrap}
@media(max-width:1000px) and (min-width:761px){#commandMain{grid-template-columns:26% 74%}.command-instrument{width:70vw}.command-intro h1{font-size:41px}.command-display h2{font-size:27px}.command-summary{font-size:11px}.command-brand-slot{height:42px}.command-brand-slot img{width:40px;height:40px}}
@media(max-width:760px){.command-header{min-height:76px;padding-inline:16px;gap:12px}.command-header .brand>span{font-size:21px}.command-header .brand small{display:none}.command-header nav{gap:12px;font-size:10px}.command-header nav>a:first-child{display:none}.command-header .language-toggle{margin-left:0}#commandMain{display:flex;flex-direction:column;min-height:calc(100svh - 126px);overflow:hidden}.command-intro{padding:26px 22px 0;width:100%}.command-eyebrow{font-size:8px;margin-bottom:10px}.command-intro h1{font-size:32px;line-height:1;margin:0}.command-intro h1 br{display:none}.command-intro>p:not(.command-eyebrow),.command-coordinate{display:none}.command-studio-link{font-size:10px;margin:6px 0 0;padding:9px 0}.command-instrument{width:calc(100vw - 16px);max-width:480px;margin:18px 0 77px;flex-shrink:0}.module-label{font-size:29px;letter-spacing:.7px}.command-display{inset:22%}.command-brand-slot{height:30px}.command-brand-slot img{width:29px;height:29px}.command-display-channel{font-size:6px;margin:5px 0 7px;min-height:8px}.command-display h2{font-size:23px;min-height:2.16em}.command-state{font-size:9px;margin:5px 0;min-height:13px}.command-summary{font-size:10px;line-height:1.5;min-height:3em}.command-enter{font-size:10px;min-height:44px;margin-top:10px;padding-inline:9px}.command-unavailable{font-size:9px;min-height:44px;margin-top:10px}.command-controls{left:12%;right:12%;top:calc(100% + 13px)}.command-footer{font-size:7px;line-height:1.8}.ring-touch-hint{font-size:9px}}
@media(max-width:359px){.command-header{gap:7px;padding-inline:12px}.command-header .brand>span{font-size:19px}.command-header .brand img{width:23px}.command-header nav{font-size:9px}.command-header .language-toggle button{padding-inline:4px}.command-display h2{font-size:19px;min-height:1.3em}.command-brand-slot{height:22px}.command-brand-slot img{height:22px;width:22px}.command-state{font-size:8px}.command-summary{font-size:9px}.command-display-channel{font-size:5px}.command-enter{font-size:9px;margin-top:6px}.command-unavailable{font-size:8px;margin-top:6px}.command-intro h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.ring-rotor,.module-identity{transition:none}.command-confirmed .command-display{animation:none}}