@charset "UTF-8";
:root{color-scheme:dark;--bg:#101226;--panel:#20243e;--muted:#bbc2de;--accent:#ffb253;--ink:#21162a;--danger:#ff8d99;font-family:Arial,"DejaVu Sans",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f6ff}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid white;outline-offset:4px}button:active{filter:brightness(.95)}button svg{width:22px;height:22px;flex:none}svg{display:block}h1,h2,h3,p{margin:0}p{line-height:1.5}[hidden]{display:none!important}
#app{position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:320px;overflow:hidden}#hud{display:flex;align-items:center;gap:24px;padding:16px 24px;background:#15182e;border-bottom:1px solid #333954;flex-shrink:0;z-index:2}.brand{font-size:17px;font-weight:900;letter-spacing:1px;line-height:1.05}.brand span{display:block;color:var(--accent);letter-spacing:4px;font-size:21px}#sectors{list-style:none;display:flex;justify-content:center;gap:10px;flex:1;padding:0;margin:0}#sectors li{display:flex;align-items:center;gap:8px;font-size:12px;color:#9ba5c9;background:#222740;padding:9px 12px;border-radius:40px}#sectors li.current{color:white;background:#414063;box-shadow:inset 0 0 0 1px #737495}#sectors li.done{color:#c2ecf4;background:#2c3c5b}.sector-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#353c59;font-weight:bold}.current .sector-dot{background:var(--accent);color:var(--ink)}.icon-button{display:grid;place-items:center;border-radius:15px;background:#2c3150;width:44px;height:44px;flex-shrink:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;min-height:48px;font-weight:700;border-radius:16px;transition:background .15s}.primary{background:var(--accent);color:var(--ink);box-shadow:0 5px 0 #0003}.primary:hover{filter:brightness(1.08)}.secondary{background:#303754;border:1px solid #59617e}.secondary:hover,.icon-button:hover{background:#414967}
#stage{position:relative;flex:1;min-height:150px;overflow:hidden;background:#161b33}#game{display:block;width:100%;height:100%;outline:none;touch-action:none}#location{position:absolute;top:18px;left:22px;pointer-events:none;background:#161a32db;backdrop-filter:blur(12px);border:1px solid #7a83a055;border-radius:19px;padding:13px 18px;max-width:calc(100% - 44px)}#location strong{display:block;font-size:17px;margin-bottom:5px}#location span{font-size:12px;color:var(--muted)}#missionFooter{display:flex;align-items:center;gap:20px;background:#171b32;padding:14px 24px;min-height:95px;flex-shrink:0;border-top:1px solid #3a425d}.mission-text{flex:1;min-width:0}#stepLabel{display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--accent);text-transform:uppercase;margin-bottom:5px}#notice{font-size:14px;color:#e2e6fa;max-width:820px}.tools{display:flex;gap:10px;flex-shrink:0}.tools button{padding:12px 17px;font-size:13px}.tools svg{width:19px;height:19px}#arrival{position:absolute;inset:0;background:#d6d7ff;pointer-events:none;opacity:0}#arrival.flash{animation:arrival .6s ease-out}@keyframes arrival{from{opacity:.65}to{opacity:0}}
#screens{position:absolute;inset:0;z-index:4;background:#12142a;overflow:auto}.landing{min-height:100%;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);align-items:center;gap:4vw;padding:clamp(24px,5vw,80px);background:radial-gradient(ellipse at 20% 10%,#3a2c59,transparent 54%),#12142a}.eyebrow{font-size:11px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.landing h1{font-size:clamp(52px,7vw,102px);font-weight:900;line-height:.87;letter-spacing:-4px;margin:0 0 24px}.landing h1 span{color:var(--accent);display:block}.landing .lead{font-size:clamp(17px,1.6vw,21px);max-width:410px;color:#c5cbe8;margin-bottom:30px}.landing .primary{min-width:220px;font-size:20px;padding:17px 30px;border-radius:20px}.credits{font-size:11px;color:#929cbd;margin-top:28px;line-height:1.8}.hero-art{position:relative;min-height:350px;align-self:stretch;max-height:640px;border:1px solid #6c6f9655;border-radius:40px;overflow:hidden;box-shadow:0 28px 90px #0005}.hero-art>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#17182fdd,transparent 70%);pointer-events:none}.hero-art .crew{position:absolute;bottom:80px;left:calc(50% - 32px);transform:scale(3.2);transform-origin:bottom;z-index:1}.hero-chip{position:absolute;top:24px;left:24px;z-index:1;background:#1d2544e6;border:1px solid #a0a5d84d;padding:11px 15px;border-radius:16px;font-size:12px}.hero-bottom{position:absolute;bottom:26px;left:28px;right:28px;z-index:1;color:#dadff5;font-size:12px;display:flex;justify-content:space-between}.crew{display:inline-block;width:64px;height:88px;background-image:url('assets/crewmate-sprites.png');background-repeat:no-repeat;background-size:512px 88px;image-rendering:pixelated;flex-shrink:0}.crew.walk{animation:walk .72s steps(6) infinite}@keyframes walk{from{background-position:-64px 0}to{background-position:-448px 0}}.crew.celebrate{background-position:-448px 0;animation:hop .8s ease-in-out infinite}@keyframes hop{0%,100%{margin-bottom:0}50%{margin-bottom:18px}}
.onboarding{min-height:100%;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 70% 0,#343363,transparent 65%),#12142a}.onboard-card{width:min(920px,100%);background:#202540;border:1px solid #495173;border-radius:32px;padding:clamp(22px,4vw,48px);box-shadow:0 25px 80px #0004}.onboard-card h1{font-size:clamp(28px,4vw,44px);letter-spacing:-1px;margin-bottom:13px}.onboard-card>.lead{color:var(--muted);max-width:650px;font-size:16px;margin-bottom:26px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 30px}.how-card{background:#2c3353;border:1px solid #4a5476;border-radius:23px;padding:22px}.how-card svg{width:38px;height:38px;color:var(--accent);margin-bottom:18px}.how-card h2{font-size:18px;margin-bottom:9px}.how-card p{font-size:14px;color:var(--muted)}.onboard-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.disclaimer-highlight{background:#3a3050;border:1px solid #80668e;border-radius:21px;padding:20px;margin:22px 0;font-size:16px}.book-credit{font-size:13px;color:var(--muted);padding-top:20px;border-top:1px solid #47506b;margin-top:20px}.creator-names{font-size:19px;font-weight:bold;color:#e9e4ff;margin:12px 0}
#modal{position:absolute;inset:0;background:#0d1024d9;z-index:10;display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px);overflow:auto}.modal-card{width:min(740px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#242a47;border:1px solid #5b6586;border-radius:28px;padding:clamp(22px,3vw,36px);box-shadow:0 24px 100px #0006}.modal-card h2{font-size:clamp(23px,3vw,32px);letter-spacing:-.5px;margin:5px 0 16px}.modal-card p{color:#d3d8ed;font-size:15px;margin:12px 0}.modal-card .eyebrow{margin-bottom:8px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}.proof-list{display:grid;gap:12px}.proof-row{display:flex;align-items:center;gap:15px;background:#303859;padding:16px;border-radius:18px}.proof-row>svg{color:var(--accent);width:28px;height:28px;flex-shrink:0}.proof-row .secondary{margin-left:auto;min-height:40px;padding:9px 14px}.proof-image{display:block;width:100%;max-height:280px;object-fit:contain;border-radius:18px;background:#192039}.hint-list{display:grid;gap:10px;list-style:none;padding:0}.hint-list li{padding:15px 18px;border-radius:16px;background:#343350;color:#e1dff9;line-height:1.45;font-size:15px}.success-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:#3a526e;color:#d6ebff;margin-bottom:16px}.success-mark svg{width:42px;height:42px}.source-note{font-size:12px!important;color:#a6b0ce!important}.modal-card details{background:#303755;border-radius:16px;padding:15px;margin:15px 0}.modal-card summary{cursor:pointer;font-size:14px;color:#dcdcf2}
#workbench{position:absolute;inset:14px;z-index:3;display:flex;flex-direction:column;background:#202641f5;border:1px solid #68739b;border-radius:28px;box-shadow:0 18px 70px #0007;overflow:hidden;backdrop-filter:blur(14px)}.work-head{padding:18px 22px 15px;display:flex;gap:16px;align-items:start;border-bottom:1px solid #454e70}.work-head>div{flex:1;min-width:0}.work-head h2{font-size:clamp(18px,2vw,25px);margin-bottom:6px}.work-head p{font-size:13px;color:var(--muted)}.work-head .icon-button{width:36px;height:36px;border-radius:12px}.puzzle-area{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:0}.work-actions{display:flex;justify-content:center;gap:12px;padding:12px 20px 16px;border-top:1px solid #404968;flex-shrink:0}.work-actions button{min-width:170px}.inventory-grid,.response-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.equipment{display:flex;align-items:center;justify-content:center;gap:12px;background:#303957;border:2px solid #505c81;border-radius:20px;padding:16px;min-height:90px;position:relative}.equipment:hover{background:#3a4566}.equipment.selected{border-color:var(--accent);background:#49425b}.equipment.selected::after{content:"✓";position:absolute;right:9px;top:6px;color:var(--accent);font-weight:800;font-size:19px}.equipment svg{width:40px;height:40px;color:#bfd2f9}.equipment strong{font-size:14px}.equipment small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.circuit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.breaker{background:#313a5b;border:2px solid #5d7096;border-radius:25px;padding:22px 16px;text-align:left}.breaker.selected{border-color:var(--accent);box-shadow:0 0 0 2px #ffb25344}.breaker-label{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:bold;margin-bottom:13px}.color-dot{width:15px;height:15px;border-radius:50%;background:var(--wire)}.breaker svg{width:100%;height:95px}.switch{width:53px;height:34px;border:3px solid #9babcd;border-radius:12px;background:#19203b;position:relative}.switch::after{content:"";width:41px;height:11px;border-radius:5px;background:#bfcbe6;position:absolute;left:3px;top:3px}.selected .switch::after{top:13px;background:var(--accent)}.breaker small{font-size:11px;color:#c6d0e8}.machine-preview{display:flex;align-items:center;justify-content:center;gap:16px;background:#1b223b;border:1px solid #4b5679;border-radius:22px;min-height:74px;padding:14px}.machine-preview svg{width:44px;height:44px;color:#e1b86d}.machine-preview span{font-size:13px;color:var(--muted)}.machine-preview .placed{color:#f6c76c}.corridor{position:relative;min-height:210px;flex:1;border-radius:22px;overflow:hidden;background:#141d35}.corridor>svg{width:100%;height:100%;max-height:300px;min-height:210px}.map-marker{position:absolute;width:48px;height:48px;border:2px dashed #abbfea;border-radius:14px;background:#273558dd;font-weight:bold;font-size:17px;transform:translate(-50%,-50%)}.map-marker.chosen{border-style:solid;border-color:var(--accent);background:#6b5262}.map-marker:hover{background:#42557d}.barrier-token{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid #6e7b9d;border-radius:16px;background:#323b59;padding:12px;align-self:center;font-weight:bold}.barrier-token svg{color:#ffc26c;width:36px;height:36px}
.pipe-row{display:grid;grid-template-columns:55px minmax(50px,1fr) 70px minmax(50px,1fr) 100px;gap:10px;align-items:center;margin:10px 0}.pipe-label{font-size:19px;font-weight:bold;text-align:center}.pipe-track{height:13px;border-radius:10px;background:#435071;overflow:hidden}.pipe-track.flow::after{content:"";display:block;height:100%;width:200%;background:repeating-linear-gradient(90deg,#76cbe9 0 16px,#3e608a 16px 40px);animation:flow 1s linear infinite}@keyframes flow{to{transform:translateX(-40px)}}.valve-button{height:64px;border-radius:18px;background:#3c4869;border:2px solid #a2b7dc;display:grid;place-items:center;position:relative}.valve-button svg{width:40px;height:40px;color:#ffcb7f;transition:transform .2s}.valve-button.closed svg{transform:rotate(90deg);color:#91b4dd}.valve-button span{position:absolute;bottom:-20px;font-size:10px;white-space:nowrap}.pipe-destination{display:flex;align-items:center;gap:9px;font-size:13px}.pipe-destination svg{width:30px;height:30px;color:#bfd5f4}.pipes{padding-bottom:20px}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pair-column{display:grid;gap:10px}.evidence,.measure{display:flex;align-items:center;gap:12px;border-radius:18px;min-height:63px;padding:13px 16px;background:#303957;border:2px solid #56617e;text-align:left;font-size:14px}.evidence svg,.measure svg{width:28px;height:28px;color:#c4b7f4;flex-shrink:0}.evidence.chosen{border-color:var(--accent)}.evidence.linked{opacity:.65}.measure{border-style:dashed;flex-wrap:wrap}.measure.has-link{border-color:#bc9be7;border-style:solid;background:#403b5d}.linked-label{font-size:11px;color:#e9c2ff;display:block;width:100%;padding-left:40px}
.desk-illustration{position:relative;min-height:150px;flex:1;background:#1a223c;border-radius:22px;overflow:hidden}.desk-illustration>svg{width:100%;height:100%;min-height:150px;max-height:260px}.body-target{position:absolute;border:1px dashed #aebde3;background:#343f62dd;border-radius:12px;padding:9px 12px;min-height:42px;font-size:11px;font-weight:bold;transform:translate(-50%,-50%)}.body-target.filled{border-style:solid;border-color:#e2b477}.body-target svg{width:25px;height:25px;color:var(--accent)}.furniture-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.furniture-sources .equipment{min-height:64px;padding:10px}.furniture-sources .equipment svg{width:32px;height:32px}.adjust-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.adjust-layout .desk-illustration{height:230px}.range-list{display:grid;gap:22px}.range-list label{display:block;font-size:14px;font-weight:bold}.range-list input{display:block;width:100%;height:12px;margin:15px 0;appearance:none;border-radius:20px;background:linear-gradient(90deg,#465171 0 var(--min),#7fabc9 var(--min) var(--max),#465171 var(--max) 100%);cursor:pointer}.range-list input::-webkit-slider-thumb{appearance:none;width:25px;height:31px;border-radius:10px;background:var(--accent);border:3px solid transparent}.range-list input::-moz-range-thumb{width:22px;height:27px;border-radius:9px;background:var(--accent);border:0}.range-value{font-size:11px;color:#bec9e7;float:right}.break-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.break-slot{background:#303d5c;border:2px solid #596a8e;border-radius:19px;min-height:110px;display:grid;place-items:center;padding:10px 5px;font-size:12px}.break-slot svg{width:34px;height:34px;color:#c1d5f5}.break-slot.rest{background:#4b405f;border-color:#d6afe9}.break-slot.rest svg{color:#f7c490}.break-summary{display:flex;justify-content:center;gap:25px;color:#c2cce8;font-size:14px}.danger-text{color:var(--danger)!important}
.task-tray{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.task{display:flex;flex-direction:column;align-items:center;gap:8px;background:#343b5b;border:2px solid #566587;border-radius:18px;padding:12px 7px;font-size:12px;font-weight:bold}.task svg{width:30px;height:30px;color:#ffc584}.task.chosen{border-color:var(--accent)}.task.assigned{background:#3f3c63;border-color:#8a79b6}.task small{color:#c6c9ea;font-size:10px;min-height:12px}.task-weight{display:flex;gap:4px}.task-weight i{width:6px;height:12px;border-radius:3px;background:#c3b2ee}.workers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.worker-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #8f9cc0;background:#27324d;border-radius:24px;padding:13px;min-height:175px;gap:8px}.worker-drop .crew{transform:scale(.85);margin-top:-5px;margin-bottom:-8px}.worker-drop strong{font-size:14px}.worker-drop.overloaded{border-color:#f38c9f;background:#57314b}.capacity{width:90%;height:8px;background:#17213b;border-radius:8px;overflow:hidden}.capacity>i{height:100%;display:block;background:#bca5ef;border-radius:8px}.overloaded .capacity>i{background:#ff8d99}.assigned-tasks{font-size:10px;color:#bec8e7;min-height:14px}.cause-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cause{border:2px solid #59668a;border-radius:22px;display:flex;align-items:center;gap:18px;background:#303958;padding:18px;text-align:left;font-weight:bold;font-size:14px}.cause svg{width:58px;height:58px;color:#d9a2ef;flex-shrink:0}.cause.selected{border-color:var(--accent);background:#4b4161}
.victory{position:relative;min-height:100%;display:grid;place-items:center;overflow:hidden;padding:30px;background:radial-gradient(ellipse at center,#443a77,#15192f 65%)}.victory-content{position:relative;z-index:2;max-width:760px;text-align:center}.victory h1{font-size:clamp(38px,7vw,78px);letter-spacing:-2px;line-height:1.05}.victory p{font-size:18px;color:#cdd5ed;margin:18px auto 25px;max-width:560px}.victory .crew{transform:scale(2);transform-origin:bottom;margin-top:80px;margin-bottom:16px}.win-locks{display:flex;justify-content:center;gap:14px;margin:25px 0}.win-locks span{width:49px;height:49px;background:#4b4973;border:1px solid #b2a6df;border-radius:17px;display:grid;place-items:center;animation:badge-in .5s both}.win-locks span:nth-child(2){animation-delay:.2s}.win-locks span:nth-child(3){animation-delay:.4s}.win-locks span:nth-child(4){animation-delay:.6s}.win-locks svg{width:25px;height:25px;color:#f0d195}@keyframes badge-in{from{opacity:0;transform:scale(.4) rotate(-20deg)}to{opacity:1;transform:scale(1)}}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-20px;width:9px;height:16px;border-radius:3px;background:var(--piece);left:var(--x);animation:fall var(--speed) var(--delay) linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(700deg)}}
#hotspots{position:absolute;inset:0;pointer-events:none}#hotspots button{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);border:1px solid #ffffff55;background:var(--accent);color:#1b213c;border-radius:14px;padding:10px 13px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;min-height:39px;max-width:170px;box-shadow:0 7px 25px #0004}#hotspots button svg{width:18px;height:18px}#hotspots button::after{content:"";position:absolute;top:100%;height:16px;width:2px;background:var(--accent);left:50%}#hotspots button.examined{background:#344b75;color:#f0f4ff}#hotspots button.locked{background:#3a4667;color:#b6c4e1}#hotspots button:active{transform:translate(-50%,-100%) scale(.98)}@media(max-width:600px){#hotspots button{font-size:11px;max-width:135px;padding:9px 10px;border-radius:13px}#hotspots button svg{width:15px;height:15px}}
@media(min-width:1600px){.puzzle-area{padding:25px 6vw}.work-head{padding-left:4vw;padding-right:4vw}}
@media(max-width:760px){#hud{padding:10px 14px;gap:12px}.brand{font-size:12px}.brand span{font-size:15px;letter-spacing:2px}#sectors{gap:6px}#sectors li{padding:5px}.sector-name{display:none}.sector-dot{width:25px;height:25px}#pause{width:38px;height:38px;border-radius:13px}#missionFooter{padding:11px 14px;gap:10px;flex-wrap:wrap;min-height:112px}.mission-text{flex-basis:100%}#notice{font-size:12px}.tools{margin-left:auto}.tools button{padding:9px 13px;min-height:38px;font-size:12px}.tools svg{width:16px;height:16px}#location{top:11px;left:12px;padding:10px 13px;border-radius:15px}#location strong{font-size:14px}#location span{font-size:10px}.landing{grid-template-columns:1fr;gap:24px;padding:28px 24px}.landing h1{font-size:68px}.landing .lead{font-size:16px;margin-bottom:20px}.landing .primary{width:100%}.hero-art{min-height:230px;max-height:300px;grid-row:1;border-radius:26px}.hero-art .crew{transform:scale(2.2);bottom:52px}.hero-chip{top:15px;left:15px;font-size:10px}.hero-bottom{font-size:10px;bottom:17px;left:17px;right:17px}.credits{margin-top:18px}.how-grid{grid-template-columns:1fr;gap:10px}.how-card{display:grid;grid-template-columns:34px 1fr;gap:6px 15px;padding:16px;border-radius:19px}.how-card svg{grid-row:span 2;width:30px;height:30px;margin:0}.how-card h2{font-size:16px;margin:0}.how-card p{font-size:13px}.onboarding{padding:15px}.onboard-card{border-radius:24px;padding:22px}.onboard-actions .primary{width:100%}.creator-names{font-size:17px}.disclaimer-highlight{font-size:14px}.book-credit{font-size:12px}.modal-card{border-radius:24px}.modal-card p{font-size:14px}.proof-row{padding:12px;gap:9px}.proof-row .secondary{font-size:12px}.proof-row strong{font-size:13px}#workbench{inset:9px;border-radius:23px}.work-head{padding:13px 14px 12px;gap:8px}.work-head h2{font-size:17px}.work-head p{font-size:12px}.puzzle-area{padding:12px;gap:11px;justify-content:flex-start}.work-actions{padding:10px 12px 12px;gap:8px}.work-actions button{min-width:0;flex:1;min-height:42px;font-size:12px;padding:10px}.equipment{min-height:76px;padding:10px;gap:9px;flex-direction:column;border-radius:17px}.equipment strong{font-size:12px}.equipment svg{width:32px;height:32px}.inventory-grid,.response-grid{gap:9px}.machine-preview{min-height:60px;padding:10px;gap:10px}.machine-preview svg{width:32px;height:32px}.machine-preview span{font-size:11px}.circuit-grid{gap:9px;flex:1;align-items:center}.breaker{padding:16px 10px;border-radius:19px}.breaker-label{font-size:14px}.breaker svg{height:115px}.switch{width:45px;height:32px}.switch::after{width:33px}.breaker small{font-size:10px}.pipe-row{grid-template-columns:24px minmax(22px,1fr) 54px minmax(22px,1fr) 72px;gap:5px;margin:16px 0}.pipe-label{font-size:16px}.pipe-destination{font-size:11px;gap:4px}.pipe-destination svg{width:24px;height:24px}.valve-button{height:54px;border-radius:16px}.valve-button svg{width:32px;height:32px}.pair-grid{gap:12px}.pair-column{gap:8px}.evidence,.measure{font-size:12px;gap:7px;padding:11px 9px;min-height:65px;border-radius:15px}.evidence svg,.measure svg{width:23px;height:23px}.linked-label{font-size:10px;padding-left:0}.furniture-sources{gap:8px}.furniture-sources .equipment{padding:9px 5px;min-height:68px;gap:6px}.furniture-sources .equipment strong{font-size:10px}.furniture-sources .equipment svg{width:28px;height:28px}.body-target{padding:6px 8px;font-size:9px;min-height:35px}.adjust-layout{grid-template-columns:1fr;gap:15px}.adjust-layout .desk-illustration{height:150px;min-height:130px}.range-list{gap:12px}.range-list label{font-size:12px}.range-list input{margin:13px 0}.break-grid{grid-template-columns:repeat(4,1fr);gap:9px}.break-slot{min-height:88px;font-size:11px}.break-summary{font-size:12px;gap:15px}.task-tray{grid-template-columns:repeat(3,1fr);gap:7px}.task{padding:9px 5px;font-size:11px;border-radius:15px;gap:6px}.task svg{width:24px;height:24px}.task small{font-size:9px}.task-weight i{height:9px}.workers{gap:7px}.worker-drop{padding:9px 5px;min-height:158px;border-radius:17px;gap:5px}.worker-drop strong{font-size:11px}.worker-drop .crew{transform:scale(.7);margin-top:-12px;margin-bottom:-16px}.assigned-tasks{font-size:8px}.cause{padding:12px;gap:10px;flex-direction:column;font-size:12px;text-align:center;border-radius:19px}.cause svg{width:48px;height:48px}.corridor{min-height:195px}.map-marker{width:43px;height:43px;border-radius:13px;font-size:15px}.barrier-token{padding:9px;font-size:12px}.barrier-token svg{width:30px;height:30px}.victory h1{font-size:44px}.victory p{font-size:15px}.victory{padding:24px}.victory .crew{transform:scale(1.8);margin-top:65px}}
@media(max-height:560px) and (min-width:761px){#hud{padding-top:7px;padding-bottom:7px}#missionFooter{min-height:68px;padding-top:8px;padding-bottom:8px}#workbench{inset:6px}.work-head{padding:10px 16px}.work-head h2{font-size:17px}.puzzle-area{padding:12px}.work-actions{padding:8px}.work-actions button{min-height:38px;padding:8px 18px}.equipment{min-height:65px;padding:9px}.worker-drop{min-height:130px}.worker-drop .crew{transform:scale(.65);margin:-16px 0}.breaker svg{height:60px}.breaker{padding:12px}.hero-art{min-height:280px}.landing{padding:28px;gap:25px}.landing h1{font-size:62px}.how-grid{margin:15px 0}.onboard-card{padding:22px}.how-card{padding:15px}}
@media(max-height:520px) and (min-width:550px){#hud{padding:6px 14px}#missionFooter{min-height:64px;flex-wrap:nowrap;padding:8px 14px}.mission-text{flex-basis:auto}.tools{margin-left:0}#location{padding:6px 10px;top:8px;border-radius:12px}#location strong{font-size:12px;margin:0}#location span{display:none}.puzzle-area{justify-content:flex-start}.work-head{padding:10px 14px}.work-head h2{font-size:17px}.work-actions{padding:8px 12px}.work-actions button{min-height:38px;padding:8px 14px}}
@media(max-height:520px) and (min-width:550px){.breaker{padding:9px 12px}.breaker-label{font-size:13px;margin-bottom:5px}.breaker svg{height:38px}.breaker small{display:none}.breaker .switch{width:42px;height:24px}.breaker .switch::after{width:30px;height:8px;top:3px}.breaker.selected .switch::after{top:8px}.circuit-grid{align-items:center}.puzzle-area{padding:8px 12px}}
.corridor{aspect-ratio:640/300;min-height:0;flex:0 0 auto}.corridor>svg{min-height:0;height:100%;max-height:none}
.sound-toggle{position:absolute;top:14px;right:16px;z-index:7;padding:9px 12px;min-height:40px;font-size:12px;gap:7px}#hud .sound-toggle{position:static;flex-shrink:0}.sound-toggle svg{width:20px;height:20px}@media(max-width:760px){#hud .sound-toggle{width:32px;min-height:36px;padding:5px;border-radius:12px}#hud .sound-toggle span{display:none}#hud{gap:6px}}
#scoreboard{display:flex;gap:14px;flex-shrink:0;font-size:11px;color:#bbc2de}#scoreboard strong{display:block;font-size:20px;font-variant-numeric:tabular-nums;color:#fff}#scoreboard.urgent #clock{color:#ff8d99}.scoring-rules,.inspiration{margin:22px 0;padding:18px;background:#161c34;border:1px solid #515a7b;border-radius:18px;font-size:14px;line-height:1.7}.inspiration h2{font-size:18px;margin-bottom:9px}.employee{width:90px;height:115px;object-fit:contain}.worker-drop:nth-child(1){border-color:#56cedc}.worker-drop:nth-child(2){border-color:#b79aff}.worker-drop:nth-child(3){border-color:#ff968d}.worker-drop:nth-child(2) .capacity i{background:#b79aff}.worker-drop:nth-child(3) .capacity i{background:#ff968d}.adjust-layout .desk-illustration{height:auto;min-height:220px}.desk-illustration>svg{width:100%;height:100%;object-fit:contain}.result-points{font-size:30px;color:#ffcd8b;font-weight:800;margin-bottom:10px}.victory-content{max-width:680px}.final-mark{font-size:64px;font-weight:900;letter-spacing:-3px;margin:15px 0 0;font-variant-numeric:tabular-nums}.final-mark small{font-size:23px;color:#b8c2de;letter-spacing:0;margin-left:10px}.victory p{margin:12px auto}.escape-door{position:relative;width:min(300px,70vw);height:235px;margin:20px auto 0;border:12px solid #586b92;border-bottom:8px solid #889bc0;border-radius:26px 26px 5px 5px;overflow:hidden;background:#101528;box-shadow:0 0 0 6px #1b2440,0 20px 50px #0005}.door-outside{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#d9f9ff,#7fbddf 50%,#294261);opacity:.2}.door-panel{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(110deg,#465577,#293651);border:1px solid #7388b0;z-index:1}.door-panel.left{left:0}.door-panel.right{right:0}.door-panel span{position:absolute;top:45%;width:7px;height:38px;border-radius:4px;background:#a5b5d0}.door-panel.left span{right:12px}.door-panel.right span{left:12px}.door-sign{position:absolute;top:14px;left:0;right:0;z-index:2;font-weight:bold;letter-spacing:3px;font-size:12px;color:#ff9aa7}.door-light{position:absolute;bottom:0;left:0;right:0;height:5px;background:#ff8d99;z-index:2}.open .door-panel.left{animation:door-left 2.2s .6s cubic-bezier(.4,0,.2,1) both}.open .door-panel.right{animation:door-right 2.2s .6s cubic-bezier(.4,0,.2,1) both}.open .door-outside{animation:door-glow 2.2s .6s both}.open .door-light{background:#8fe5f7}.open .door-sign{color:#d1f6ff}.failed .final-mark{color:#ff9aa7}@keyframes door-left{to{transform:translateX(-96%)}}@keyframes door-right{to{transform:translateX(96%)}}@keyframes door-glow{to{opacity:1}}
@media(max-width:1100px){#hud{gap:12px}#sectors li{padding:7px 9px}.sector-name{display:none}}
@media(max-width:760px){#scoreboard{gap:9px;font-size:9px}#scoreboard strong{font-size:16px}#hud{gap:9px}#sectors{gap:4px}#sectors li{padding:4px}.sector-dot{width:21px;height:21px}.brand{font-size:11px}.brand span{font-size:14px;letter-spacing:2px}.employee{width:65px;height:85px}.adjust-layout .desk-illustration{height:180px;min-height:180px}.escape-door{height:210px}.victory h1{font-size:34px}.final-mark{font-size:52px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.confetti{display:none}}