.control-room{max-width:1280px;margin:28px auto;padding:28px;background:#07151e;color:#d9efee;border:1px solid #24505a;border-radius:18px;box-shadow:0 16px 55px #05232b25;font-family:Arial,sans-serif}.control-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.control-head small{font-size:10px;letter-spacing:2px;color:#7db7bd}.control-head h1{font-size:24px;margin:10px 0 22px}.control-head a{color:#9acccf;font-size:13px;text-decoration:none}.control-status{display:flex;justify-content:space-between;border-top:1px solid #21414b;padding:16px 0;font-size:12px;color:#78d9c4}.console-grid{display:grid;grid-template-columns:1fr 1.75fr 1fr;gap:14px}.terminal,.yield-panel,.signal-panel{border:1px solid #24434e;border-radius:10px;background:#091b25;overflow:hidden}.terminal{padding:16px;min-width:0}.terminal h2{font-size:11px;letter-spacing:1px;color:#79aaa9;border-bottom:1px solid #24434e;padding-bottom:14px}.terminal pre{height:330px;overflow:hidden;font:11px/2 monospace;color:#64b9a6;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.yield-panel{min-height:400px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#123b43,#081a25 70%)}.yield-content{position:relative;z-index:1;text-align:center;width:90%}.yield-content small{font-size:11px;letter-spacing:1px;color:#95c6c5}.yield-value{margin:24px 0 12px;display:flex;gap:10px;justify-content:center;align-items:baseline}.yield-value strong{font-size:clamp(23px,2.5vw,34px);font-variant-numeric:tabular-nums;color:#f1dfab;text-shadow:0 0 20px #d0b67933}.yield-value span{font-size:15px;color:#e9d5a4}.yield-content p{font-size:12px;color:#7fabae}.yield-details{display:flex;justify-content:space-around;gap:8px;margin:28px 0;font-size:10px;color:#7fabae}.yield-details b{display:block;margin-top:9px;font-size:12px;color:#c9e0df;font-variant-numeric:tabular-nums}.grade-select{font-size:11px;color:#8ab6b9;display:grid;gap:10px;justify-content:center}.grade-select select{background:#112c36;color:#d2e9e6;border:1px solid #42636b;border-radius:6px;padding:9px 16px}.orbit{position:absolute;width:290px;height:290px;border:1px dashed #458a8130;border-radius:50%;animation:orbit 800s linear infinite}.orbit:after{content:'';position:absolute;inset:18px;border:1px solid #458a8120;border-radius:50%}.signal-panel{grid-column:1/-1;display:flex;align-items:center;gap:25px;padding:18px;color:#78aaa9;font-size:10px;letter-spacing:1px}.signal-bars{display:flex;flex:1;height:36px;gap:4px;align-items:center}.signal-bars i{flex:1;height:25%;background:#389f94;animation:signal 25s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-1.7s)}.demo-note{font-size:12px;line-height:1.8;color:#95afb5;margin:20px 0 0}@keyframes signal{to{height:100%;background:#91c5b1}}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:900px){.console-grid{grid-template-columns:1fr 1fr}.yield-panel{grid-column:1/-1;grid-row:1}.terminal pre{height:170px}.control-room{margin:16px 10px;padding:18px}.signal-panel>span:last-child{display:none}}@media(max-width:480px){.control-head{align-items:flex-start}.control-head h1{font-size:20px}.control-head a{font-size:11px}.yield-value strong{font-size:28px}.yield-details{flex-wrap:wrap}.terminal{padding:10px}.signal-panel{display:block}.signal-bars{margin-top:12px}.yield-panel{min-height:390px}}@media(prefers-reduced-motion:reduce){.orbit,.signal-bars i{animation:none}}