.arcade{padding-block:28px 75px}.arcade-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:20px 0 28px}.arcade h1{font:500 clamp(32px,5vw,52px)/1.1 var(--display);margin:8px 0}.arcade-intro p{margin:0;color:var(--muted)}.game-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.game-choices button{background:#10171d;border:1px solid #303c44;color:white;text-align:left;padding:18px 22px;border-radius:8px;font-weight:600}.game-choices button span{display:block;color:#99a9b4;font-size:14px;font-weight:400;margin-top:4px}.game-choices button[aria-pressed=true]{border-color:var(--blue);background:#062732;box-shadow:inset 0 3px var(--blue)}.game-shell{border:1px solid #30424e;border-radius:12px;overflow:hidden;background:#0a1117}.game-top{padding:16px 24px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #29343b;font-size:14px}.game-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}.game-scene{padding:28px;background:radial-gradient(ellipse at center,#122a36,#080f15);min-height:430px;display:flex;flex-direction:column;justify-content:center}.game-controls{padding:26px;border-left:1px solid #29343b}.game-controls h2{font:500 27px/1.2 var(--display);margin:0 0 12px}.game-controls p{color:#b5c3cc;margin:10px 0 20px}.arcade button:disabled{opacity:.4;cursor:default}.arcade button,.arcade select{min-height:44px}.game-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.arcade .small-btn,.command-palette button,.program button,.inspect button{border:1px solid #435562;border-radius:5px;color:#e8f6ff;background:#17232d;padding:9px 13px}.game-feedback{border-top:1px solid #29343b;padding:18px 24px;min-height:72px;color:#c3d2db}.game-feedback.win{color:#93f2c4;background:#0c2924}.game-feedback.fail{color:#ffc49a}.game-note{font-size:13px;color:#8698a3;margin-top:14px}.scene-label{font:500 13px var(--display);letter-spacing:2px;color:#85afc5;margin-bottom:24px}.conveyor{height:110px;border:3px solid #617584;border-radius:55px;position:relative;margin:55px 0 28px;background:repeating-linear-gradient(90deg,#243743 0 12px,#111f29 12px 34px);box-shadow:0 16px 0 #050a0e;overflow:visible}.conveyor.running{animation:belt .6s linear infinite}.parcel{position:absolute;left:8%;top:-35px;width:49px;height:49px;background:#00b8ee;border:3px solid #8ce3ff;color:#001b27;text-align:center;padding-top:9px;font-weight:bold;transition:left .45s}.detector{position:absolute;right:10%;top:-65px;height:65px;border-left:3px dashed #f4bc68;color:#f4bc68;padding-left:8px;font-size:12px}.signal-row{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.signal{padding:8px 12px;border:1px solid #3d4a54;border-radius:4px;font-size:13px;color:#8b9eab}.signal.on{background:#074336;color:#a1ffd8;border-color:#49c598}.logic-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:15px 0;padding:14px;background:#030b10;border:1px solid #293c48;border-radius:6px}.logic-line select{background:#153343;color:#79ddff;border:1px solid #47748a;border-radius:4px;padding:5px}.truth-list{font-size:14px;color:#9cbbc9;line-height:1.9}.robot-board{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-width:370px;width:100%;margin:auto}.robot-cell{aspect-ratio:1;background:#132630;border:1px solid #294653;border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:24px;position:relative}.robot-cell.wall{background:repeating-linear-gradient(135deg,#31434e 0 7px,#22313a 7px 14px)}.robot-cell.goal{border:2px dashed #f0b961;color:#f0b961}.robot-cell.part{color:#00c8ff}.robot-cell.bot{background:#00b8ee;color:#001724;font-size:31px;box-shadow:0 0 22px #00b8ee44}.robot-cell small{position:absolute;bottom:1px;right:4px;font-size:10px}.board-key{font-size:13px;text-align:center;color:#b2c6d3;margin:20px 0 0}.command-palette{display:flex;gap:6px;flex-wrap:wrap}.program{display:flex;gap:5px;flex-wrap:wrap;min-height:76px;border:1px dashed #40515d;padding:10px;margin-top:14px;align-content:start}.program button{padding:5px 8px;font-size:13px;min-height:35px}.program button.active{background:#006a88}.program:empty:before{content:'Your program goes here. Tap commands above.';color:#879daa;font-size:14px}.inspect{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.inspect button{text-align:left;padding:18px;font-size:16px;min-height:75px}.inspect button:last-child{grid-column:1/-1}.inspect button.seen{border-color:#00b8ee}.inspect button span{display:block;font-size:12px;color:#85a5b9;margin-top:5px}.clue-log{max-height:230px;overflow:auto;padding-left:20px;color:#b5cbd8;font-size:14px}.clue-log li{margin-bottom:10px}.diagnosis{display:block;width:100%;background:#13232f;color:white;border:1px solid #506777;padding:8px;border-radius:5px}.game-completed{color:#91e5c0}.arcade details{margin-top:18px;color:#aac2d0;font-size:14px}.arcade summary{cursor:pointer}.arcade details p{font-size:14px}.level-select{background:#13232f;color:white;padding:5px;border:1px solid #486172;border-radius:4px;max-width:210px}@keyframes belt{to{background-position:34px 0}}@media(max-width:800px){.game-layout{grid-template-columns:1fr}.game-controls{border-left:0;border-top:1px solid #29343b}.game-scene{min-height:290px;padding:22px}.arcade-intro{display:block}.arcade-intro>p{margin-top:12px}.game-choices button{padding:12px;font-size:14px}.game-choices button span{display:none}.game-top{padding:14px;align-items:center}.arcade.wrap{padding-inline:18px}.robot-board{max-width:300px}.game-controls{padding:20px}}@media(prefers-reduced-motion:reduce){.conveyor.running{animation:none}.parcel{transition:none}}

.arcade h1{letter-spacing:-1.5px}.game-top>span{display:block}.game-top{column-gap:24px;flex-wrap:wrap}
