/* Powder-coated metal, exposed fasteners, and controls with visible travel. */
body{background:repeating-linear-gradient(90deg,#0000 0 2px,#b89bb403 2px 3px),radial-gradient(ellipse at 50% 15%,#3d2a43,#19141e 64%);max-width:680px}.ship-header{height:62px;border-bottom:3px solid #110d15;background:linear-gradient(#645163,#352b3e 15%,#2a2031 85%,#786476);box-shadow:inset 0 1px #b49eae,0 5px 10px #0005}.ship-location{font-size:8px}.ship-header .icon-button{border:2px solid #857381;background:linear-gradient(130deg,#716073,#2b2331);box-shadow:inset 1px 1px #c5afbd55,3px 4px #130f18;color:#f1d3a2}
.pod-page{padding:0 14px 16px}.deck-strip{height:31px;font-size:9px}.containment-bay{position:relative;padding:15px 18px 8px}.bay-label{position:absolute;top:0;left:38px;font:8px var(--pixel-font);letter-spacing:1px;color:#a994a9}.bay-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(2px 5px 2px #0009)}
.containment-bay .containment-pod{height:clamp(240px,37dvh,360px);min-height:0;border:13px solid #544352;border-top-width:24px;border-bottom-width:25px;border-radius:25px 25px 18px 18px;background:radial-gradient(ellipse at 50% 76%,#b997b729,transparent 53%),repeating-linear-gradient(90deg,#0000 0 3px,#d7bde203 3px 4px),linear-gradient(130deg,#241d2b,#0e0d14 55%,#302234);box-shadow:inset 0 0 0 3px #141018,inset 2px 3px 6px #000,0 0 0 2px #9b8495,0 0 0 5px #241c2a,3px 8px 0 4px #0e0b12,5px 13px 18px #0009;overflow:visible;isolation:isolate}.containment-bay .containment-pod:before{inset:-11px;border:2px solid #aa92a477;border-radius:18px;box-shadow:inset 0 3px #b29aa233;z-index:5;background:linear-gradient(112deg,transparent 16%,#fff4df0b 17%,transparent 28%);pointer-events:none}.containment-bay .coach-mount{inset:-9px -5px -9px;overflow:hidden;border-radius:10px}.containment-bay .pod-rim{width:9px;top:22px;bottom:22px;background:linear-gradient(90deg,#100e14,#917783,#302738);border-color:#a28a9a77;z-index:6}.containment-bay .rim-left{left:-6px}.containment-bay .rim-right{right:-6px}.containment-bay .pod-rim:before{inset:10px 2px;background:repeating-linear-gradient(0deg,#e5c791 0 6px,#302333 6px 24px);filter:none;border-radius:0}.containment-bay .pod-inscription{top:-20px;font-size:8px;color:#d5c2cd;letter-spacing:3px}.containment-bay .pod-nameplate{bottom:-23px;left:25px;right:25px;height:23px;border:0;background:#211824;box-shadow:inset 0 1px 4px #000;color:#ceb992}.containment-bay .pod-nameplate a{font:9px var(--pixel-font);color:#eccb8f}.containment-bay .pod-floor{display:none}.frame-bolt{position:absolute;width:11px;height:11px;border-radius:50%;background:linear-gradient(130deg,#b6a696,#534644);border:1px solid #302727;box-shadow:1px 2px 2px #000b;z-index:8}.frame-bolt:after{content:'';position:absolute;left:2px;right:2px;top:4px;height:1px;transform:rotate(-35deg);background:#241c21}.frame-bolt.tl{left:-9px;top:-18px}.frame-bolt.tr{right:-9px;top:-18px}.frame-bolt.bl{left:-9px;bottom:-18px}.frame-bolt.br{right:-9px;bottom:-18px}.pod-top-vent{position:absolute;top:-22px;left:32%;right:32%;height:4px;background:repeating-linear-gradient(90deg,#110d17 0 3px,#a08b9633 3px 7px);z-index:7}.camera-preview{width:64px;height:84px;bottom:23px;right:12px}
.coach-line{margin:10px 6px 7px;min-height:45px;padding:8px 13px;background:#15111b;border:1px solid #76607066;box-shadow:inset 2px 3px 6px #0007}.coach-line #coachCaption{font:11px/1.55 var(--pixel-font);color:#dfc89e}.voice-led{flex-shrink:0;background:#e0bb77;border-radius:0;box-shadow:0 0 8px #e8be7644}
.workout-console{position:relative;padding:17px 15px 13px;border:2px solid #796773;border-radius:10px!important;background:repeating-linear-gradient(0deg,#c5abc604 0 1px,#0000 1px 3px),linear-gradient(125deg,#5d4a5b,#382e40 30%,#443545 70%,#645161);box-shadow:inset 0 2px #b09aa3aa,inset 1px 0 #bfaaac44,0 5px #18131e,0 9px 13px #0005}.workout-console:before,.workout-console:after{content:'×';position:absolute;top:8px;color:#282029;font:13px monospace;text-shadow:1px 1px #ab959f}.workout-console:before{left:8px}.workout-console:after{right:8px}.panel-heading{display:flex;align-items:center;flex-direction:column;gap:5px;padding:0 6px 13px;border-bottom:1px solid #a38a9355;box-shadow:0 1px #221a27}.panel-heading>span{font:8px var(--pixel-font);letter-spacing:1.4px;color:#d9c6c9}.panel-heading>strong{font:700 17px var(--pixel-font);letter-spacing:1px;color:#f2ddbe;text-shadow:1px 2px #251b2a}.panel-heading>small{font:10px var(--pixel-font);color:#baa5b5}
.calibration-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;padding:14px 0 12px}.calibration-grid label,.goal-control label{font:9px var(--pixel-font);letter-spacing:1px;color:#d4bec9}.exercise-control,.signal-control{text-align:center;min-width:0}.exercise-control{border-right:1px solid #a58b9a33;padding-right:12px}.dial-controls{display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0 8px}.dial-controls button{width:29px;min-width:29px;min-height:38px;padding:0;font-size:17px;border:1px solid #86717e;border-radius:4px;background:linear-gradient(#695768,#3a2d40);box-shadow:inset 1px 1px #b79ba766,0 3px #18121e}.exercise-dial{--dial-angle:-135deg;position:relative;flex-shrink:0;width:86px;height:86px;border-radius:50%;touch-action:none;cursor:grab;background:repeating-conic-gradient(from 0deg,#877681 0deg 3deg,#28212b 3deg 10deg);box-shadow:0 0 0 4px #1a151e,0 0 0 6px #927b8b,3px 6px 7px #0009;outline-offset:8px}.exercise-dial:before{content:'';position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#a28a97,#5f4d61 43%,#332738 80%);box-shadow:inset 1px 2px #d1b9c07a,inset -2px -3px #19131f}.exercise-dial i{position:absolute;inset:9px;transform:rotate(var(--dial-angle));transition:transform .09s;pointer-events:none}.exercise-dial i:after{content:'';position:absolute;top:0;left:calc(50% - 3px);width:6px;height:21px;background:#f0d09b;border:1px solid #302332;box-shadow:0 0 4px #e1b56f66}.exercise-dial:active{cursor:grabbing}.exercise-dial[aria-disabled=true]{opacity:.45;cursor:default}.exercise-control>strong{display:block;min-height:23px;font:700 15px var(--pixel-font);color:#f4dba9}.manual-button{min-height:31px;margin:auto;padding:5px 7px;font:9px var(--pixel-font);border:0;background:transparent;box-shadow:none;color:#cbb4c7}
.rocker-switch{display:block;position:relative;width:61px;min-height:66px;margin:11px auto 8px;padding:9px 0 27px;border:5px solid #211a27;border-radius:7px!important;background:linear-gradient(#a08062,#6b4d3f 44%,#352b30 48%,#4b3945);color:#f6d394;box-shadow:inset 0 2px #e7bc86,0 0 0 1px #977d84,3px 4px 5px #0007;font:bold 13px var(--pixel-font);transform:perspective(180px) rotateX(-8deg)}.rocker-switch:after{content:'';position:absolute;bottom:9px;left:10px;right:10px;height:3px;background:#19141a;box-shadow:0 2px #876375}.rocker-switch[data-on=false]{padding:28px 0 8px;background:linear-gradient(#31262f,#473642 44%,#755b67 48%,#a48b94);color:#d9c0ce;transform:perspective(180px) rotateX(8deg);box-shadow:inset 0 -2px #d8bbc6,0 0 0 1px #977d84,3px 4px 5px #0007}.rocker-switch[data-on=false]:after{top:9px;bottom:auto}.signal-control>small{display:block;font:8px var(--pixel-font);color:#c6afbd}.signal-control .simple-counter{display:block;margin:11px 0 0;padding:7px 5px;background:#141912;border:2px solid #211d27;box-shadow:inset 2px 3px 5px #000,0 1px #937881;color:#ced49c}.signal-control #setNumber{font-size:8px;color:#929e72;letter-spacing:1px}.signal-control .counter-number{justify-content:center;gap:5px;margin-top:2px}.signal-control #primary{font:700 29px/1 var(--pixel-font);color:#dce4a9;text-shadow:0 0 7px #a2bc6633}.signal-control #goalValue{font-size:15px;color:#98a472}.signal-control .goal-divider{font-size:15px;color:#53633f}.signal-control #primaryLabel{font:8px var(--pixel-font);color:#949f70}
.goal-control{padding:11px 0 14px;border-top:1px solid #af929744}.goal-control>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.goal-control output{font:700 14px var(--pixel-font);color:#efcd96}.goal-control input{display:block;appearance:none;width:100%;height:32px;background:transparent;margin:9px 0 1px;padding:0;cursor:pointer;touch-action:pan-y}.goal-control input::-webkit-slider-runnable-track{height:10px;border:2px solid #18121d;border-radius:3px;background:linear-gradient(90deg,#bc9158 0 var(--fill,31%),#1c1723 var(--fill,31%) 100%);box-shadow:0 1px #a28490,inset 0 2px 3px #0007}.goal-control input::-webkit-slider-thumb{appearance:none;width:26px;height:30px;margin-top:-12px;border:2px solid #b49aa3;border-radius:4px;background:repeating-linear-gradient(90deg,#6a5569 0 4px,#392c3e 4px 5px);box-shadow:inset 0 2px #d4bac2,2px 4px 4px #0007}.goal-control input::-moz-range-track{height:8px;background:#1c1723;border:2px solid #18121d}.goal-control input::-moz-range-thumb{width:24px;height:28px;border:2px solid #b49aa3;border-radius:3px;background:#6a5569}.slider-scale{display:flex;justify-content:space-between;font:8px var(--pixel-font);color:#b59aaa}.slider-scale span:nth-child(2){font-size:7px;letter-spacing:.7px}
.workout-console .set-actions{display:grid;grid-template-columns:1fr 59px;gap:11px;min-width:0;align-items:stretch}.workout-console .set-actions .primary-action{display:flex;flex-direction:column;gap:5px;min-height:90px;padding:11px 8px;border:2px solid #dfac70;border-radius:7px;background:linear-gradient(#d9a66e,#b77749 50%,#945232);box-shadow:inset 0 2px #ffe1a9,inset -2px -3px #70422f,0 5px #462b27,0 7px 0 1px #1c1420;color:#221621;text-shadow:0 1px #ffca8677;white-space:normal}.set-actions .primary-action small{font:9px var(--pixel-font);letter-spacing:2px}.set-actions .primary-action strong{font:900 23px var(--pixel-font);letter-spacing:1px}.set-actions .primary-action span{font:7px var(--pixel-font);letter-spacing:.3px}.workout-console .set-actions .primary-action:active:not(:disabled){transform:translateY(4px);box-shadow:inset 1px 3px 6px #66321e88,0 1px #462b27}.workout-console #stop{padding:5px;font:700 10px var(--pixel-font);border:2px solid #8b6773;border-radius:6px;background:linear-gradient(#805768,#432f41);box-shadow:inset 0 1px #d0a0ab77,0 5px #201723;min-width:0}.workout-console #stop:disabled{opacity:.38}.set-track{margin-top:15px;height:5px;border-radius:0;background:#1b1422}.workout-console #status{font:10px/1.5 var(--pixel-font);margin:9px 0 0;min-height:0;color:#d5bece}
.training-paths{gap:10px}.training-paths button{background:linear-gradient(140deg,#534253,#312636);border:2px solid #7d6576;border-radius:5px;box-shadow:inset 0 1px #b798a433,0 4px #1a1321;font-size:12px}.training-paths span{font-size:8px}.crew-footer{margin-top:5px}.settings-note{font:12px/1.5 var(--pixel-font);color:#c8b1c3}.pod-dialog button,.pod-dialog select{box-shadow:inset 0 1px #b99cb23b,2px 3px #140f19;border-width:2px;border-radius:4px}.pod-dialog{background:repeating-linear-gradient(0deg,#c5abc603 0 1px,#0000 1px 3px),linear-gradient(125deg,#403046,#241a31);border:2px solid #9a8095;box-shadow:inset 0 2px #c1a3b14f,8px 12px 40px #000a}
@media(min-width:600px){.pod-page{padding:0 28px 20px}.containment-bay{padding-left:32px;padding-right:32px}.containment-bay .containment-pod{height:350px}.workout-console{padding:20px 28px}.calibration-grid{grid-template-columns:1fr 1fr}.exercise-dial{width:98px;height:98px}.goal-control{padding-top:15px}.signal-control .simple-counter{max-width:160px;margin:11px auto 0}}
@media(max-width:370px){.pod-page{padding-left:10px;padding-right:10px}.workout-console{padding:15px 10px}.calibration-grid{gap:9px}.dial-controls{gap:6px}.exercise-dial{width:74px;height:74px}.dial-controls button{width:27px;min-width:27px}.calibration-grid label{font-size:8px}.exercise-control>strong{font-size:13px}.panel-heading>strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.exercise-dial i{transition:none}}