/* Character-led workstation: monochrome chassis, role-specific signals. */
:root{--bg:#080a0c;--deep:#050608;--paper:#eff0f3;--ink:#111319;--amber:#ff705d;--mint:#a5d6e9;--line:#292e36}
body{background:#080a0c}.section-shell{padding-left:max(32px,calc((100% - 1360px)/2));padding-right:max(32px,calc((100% - 1360px)/2))}
.header{height:74px;padding:0 28px;background:#090b0df5;border-color:#2b3037;gap:30px}.brand{gap:12px}.brand img{width:32px;height:32px}.brand span{font-size:21px;letter-spacing:-1px}.brand sup{color:#ff705d;font-size:10px;margin-top:4px}.header nav{margin-right:auto;margin-left:45px;gap:28px;font-size:11px}.header nav a{padding:26px 0}.header nav a.active:after{height:2px}.header .button{font-size:11px;min-height:38px;padding:10px 16px;border-radius:2px;box-shadow:none}.button{box-shadow:none;min-height:43px;font-size:11px;padding:11px 19px}.button.primary{background:#eff0f3;color:#111319;border-color:#eff0f3}.button.primary:hover{background:#fff}.button.light:hover{background:#fff}.button.ghost,.button.outline{background:#10141a;border-color:#3c4655}.button:hover:not(:disabled){transform:none;border-color:#77869c}.text-button{text-decoration:none;border-bottom:1px solid #454f5f;padding-bottom:3px}.pixel-plus{font-size:19px}.status-dot{box-shadow:none}
.hero{height:auto;min-height:0;max-height:none;overflow:hidden;background:#080a0c;border-bottom:1px solid #343a44;position:relative;padding:36px 28px 0}#hangar-scene{opacity:.55;pointer-events:none;object-fit:fill}.technical-traces{position:absolute;inset:25px 16px 70px;pointer-events:none;background-image:radial-gradient(#65778e29 .65px,transparent .65px);background-size:23px 23px;border-top:1px solid #26303c66}.technical-traces:before{content:'';position:absolute;left:0;top:0;width:10px;height:10px;border-left:1px solid #596576;border-top:1px solid #596576}.technical-traces:after{content:'';position:absolute;right:0;bottom:0;width:10px;height:10px;border-right:1px solid #596576;border-bottom:1px solid #596576}.technical-traces i{position:absolute;height:1px;background:#39445544;width:100%;left:0}.technical-traces i:nth-child(1){top:20%}.technical-traces i:nth-child(2){top:48%}.technical-traces i:nth-child(3){top:76%}.technical-traces i:nth-child(4){left:34%;width:1px;height:100%;top:0}
.hero-layout{position:relative;display:grid;grid-template-columns:minmax(270px,.95fr) minmax(0,2fr);gap:32px;max-width:1440px;margin:0 auto;align-items:center;min-height:445px}.hero-copy{padding:28px 0 36px 18px}.system-status{font-size:9px!important;color:#9ba4b2!important;letter-spacing:.4px;margin:0 0 21px!important;line-height:1.5!important}.system-status i{width:6px;height:6px;background:#ff705d;display:inline-block;margin-right:10px;box-shadow:0 0 0 3px #ff705d14}.hero-copy h1{font-family:var(--pixel);font-size:clamp(32px,3.75vw,54px);letter-spacing:-3px;line-height:1.2;text-shadow:none;white-space:nowrap}.hero-copy h1 span{color:#ff705d}.hero-copy .hero-description{font-size:22px!important;line-height:1.35!important;margin:25px 0 21px!important;color:#eff0f3!important;letter-spacing:-.7px}.hero-copy .hero-intro{font-size:10px!important;color:#8c96a6!important;line-height:1.9!important;margin:0 0 28px!important}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-actions .text-button{font-size:10px;color:#b4bfce;white-space:nowrap}.hero-actions .button{font-size:10px;min-height:39px;padding:10px 14px}.hero-note{font-size:7px;margin-top:20px;color:#69778d;letter-spacing:.7px}
.character-stage{min-width:0;align-self:stretch;padding:4px 0 0;display:flex;flex-direction:column;scroll-margin-top:20px}.crew-roster{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc(100% / 3);overflow-x:auto;scrollbar-color:#47576b #0a0d12;scrollbar-width:thin;border:0;border-top:1px solid #262f3d77;min-width:0;flex:1}.crew-card{padding:12px 12px 16px;position:relative;display:flex;flex-direction:column;text-align:left;background:transparent;color:#eff0f3;border:0;border-left:1px solid #29344477;border-right:0;min-width:0;min-height:375px;opacity:1!important}.crew-card:last-child{border-right:1px solid #29344477}.crew-card:before{height:2px;left:0;right:0;background:var(--agent-color);opacity:.15}.crew-card[aria-pressed=true]{background:transparent}.crew-card[aria-pressed=true]:before{opacity:.8}.crew-card:hover{background:#75859c08}.crew-top{font-family:var(--mono);font-size:9px;letter-spacing:0;color:#909aab;display:flex;align-items:center;gap:5px;white-space:nowrap;height:20px}.crew-top>span:first-child:before{content:'';display:inline-block;width:4px;height:4px;border:1px solid #748095;margin-right:8px}.crew-top small{font-size:7px;color:#536174;margin-left:8px}.crew-select{font-size:10px;width:13px;height:13px;border-color:#384657;margin-left:auto;color:#9eabbc;opacity:.5}.crew-card[aria-pressed=true] .crew-select{background:transparent;color:var(--agent-color);border-color:#536274;opacity:1}.crew-body{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;flex:1}.crew-art{position:relative;inset:auto;display:flex;width:100%;min-width:0;height:280px;align-items:center;justify-content:center;background:none;margin:0 0 15px}.crew-art:after{content:'';position:absolute;left:9%;right:9%;bottom:0;height:10px;border:1px solid #374150;transform:skewX(-18deg);background:repeating-linear-gradient(100deg,#3b424f55 0 6px,#10131955 6px 14px)}.crew-art svg{width:auto;max-width:100%;height:260px;image-rendering:pixelated;overflow:visible;animation:none;filter:drop-shadow(8px 9px 0 #0005);transition:filter .2s}.crew-card:hover .crew-art svg{filter:drop-shadow(8px 9px 0 #0009) brightness(1.08)}.crew-name{font-family:var(--mono);font-size:18px;line-height:1.5;display:block;padding-top:7px;border-top:1px solid #2c3440}.crew-role{font-size:8px;color:#8c9aae;display:block;padding-top:6px;line-height:1.5;white-space:nowrap}.crew-body>span:last-child>br{display:none}.crew-description,.crew-tools{display:none}.roster-footer{font-size:8px;margin:14px 0 0;padding:0 6px 14px;color:#8e9db1;gap:12px;align-items:center}.roster-hint{font-size:7px;color:#5f7089}.roster-footer .text-button{color:#b8c2d2;font-size:9px;border-color:#3a4555;white-space:nowrap}.hero-bottom{position:relative;border-top:1px solid #2a313c;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;font-size:8px;color:#7889a2;padding:0 17px;max-width:1440px;margin-left:auto;margin-right:auto;letter-spacing:.5px}.radio-line{display:flex;align-items:center;gap:10px;color:#aab7c8;font-size:9px}.radio-line i{width:4px;height:4px;background:#a5d6e9;animation:blink 2s steps(1) infinite}.scene-counter{color:#6e7f99;white-space:nowrap}.scene-counter b{color:#a6b6cb}.network-strip{position:relative;display:flex;gap:28px;align-items:center;min-height:40px;border-top:1px solid #333b48;font-size:8px;color:#8e9db2;padding:0 4px;max-width:1440px;margin:auto}.network-strip i{width:5px;height:5px;background:#ff705d;display:inline-block;margin-right:7px}.network-mode{margin-left:auto;color:#5f718c}
.workspace{padding-top:55px;padding-bottom:55px;background:#090c10}.workspace h2{font-family:var(--mono);font-size:25px;letter-spacing:-1px}.workspace .section-heading .eyebrow{color:#7e90aa;font-size:8px;letter-spacing:1px;margin-bottom:14px}.mode-label{border-color:#3b4555;color:#9eabc0;font-size:8px;background:#10151e}.console{box-shadow:none}.console-bar [role=tab][aria-selected=true]{background:#edf0f5;color:#11141a}.console-bar [role=tab]{font-size:10px}.panel-caption{color:#8393ab}.run-monitor{background:#0d1219}.mission-result li,.mission-result p{color:#b4c1d4}.mission-team small{display:block}.crew-card:disabled .crew-top>span:first-child:before{background:#ff705d}.mission-main label{font-family:var(--mono);font-size:16px}.run-monitor h3{font-family:var(--mono)}.treasury-balance strong{color:#edf0f5;font-family:var(--pixel)}.treasury-balance .mint,.mint{color:#a5d6e9}.result-flags{background:#ff705d05}.guide{background:#0d1117;color:#d8e0ed;border-top:1px solid #2e3a4c;border-bottom:1px solid #2e3a4c;gap:80px;padding-top:55px;padding-bottom:55px}.guide h2{font-family:var(--mono);font-size:28px;letter-spacing:-1px;line-height:1.4}.guide .eyebrow,.guide-left>p:not(.eyebrow){color:#8394af}.guide .button{background:#eef1f7;color:#10151e;border-color:#eef1f7;box-shadow:none}.manual-stamp{display:none}.guide-steps article{border-color:#2c3b51;padding:23px 0}.guide-steps article:last-child{border-color:#2c3b51}.guide-steps article>b{color:#6d82a2}.guide-steps h3{font-family:var(--mono);font-size:15px}.guide-steps p{color:#91a2bb}.faq{background:#080a0c}.faq summary{font-size:11px}.footer{background:#080a0c;border-color:#2e3a4b}.footer .brand span{font-size:18px}.footer>p{color:#c0cadb}.footer>p span{color:#7d8eaa}.boot{background-color:#080a0c;background-image:linear-gradient(#27324322 1px,transparent 1px),linear-gradient(90deg,#27324322 1px,transparent 1px)}.boot-inner>img{width:54px;height:54px}.boot h2{font-size:27px}.boot .text-button{color:#a8b6cd}.boot-corner{color:#7284a1}.boot-track i{border-color:#3e4e69}.boot-inner .eyebrow{color:#8f9fb8}dialog{border-color:#495a73;background:#11151c}.dialog-top{background:#171e28;border-color:#39475d}.toast{border-color:#ff705d}.builder-bottom p{color:#9baac1}.color-picker span{border-color:#11151c}.color-picker input:checked+span{outline-color:#e4eaf5}
@media(min-width:1500px){.hero-layout{min-height:510px}.crew-art{height:330px}.crew-art svg{height:300px}.crew-card{min-height:440px}}
@media(max-width:1100px){.header nav{margin-left:15px;gap:20px}.header{gap:20px}.brand span{font-size:18px}.hero{padding-left:20px;padding-right:20px}.hero-layout{grid-template-columns:minmax(220px,.85fr) minmax(0,2fr);gap:20px}.hero-copy{padding-left:12px}.hero-copy h1{font-size:37px;letter-spacing:-2.6px}.crew-card{padding-left:10px;padding-right:10px;min-height:345px}.crew-art{height:260px}.crew-art svg{height:230px}.crew-role{font-size:7px}.crew-name{font-size:17px}.roster-hint{display:none}.hero-copy .hero-description{font-size:20px!important}.hero-copy .hero-intro{font-size:9px!important}.hero-actions{gap:15px}.hero-actions .button{font-size:9px;padding:9px 11px}.hero-actions .text-button{font-size:9px}.hero-bottom>span:first-child{font-size:7px}}
@media(max-width:760px){.header{height:auto;min-height:113px;display:grid;grid-template-columns:1fr auto;padding:16px 20px 0;gap:10px 16px}.header .brand span{font-size:19px}.header .brand img{width:28px;height:28px}.header .brand sup{display:none}.header nav{display:flex;grid-row:2;grid-column:1/-1;margin:0;gap:0;justify-content:space-between}.header nav a{padding:12px 0;font-size:10px}.header .button{padding:8px 10px;font-size:9px;min-height:34px}.hero{padding:24px 20px 0;height:auto;min-height:0;max-height:none}.hero-layout{display:flex;flex-direction:column;gap:24px;min-height:0}.hero-copy{width:100%;padding:8px 0 2px}.system-status{font-size:8px!important;margin-bottom:17px!important}.hero-copy h1{font-size:46px;letter-spacing:-3px}.hero-copy .hero-description{font-size:20px!important;line-height:1.35!important;margin:20px 0 17px!important}.hero-copy .hero-intro{display:none}.hero-actions{flex-wrap:nowrap;gap:21px}.hero-actions .button{font-size:10px;padding:10px 15px;min-height:39px}.hero-actions .text-button{font-size:10px}.hero-note{font-size:7px;margin-top:15px}.character-stage{width:100%;padding:0}.crew-roster{grid-auto-columns:calc(100% / 3);border-top:1px solid #2b3546}.crew-card{padding:10px 5px 12px;min-height:225px;display:flex;border-bottom:0;position:relative}.crew-top{font-size:6px;height:15px;gap:0}.crew-top>span:first-child:before{width:3px;height:3px;margin-right:4px}.crew-top small{display:none}.crew-select{display:none}.crew-body{padding:0;gap:0;display:flex;flex-direction:column}.crew-art{position:relative;inset:auto;width:100%;height:155px;margin-bottom:8px;min-width:0}.crew-art svg{width:100%;height:auto;max-height:150px;filter:none}.crew-art:after{height:5px;left:5%;right:5%}.crew-name{font-size:12px;padding-top:6px}.crew-role{font-size:6px;white-space:normal;min-height:26px;padding-top:4px}.roster-footer{padding:0 0 9px;margin-top:12px;font-size:7px;align-items:center}.roster-footer .text-button{font-size:8px}.hero-bottom{padding:0;min-height:46px;gap:8px;margin-top:12px}.hero-bottom>span:first-child{display:none}.radio-line{font-size:7px;gap:6px}.scene-counter{font-size:6px}.network-strip{gap:12px;flex-wrap:wrap;row-gap:4px;padding:10px 0;font-size:6px}.network-strip>span:nth-child(3){display:none}.network-mode{margin-left:auto}.technical-traces{inset:15px 14px 85px}.workspace{padding-top:38px;padding-bottom:36px}.workspace h2{font-size:22px}.workspace .section-heading{margin-bottom:20px}.mode-label{margin-top:15px;font-size:7px}.console-bar [role=tab]{font-size:8px}.guide{gap:30px;padding-top:39px;padding-bottom:35px}.guide h2{font-size:24px}.footer .brand span{font-size:18px}.mission-main label{font-size:14px}.hero-copy .eyebrow{margin-bottom:16px}.hero-actions .button:hover{transform:none}}
.crew-art .robot-head{animation:operator-look 6s steps(1) infinite}.crew-card:nth-child(2) .robot-head{animation-delay:-2s}.crew-card:nth-child(3) .robot-head{animation-delay:-4s}.crew-art .robot-antenna{animation:operator-signal 3s steps(1) infinite}.crew-art .operator--writing .robot-arm-right{animation:operator-type 2s steps(2) infinite}.crew-card:hover .robot-arm-right{animation:operator-wave 1.6s steps(2) infinite}.crew-card[aria-pressed=false] .crew-art{opacity:.5}.crew-card:focus-visible{outline-offset:-3px;z-index:1}.crew-art .robot-eye{animation:operator-blink 6.5s steps(1) infinite}.crew-card:nth-child(2) .robot-eye{animation-delay:-3s}.crew-card:nth-child(3) .robot-eye{animation-delay:-5s}@keyframes operator-look{0%,42%,100%{transform:translate(0,0)}45%,65%{transform:translate(1px,-1px)}70%,90%{transform:translate(-1px,0)}}@keyframes operator-signal{0%,80%,100%{opacity:1}83%,90%{opacity:.25}}@keyframes operator-type{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes operator-wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes operator-blink{0%,94%,100%{opacity:1}96%{opacity:0}}
@media(prefers-reduced-motion:reduce){.radio-line i,.crew-art .robot-head,.crew-art .robot-antenna,.crew-art .robot-arm-right,.crew-art .robot-eye{animation:none!important}}
