.scene{height:680px;background:radial-gradient(ellipse at 50% 40%,#234b60 0,#102e43 45%,#07192a 85%);border:1px solid #42677c;border-radius:10px;box-shadow:inset 0 0 90px #05101e88}.scene-vignette{display:none}.stage{inset:75px 0 8px;height:auto;z-index:1}.stage #machines{inset:0;overflow:hidden}.stage canvas{display:block;width:100%;height:100%;cursor:grab}.stage canvas:active{cursor:grabbing}.scene-heading{z-index:2;top:16px;left:18px;right:18px}.scene-heading .tag{border:0;border-radius:4px;background:#183c50;color:#b4e6ef;font-size:10px;padding:6px 10px}.challenge-note{top:45px;z-index:2;right:19px}.challenge-note b{font-size:23px;color:#b7d8e7}.scene-caption{bottom:10px;z-index:3;pointer-events:none}.scene-caption span{display:none}.scene-caption b{background:#082336bb;border:1px solid #365e75;border-radius:4px;padding:3px 9px;font-size:12px}.viewer-tools{position:absolute;top:0;left:15px;right:15px;display:flex;justify-content:center;gap:6px;z-index:4;direction:ltr}.viewer-tools button{background:#0c293ce8;border:1px solid #55768c;border-radius:6px;color:#c7e2ee;font-size:11px;padding:8px 11px;min-width:34px;backdrop-filter:blur(8px)}.viewer-tools button[aria-pressed=true]{background:#175972;border-color:#67d7ee;color:white}.viewer-tools button:hover{background:#20526a}.science-callout{position:absolute;bottom:29px;left:18px;right:18px;background:#071d30eb;border:1px solid #3b667e;border-inline-start:3px solid #53d0e9;border-radius:6px;padding:11px 15px;z-index:4;backdrop-filter:blur(8px);pointer-events:none;max-width:560px;margin:auto}.science-callout strong{font-size:12px;color:#bbebf4;display:block;margin-bottom:4px}.science-callout p{font-size:11px;line-height:1.8;color:#a7c5d6;margin:0}.part-inspector{position:absolute;top:43px;left:50%;transform:translateX(-50%);max-width:85%;background:#0d2c40e8;border:1px solid #42677e;color:#b8dae8;border-radius:5px;padding:5px 10px;font:10px Arial;z-index:4}.fallback-note{position:absolute;bottom:10px;left:10px;right:10px;padding:10px;background:#183241;color:#bde1ee;font-size:11px}.scene #sim-overlay{z-index:5;background:transparent}.sim-info{top:10px;left:50%;padding:5px 18px;border-radius:6px;background:#082b3de8}.scanline{display:none}.arena{grid-template-columns:215px minmax(430px,1fr) 250px;gap:18px}.part{background:linear-gradient(130deg,#19384c,#0c2132);border-color:#38566c;border-radius:8px}.part.selected{background:linear-gradient(130deg,#1c4c61,#102f44);border-color:#4ba7c1}.guide{border-radius:8px;background:#102d41}.actions .primary{background:linear-gradient(#167e9a,#0d4866);border-color:#6bdbec;color:#e5fbff;box-shadow:0 0 20px #31bbd222}.flow-panel{border-radius:0 0 8px 8px}.panel{border-radius:8px}.radio{border-radius:6px}.topbar{background:linear-gradient(110deg,#081c2c,#173b53)}
@media(min-width:1550px){.scene{height:760px}}@media(max-width:1150px){.arena{grid-template-columns:180px minmax(380px,1fr)}.scene{height:650px}.right-rail{grid-column:1/-1}}@media(max-width:700px){.arena{display:flex}.scene{height:510px}.stage{inset:72px 0 6px}.viewer-tools{left:8px;right:8px;gap:4px}.viewer-tools button{font-size:9px;padding:7px 8px}.science-callout{left:10px;right:10px;bottom:25px;padding:8px 10px}.science-callout strong{font-size:10px}.science-callout p{font-size:9px;line-height:1.6}.challenge-note b{font-size:19px}.scene-heading{top:10px;left:10px;right:10px}.scene-heading .tag{font-size:8px}.scene-caption b{font-size:10px}.part{min-height:130px}.part-inspector{font-size:9px;top:37px}}