/* Revision02: machined instrumentation; artwork remains an optional, documented layer. */
body{--metal:#151615;--edge:#3c3731;--readout:#f0e7df;background:radial-gradient(ellipse at 45% 18%,#24221b 0,transparent 48%),#080909}.mast{height:90px;background:#0a0b0a;border-bottom-color:#494138;box-shadow:0 1px #000,0 4px 22px #0005}.wordmark{font:48px/.8 Georgia,serif;font-weight:700;letter-spacing:-3px}.wordmark span{letter-spacing:1.8px;font-size:7px;margin-top:12px}.mast-right{color:#b4a28b}main{grid-template-columns:minmax(230px,.83fr) minmax(350px,430px) minmax(300px,1fr);gap:38px;padding-top:40px;max-width:1500px}.controls{padding-top:7px}.controls h1{font-size:48px;line-height:.92;letter-spacing:-.7px;color:#e5dfd1}.edition-number{color:var(--accent)}.intro{font-size:11px;line-height:1.8;margin:22px 0 29px}.controls fieldset{margin-bottom:23px}.option{min-height:63px}.option span{font-size:20px}.option small{font-size:9px}.icon-style-label{margin-top:18px}#icon-style{width:100%;font-size:10px}.screen-nav{margin:24px 0 21px}.screen-nav button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#080808}.note{font-size:9px;line-height:1.9}.terminal-button{border-color:var(--line);background:linear-gradient(130deg,#ffffff06,transparent 40%),#151515;box-shadow:inset 0 1px #ffffff08,inset 0 -2px #0007}.terminal-button:hover{border-color:var(--accent);background:#201c17}.terminal-button:active{color:var(--text);background:#38251d}.build-line{font-size:8px;line-height:1.8}.device-stage{max-width:430px;filter:drop-shadow(0 20px 35px #0009)}.device-label{font-size:8px;color:#ab9d86;padding-bottom:12px}.phone{padding:9px;border:1px solid #5e5147;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);background:linear-gradient(128deg,#55463d 0,#161718 3%,#252323 4%,#070808 9%,#171818 92%,#5c473a 99%);box-shadow:inset 0 0 0 3px #161415,inset 0 0 0 5px #544139}.phone:before,.phone:after{border-color:var(--accent);width:38px;height:38px;z-index:4;opacity:.8}.phone-cutout{top:14px;width:9px;height:9px;left:calc(50% - 4.5px);box-shadow:0 0 0 2px #131313,0 0 0 3px #332e28;border-color:#776253;background:#020202}.phone-inner{padding:24px 9px 7px;gap:7px;background:linear-gradient(180deg,#060708d9,#050606ed),url('../assets/user-supplied/bulkhead-pair.png') right center/auto 100%;border:1px solid #3c2a23;scrollbar-width:none}.p-status{font-size:7px;color:#b8a991;letter-spacing:.7px;padding:0 3px}.p-status b{color:var(--success);font-size:7px}.p-head{padding:2px 3px 6px;border-bottom:1px solid #5e3828;align-items:center}.p-head strong{font:21px/.9 Georgia,serif;letter-spacing:-1px;color:var(--accent)}.p-head span{font:6px/1.6 Telemetry;letter-spacing:1px}.machined{position:relative;isolation:isolate;flex:none;background:linear-gradient(105deg,#251b19e8,#0a0c0bf2 50%,#161212),repeating-linear-gradient(90deg,#ffffff04 0,#ffffff04 1px,transparent 1px,transparent 3px);clip-path:polygon(13px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.machined-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.machined:before{content:'';position:absolute;inset:7px;background:repeating-linear-gradient(90deg,transparent,transparent 22px,#a537231c 23px),repeating-linear-gradient(0deg,transparent,transparent 22px,#a5372317 23px);z-index:-1}.clock-chassis{height:141px;display:flex;align-items:center;padding:20px 15px 14px 74px;gap:5px}.plate-no{position:absolute;top:10px;left:18px;font:5px Telemetry;color:var(--accent);letter-spacing:1.2px;z-index:2}.plate-no span{margin-left:7px;letter-spacing:2px}.nerv-crest{position:absolute;left:14px;top:31px;width:47px;height:91px;border-right:1px solid var(--line);padding-right:5px}.nerv-crest b{font:bold 31px/.68 Georgia,serif;letter-spacing:-2px;color:var(--accent);position:relative;z-index:1}.nerv-crest b span{margin-left:11px}.nerv-crest i{position:absolute;right:5px;top:-8px;width:29px;height:42px;background:var(--accent);opacity:.34;clip-path:polygon(40% 0,57% 10%,77% 7%,85% 23%,100% 40%,78% 59%,86% 100%,46% 76%,20% 55%,5% 38%,22% 18%);transform:rotate(-22deg)}.nerv-crest small{display:block;font:5px/1.8 Telemetry;color:var(--accent);letter-spacing:.8px;margin:18px 0 0 0}.clock-instrument{min-width:0;flex:1;position:relative;z-index:1}.widget-kicker{font:6px Telemetry;letter-spacing:.7px;color:var(--accent);margin:0 0 6px;display:flex;align-items:center;justify-content:space-between;gap:4px;white-space:nowrap}.widget-kicker>span{font-size:5px;letter-spacing:0;color:var(--muted)}.segment-clock{color:#efe5df;margin-top:6px;filter:drop-shadow(0 1px 0 #fff3);max-width:250px}.segment-clock svg{display:block;width:100%;height:70px}.date-track{display:flex;justify-content:space-between;gap:5px;font:7px Telemetry;color:#d0c2ae;border-top:1px solid var(--line);padding-top:6px;margin-top:6px}.iso-week{font-size:5px;line-height:9px;color:var(--accent);border:1px solid var(--line);padding:0 3px}.clock-rail{display:flex;flex-direction:column;align-items:center;gap:3px;width:27px;margin-left:3px;border-left:1px solid var(--line);padding-left:5px;position:relative;z-index:2}.clock-rail b{font:32px/.9 Command;color:var(--accent)}.clock-rail>span{font:5px Command;color:var(--accent);letter-spacing:1px;text-align:center;line-height:1.2}.hazard-metal{display:block;width:100%;height:5px;background:repeating-linear-gradient(135deg,var(--accent) 0,var(--accent) 3px,#110c0b 3px,#110c0b 6px);margin-top:3px}.pilot-chassis{height:133px;overflow:hidden;padding:20px 15px;position:relative;background:#110e0c}.pilot-art{position:absolute;width:51%;right:5px;top:4px;bottom:5px;background:url('../assets/user-supplied/armour-pilot-pair.png') right center/200% auto no-repeat;opacity:.96;z-index:-1}.pilot-chassis:after{content:'';position:absolute;inset:4px;background:linear-gradient(90deg,#100f0e 1%,#100f0efa 26%,#100f0e44 55%,transparent 72%);z-index:-1}.pilot-copy{position:relative;z-index:1;width:67%}.pilot-copy .widget-kicker{display:block;font-size:6px;letter-spacing:1px}.stamp{border:1px solid var(--line);padding:1px 3px;margin-left:4px}.pilot-copy h3{font-size:28px;line-height:.88;letter-spacing:-.3px;color:#f5dfcb;font-family:Command}.identity-rule{height:1px;background:var(--line);margin:8px 0 5px;width:90px}.pilot-caption{font-size:5px;color:var(--accent);letter-spacing:.6px;margin:0}.decorative-tag{font-size:4px;letter-spacing:.6px;color:#ad9585;display:block;margin-top:7px}.deployment-rail{position:absolute;right:12px;bottom:14px;display:flex;align-items:flex-end;gap:3px}.deployment-rail strong{font:42px/.8 Command;color:var(--accent);text-shadow:1px 1px #000}.deployment-rail>span{font:5px Command;writing-mode:vertical-rl;color:var(--accent)}.decorative-wave{position:absolute;bottom:4px;left:8px;width:58%;height:30px;color:var(--accent);opacity:.2;pointer-events:none;z-index:-1}.standard-pilot .pilot-art{background-image:url('../assets/user-supplied/bulkhead-pair.png');opacity:.5;width:100%;background-size:200% auto}.standard-pilot .pilot-copy{width:85%}.standard-pilot h3{color:var(--amber)}.standard-pilot .decorative-wave{width:100%;height:57px;opacity:.35}.magi-chassis{height:73px;position:relative;padding:1px 0 0}.magi-header{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:5px;letter-spacing:.6px;padding:0 5px}.magi-header b{color:var(--accent);font:13px Georgia;letter-spacing:0}.magi-header i{font-style:normal;font-size:5px;margin-left:auto;color:var(--accent)}.magi-assembly{position:relative;display:grid;grid-template-columns:repeat(3,1fr);height:53px;align-items:center}.magi-assembly>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.magi-assembly button{position:relative;border:0;background:transparent;min-height:48px;padding:8px 4px;color:var(--text);min-width:0}.magi-assembly button:hover{color:var(--amber)}.magi-assembly button span{font:13px Command;display:block;white-space:nowrap}.magi-assembly button small{font-size:4px;display:block;margin-top:3px;letter-spacing:.4px;color:var(--muted)}.weather-chassis{height:53px;display:flex;align-items:center;gap:7px;padding:9px 14px}.weather-symbol{width:38px;flex:none;color:#e6d9c8}.weather-symbol svg{width:100%;display:block}.weather-chassis>div:not(.machined-outline){flex:1}.weather-chassis b{font:13px Command;color:var(--text);display:block;letter-spacing:.5px}.weather-chassis div>span{font-size:4px;letter-spacing:.7px;color:var(--muted)}.weather-chassis strong{font:29px Command;color:#e7dfd0;white-space:nowrap;margin-right:7px}.weather-chassis strong small{font-size:15px}.weather-stamp{font-size:4px;writing-mode:vertical-rl;color:var(--accent);position:absolute;right:5px;top:16px}.section-index{padding:2px 4px 4px;font-size:6px;letter-spacing:.5px;border-bottom-color:#62362a}.p-favorites{gap:3px 3px}.p-favorites .app-button{min-height:65px;padding:2px;gap:2px}.p-favorites .app-button span:not(.raster-icon-frame):not(.real-icon-badge){font-size:8px;line-height:1.3}.p-favorites .app-button svg{width:47px;height:47px}.raster-icon-frame{display:block;position:relative;width:53px;height:53px;flex:none;transition:transform .15s ease-out}.raster-icon-frame>img{display:block;width:100%;height:100%;object-fit:contain}.real-icon-badge{position:absolute;right:-1px;top:1px;width:12px;height:12px;background:var(--danger);color:#050505;display:grid;place-items:center;font:bold 9px Telemetry;border:1px solid #000}.icon-state-selected{outline:1px solid var(--text);outline-offset:2px}.icon-state-pressed{transform:scale(.93)}.icon-state-attention{box-shadow:0 2px var(--danger)}.app-button:active .raster-icon-frame{transform:scale(.94)}.p-bottom{margin-top:auto}.battery-bar{font-size:6px;padding-top:6px;gap:6px;border-top-color:#62362a}.battery-bar .progress{height:4px}.p-dock{margin-top:6px;padding-top:5px;border-top-color:#62362a}.p-dock .app-button{min-height:53px;gap:1px;padding:1px}.p-dock .app-button svg,.p-dock .raster-icon-frame{width:35px;height:35px}.p-dock .app-button span:not(.raster-icon-frame){font-size:7px}.phone-home-foot{padding-top:2px;border-top-color:#62362a}.phone-home-foot button{font-size:9px;min-height:27px;color:var(--accent)}.phone-home-foot small{font-size:5px}.p-bottom>.hazard{height:5px;margin:4px 0 2px;background:repeating-linear-gradient(135deg,var(--accent),var(--accent) 4px,#090909 4px,#090909 8px)}.device-foot{font-size:6px;letter-spacing:.8px}.section-head{margin-bottom:25px;border-bottom:1px solid #49352c;padding-bottom:20px}.section-head h2{font-size:59px;color:#ded5c4;line-height:.86;letter-spacing:-.5px}.section-head .eyebrow{font-size:8px;color:var(--accent)}.vertical-tag{font-size:6px;letter-spacing:1.5px;color:#a48e78}.library-tools{grid-template-columns:1fr 126px;gap:9px}.library-tools input,.library-tools select{background:#0e0f0e;border-color:#544034;font-size:9px}.micro{font-size:8px;color:#b7a38e}.icon-grid{max-height:486px;background:#050606;border-color:#382a23;grid-template-columns:repeat(4,1fr)}.icon-grid .app-button{min-height:99px;padding:8px 4px;border-color:#382a23}.icon-grid .raster-icon-frame{width:63px;height:63px}.icon-grid .app-button svg{width:58px;height:58px}.icon-grid .app-button span:not(.raster-icon-frame):not(.real-icon-badge){font-size:8px;line-height:1.4}.icon-grid .app-button:hover{background:#20140f}.detail{min-height:124px;border-bottom-color:#49352c}.detail .eyebrow{font-size:7px}.detail b{font-size:25px;color:var(--accent)}.detail p{font-size:9px}.detail code{font-size:8px}.palette{height:8px;margin-top:20px}.spec-line{font-size:7px}.component-lab{border-top-color:#49352c;padding-top:40px}.component-lab h2{font-size:38px;color:#ddd2bd}.component-grid{gap:20px}.angular{background:linear-gradient(125deg,#ffffff04,transparent 50%),#121313;border-color:#5c4435;box-shadow:inset 0 1px #ffffff0a,inset 0 -2px #0007}.component-lab .eyebrow{color:var(--accent);font-size:8px}.component-lab .terminal-button{font-size:9px}.danger-panel{border-color:#8c3027}footer{border-top-color:#49352c}.toast{background:#e9d0a7;color:#15110c;border-left:4px solid var(--accent);box-shadow:0 8px 20px #0008}.lock-title{color:var(--accent);margin:7px 0;letter-spacing:2px}.lock-clock{margin:0!important}.lock-clock .clock-chassis{height:145px}.lock-core{margin:3px 0!important}.lock-core .magi-chassis{height:73px}.unlock-panel{margin-top:4px;background:linear-gradient(115deg,#281914,#0e1010 70%);border-color:var(--line);padding:15px 16px 22px}.unlock-panel .terminal-button{background:var(--accent);border-color:var(--accent);font-size:16px;color:#090909}.unlock-panel h3{font:bold 29px Georgia;margin:15px 0 10px;color:var(--accent);letter-spacing:-1px}.unlock-panel .dots{font-size:13px;color:#b55a3e;letter-spacing:12px}.lock-explain{font-size:6px;line-height:1.8}.music-strip{font-size:7px;background:#111210;box-shadow:inset 0 1px #ffffff09;margin-top:auto}.music-strip b{font-size:19px;color:#d2c3ab}.comms-title{color:var(--text);font:56px/.88 Command;margin:14px 0}.channel-row{padding:6px 0;border-color:#5f372a}.channel-row .raster-icon-frame{width:46px;height:46px}.channel-row b{font-size:21px}.channel-row small{font-size:7px}.drawer{scrollbar-width:thin}.drawer .app-button{min-height:80px}.drawer-title h3{font-size:25px}.phone-inner[data-screen=drawer]{gap:12px}.scan{opacity:.1}.boot h2{color:var(--accent)}.boot .hazard{background:repeating-linear-gradient(135deg,var(--accent),var(--accent) 5px,#080909 5px,#080909 10px)}
@media(min-width:1450px){.phone-inner{gap:8px}.clock-chassis{height:151px}.pilot-chassis{height:143px}.pilot-copy h3{font-size:32px}.segment-clock svg{height:77px}.magi-chassis{height:76px}.weather-chassis{height:57px}.p-favorites .app-button{min-height:69px}.p-favorites .raster-icon-frame{width:58px;height:58px}}
@media(max-width:1150px){main{grid-template-columns:240px minmax(340px,420px);gap:35px}.library{grid-column:1/-1}.icon-grid{grid-template-columns:repeat(8,1fr);max-height:310px}.section-head h2 br{display:none}.section-head h2{font-size:42px}.library .section-head{margin-top:15px}}
@media(max-width:660px){.mast{height:83px;padding:18px 20px}.wordmark{font-size:36px}.wordmark span{font-size:5px}.mast-right{font-size:7px}.mast-right .led{width:4px;height:4px}main{display:flex;padding:27px 16px;gap:32px}.controls h1{font-size:45px}.controls .intro{font-size:11px;margin:17px 0 20px}.controls{padding:0 4px}.option{min-height:59px}.note{font-size:9px}.device-stage{max-width:430px}.phone{padding:7px}.phone-inner{padding:22px 7px 5px;gap:5px}.p-head{padding-bottom:4px}.p-head strong{font-size:18px}.clock-chassis{height:126px;padding-left:65px;padding-right:12px}.nerv-crest{left:13px;top:30px;width:42px}.nerv-crest b{font-size:27px}.nerv-crest small{font-size:4px}.widget-kicker{font-size:5px}.widget-kicker>span{font-size:4px}.segment-clock svg{height:61px}.clock-rail{width:23px;margin-left:1px;padding-left:3px}.clock-rail b{font-size:25px}.date-track{font-size:6px}.iso-week{font-size:4px;padding:0 2px}.pilot-chassis{height:120px;padding:18px 13px}.pilot-copy h3{font-size:26px}.pilot-copy .widget-kicker{font-size:5px}.pilot-caption{font-size:4px}.decorative-tag{font-size:4px}.deployment-rail strong{font-size:35px}.magi-chassis{height:66px}.magi-assembly{height:48px}.magi-assembly button span{font-size:11px}.magi-assembly button small{font-size:4px}.magi-header{font-size:4px}.magi-header b{font-size:12px}.weather-chassis{height:48px;padding:9px 12px;gap:5px}.weather-chassis b{font-size:11px}.weather-chassis div>span{font-size:4px;letter-spacing:.4px}.weather-symbol{width:30px}.weather-chassis strong{font-size:25px}.weather-stamp{display:none}.p-favorites .app-button{min-height:60px}.p-favorites .raster-icon-frame{width:48px;height:48px}.p-favorites .app-button svg{width:44px;height:44px}.p-favorites .app-button span:not(.raster-icon-frame):not(.real-icon-badge){font-size:7px}.p-dock .app-button{min-height:48px}.p-dock .raster-icon-frame,.p-dock .app-button svg{width:31px;height:31px}.battery-bar{font-size:5px;padding-top:4px}.phone-home-foot button{min-height:25px;font-size:8px}.phone-home-foot small{font-size:4px}.device-foot{font-size:5px}.library{padding:0 4px}.section-head h2{font-size:46px}.icon-grid{grid-template-columns:repeat(4,1fr);max-height:440px}.icon-grid .raster-icon-frame{width:63px;height:63px}.icon-grid .app-button{min-height:100px}.component-lab{padding:27px 20px}.component-lab h2{font-size:31px}.component-grid{gap:15px}.lock-clock .clock-chassis{height:126px}.lock-core .magi-chassis{height:66px}.unlock-panel{padding:12px 12px 18px}.unlock-panel h3{font-size:26px}.unlock-panel .terminal-button{min-height:42px;font-size:15px}.lock-explain{font-size:5px}.music-strip{padding:8px}.music-strip button{min-height:36px;font-size:16px}}
