.mech-dialog{color:#383f58;text-align:left;background:#f5f0e4;border:1px solid #bcb5a0;border-radius:20px;width:min(1120px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;font-family:Inter Variable,Inter,system-ui,sans-serif;overflow:hidden;box-shadow:0 28px 100px #202337ae}.mech-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#24283fc2}.mech-dialog *,.mech-dialog :before,.mech-dialog :after{box-sizing:border-box}.mech-shell{flex-direction:column;max-height:calc(100dvh - 26px);display:flex;position:relative}.mech-header{color:#fff2d3;background:#41465f;flex:none;justify-content:space-between;align-items:center;gap:15px;padding:20px 26px;display:flex}.mech-header h2{margin:3px 0 0;font:500 30px/1.15 Georgia,serif}.mech-header>div,.mech-story,.mech-story-art,.mech-intro-art{min-width:0}.mech-dialog .mech-eyebrow{color:#686044;letter-spacing:1.4px;margin:0 0 9px;font-size:10px;font-weight:800;line-height:1.5}.mech-header .mech-eyebrow{color:#eddfb9;margin:0}.mech-scroll{overscroll-behavior:contain;scrollbar-color:#aaa183 #eee9dc;min-height:0;scroll-padding-block:10px;overflow-y:auto}.mech-content{padding:23px 26px 28px}.mech-dialog h3{color:#424760;margin:0 0 16px;font:500 32px/1.15 Georgia,serif}.mech-dialog h4{color:#454d68;margin:0 0 9px;font-size:18px;line-height:1.4}.mech-dialog h5{color:#4a516a;margin:0 0 8px;font-size:15px;line-height:1.4}.mech-dialog p{color:#525b6c;margin:0 0 12px;font-size:16px;line-height:1.65}.mech-dialog h3,.mech-dialog h4,.mech-dialog h5,.mech-dialog p{overflow-wrap:break-word;max-width:none}.mech-dialog button,.mech-dialog select,.mech-dialog input{text-transform:none;letter-spacing:normal;touch-action:manipulation;max-width:100%;scroll-margin-block:10px;font-family:inherit}.mech-dialog button{cursor:pointer;white-space:normal}.mech-dialog :disabled{cursor:default;opacity:.55}.mech-dialog [hidden]{display:none!important}.mech-dialog :focus-visible{outline-offset:4px;outline:3px solid #885f27}.mech-header :focus-visible{outline-color:#f5d08c}.mech-button,.mech-dialog select{color:#444d69;background:#fffcf5;border:1px solid #b9b49e;border-radius:8px;min-width:0;min-height:44px;padding:10px 13px;font-size:14px;line-height:1.4}.mech-button{box-shadow:none;justify-content:center;align-items:center;gap:6px;font-weight:650;display:inline-flex}.mech-button:hover:not(:disabled){background:#e8e6d9;border-color:#979174}.mech-primary{color:#fff2d5;background:#515a79;border-color:#515a79}.mech-primary:hover:not(:disabled){color:#fff2d5;background:#414961}.mech-close{color:#fff2d5;background:#ffffff08;border-color:#b7b59e;flex-shrink:0}.mech-close:hover:not(:disabled){color:#fff2d5;background:#ffffff14}.mech-map{border-bottom:1px solid #d1cbb8;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 25px;padding:0 0 20px;list-style:none;display:grid}.mech-map li{align-items:center;gap:10px;min-width:0;display:flex}.mech-map-mark{color:#6a624c;border:1px solid #b6ad91;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.mech-map .is-done .mech-map-mark{color:#fff4d8;background:#686b80;border-color:#686b80}.mech-map [aria-current=step] .mech-map-mark{box-shadow:0 0 0 3px #b49b602e}.mech-map strong{font-size:14px;line-height:1.4;display:block}.mech-map small{color:#5c6173;font-size:12px;line-height:1.5;display:block}.mech-intro,.mech-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:28px;display:grid}.mech-intro{grid-template-columns:1fr 1fr;align-items:center}.mech-art{border-radius:17px;width:100%;height:auto;margin-bottom:20px;display:block}.mech-story .mech-dialogue{background:#e9e6dc;border-left:2px solid #b19a62;border-radius:0 9px 9px 0;margin:18px 0 0;padding:13px 15px;font-size:14px}.mech-dialogue strong{color:#62587a;letter-spacing:.8px;margin-bottom:4px;font-size:11px;display:block}.mech-workbench{background:#fffbf0;border:1px solid #c9c1aa;border-radius:16px;min-width:0;padding:22px}.mech-workbench p,.mech-return p{font-size:14px}.mech-dialog .mech-note{color:#5c6173;margin:12px 0;font-size:12px;line-height:1.7}.mech-actions,.mech-command-palette{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.mech-actions>*{min-width:0}.mech-return{background:#eae6d7;border:1px solid #d1c8ae;border-radius:13px;margin-top:25px;padding:22px}.mech-dialog .mech-feedback{color:#715534;background:#efe1c4;border-left:3px solid #b6985d;border-radius:8px;margin:18px 0 0;padding:13px;font-size:14px}.mech-dialog .mech-feedback.is-success{color:#485f43;background:#e2e9da;border-color:#8c9e73}.mech-help{border-top:1px solid #dad5c4;margin-top:20px;padding-top:8px}.mech-text-button{color:#5c5878;text-underline-offset:4px;background:0 0;border:0;border-radius:0;padding:9px 0;text-decoration:underline}.mech-text-button:hover:not(:disabled){background:0 0}.mech-help>div{padding-top:9px}.mech-completion{margin-top:18px}.mech-completion .mech-button{width:100%}.mech-replay-nav{margin:-5px 0 20px}.mech-announcer{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.mech-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0;padding:0;list-style:none;display:grid}.mech-items li{background:#f0e9d9;border:1px solid #d1c7ac;border-radius:9px;min-width:0;padding:12px}.mech-items strong{color:#535568;font-size:14px;line-height:1.5;display:block}.mech-items span{color:#66604f;margin-top:4px;font-size:12px;line-height:1.6;display:block}.mech-rule{gap:12px;margin:18px 0;display:grid}.mech-field{color:#515970;gap:7px;min-width:0;font-size:14px;line-height:1.5;display:grid}.mech-field select{width:100%}.mech-program-reading{color:#515970;gap:12px;margin:18px 0;padding-left:23px;font-size:14px;line-height:1.65;display:grid}.mech-program-reading li{padding-left:4px}.mech-program-reading .mech-field+.mech-field{margin-top:10px}.mech-command-palette{gap:8px;margin:18px 0}.mech-command-palette .mech-button{flex:100px;padding-inline:9px}.mech-program{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.mech-program li{color:#535970;background:#f0e9d8;border:1px solid #d0c4a9;border-radius:10px;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:9px 10px;min-width:0;padding:12px;font-size:14px;line-height:1.5;display:grid}.mech-step-number{color:#60573e;background:#e2d7bb;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:grid}.mech-program label{gap:5px;min-width:0;font-size:12px;display:grid}.mech-program select{width:100%}.mech-program .mech-actions{grid-column:2;gap:7px}.mech-program .mech-actions .mech-button{min-width:44px;padding:9px 12px}.mech-program .mech-actions .mech-button:last-child{margin-left:auto}.mech-rehearsal{background:#e9e9e2;border:1px solid #c5c4bc;border-radius:12px;margin:20px 0 16px;padding:12px;scroll-margin-block:8px}.mech-rehearsal:focus{outline-offset:3px;outline:3px solid #885f27}.mech-dialog .mech-result-caption{color:#485268;margin:10px 0;font-size:14px;line-height:1.55}.mech-rehearsal>.mech-actions{gap:8px}.mech-sorter-diagram{grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);align-items:center;gap:7px;display:grid}.mech-sorter-diagram>div{text-align:center;background:#ece0c3;border:2px solid #bab098;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:130px;padding:12px 6px;display:flex}.mech-sorter-diagram>div:last-child{background:#dce5df;border-color:#a8b8ad}.mech-sorter-diagram>span{color:#625e70;text-align:center;font-size:25px}.mech-sorter-diagram div>span{color:#59523f;font-size:11px;font-weight:750;line-height:1.5}.mech-sorter-diagram strong{color:#48516b;font:500 42px/1.25 Georgia,serif}.mech-sorter-diagram small{color:#5c6359;font-size:12px;line-height:1.4}.mech-floors{background:#d9dce2;border:1px solid #aaabb7;border-radius:8px;gap:3px;padding:5px;display:grid}.mech-floors>div{color:#4d576e;background:#edf0ef;border-bottom:1px solid #c1c4cc;border-radius:3px;grid-template-columns:60px minmax(0,1fr) 78px;align-items:center;gap:5px;min-height:31px;padding:5px 8px;font-size:12px;line-height:1.4;display:grid}.mech-floors>div.is-platform{color:#55492f;background:#dbc28c;border-color:#a18b62;box-shadow:inset 3px 0 #8c7549}.mech-floors>div>span:nth-child(2){text-align:center;font-size:11px;font-weight:700}.mech-floors small{color:inherit;text-align:right;font-size:10px;font-weight:750}.mech-dialog .mech-lift-diagram>p{color:#525d70;text-align:center;margin:7px 0 0;font-size:12px;line-height:1.4}.mech-bench-diagram{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;display:grid}.mech-device,.mech-reading{background:#dddfe5;border:1px solid #b5b7bb;border-radius:10px;flex-direction:column;justify-content:center;min-width:0;min-height:145px;padding:12px;display:flex}.mech-device{text-align:center}.mech-device>span{color:#555875;font-size:36px;line-height:1.1}.mech-device strong,.mech-reading strong{color:#454e65;margin-top:5px;font-size:14px;line-height:1.4}.mech-device small,.mech-reading small{color:#5c6275;margin-top:6px;font-size:12px;line-height:1.5;display:block}.mech-device.is-working{background:#dce6d7;border-color:#a5b699}.mech-device.is-working>span{color:#4c6748}.mech-reading{background:#f1e8cd;border-color:#c4b38b}.mech-dialog .mech-reading p{color:#665b46;margin:7px 0 0;font-size:13px;line-height:1.5}.mech-trace{color:#535d70;margin:16px 0;font-size:13px}.mech-trace summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px}.mech-trace ol{gap:8px;margin:8px 0 0;padding-left:24px;display:grid}.mech-trace li{background:#ecece4;border-left:3px solid #a9acba;border-radius:0 7px 7px 0;padding:8px 10px;line-height:1.55}.mech-trace li.is-paused{color:#715534;background:#efe1c4;border-color:#b69456}.mech-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.mech-choice-card{background:#fffbef;border:1px solid #bdb299;border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:22px;display:flex}.mech-choice-card p{color:#565d6c;font-size:14px;line-height:1.7}.mech-choice-card>.mech-button{align-self:stretch;margin-top:auto}.mech-journal{border-top:1px solid #cbc4ad;margin-top:28px;padding-top:25px}.mech-journal-entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.mech-journal-entries article{background:#fffbef;border:1px solid #c8bca3;border-radius:12px;flex-direction:column;align-items:flex-start;min-width:0;padding:19px;display:flex}.mech-journal-entries p{font-size:14px}.mech-journal-entries .mech-actions,.mech-journal-entries .mech-button{width:100%}@media (max-width:760px){.mech-dialog{border-radius:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.mech-shell{max-height:calc(100dvh - 18px)}.mech-header{padding:15px 17px}.mech-header h2{font-size:25px}.mech-header .mech-eyebrow{letter-spacing:.7px;font-size:8px}.mech-close{padding:8px 10px;font-size:12px}.mech-content{padding:18px}.mech-intro,.mech-stage{grid-template-columns:1fr;gap:20px}.mech-intro-art{order:-1}.mech-intro-art .mech-art{max-height:245px;margin:0}.mech-story-art{float:right;width:42%;margin:0 0 12px 15px}.mech-story-art .mech-art{margin:0}.mech-story{display:flow-root}.mech-stage .mech-story h3{font-size:27px}.mech-workbench{padding:19px}.mech-map{gap:8px}.mech-map li{gap:7px}.mech-map strong{font-size:12px}.mech-journal-entries{grid-template-columns:minmax(0,1fr)}}@media (max-width:470px){.mech-header{padding:13px}.mech-header h2{font-size:22px}.mech-header .mech-eyebrow{letter-spacing:.45px;font-size:7px}.mech-content{padding:16px 13px 23px}.mech-map li{flex-direction:column;align-items:flex-start}.mech-map{margin-bottom:21px}.mech-dialog h3{font-size:29px}.mech-stage .mech-dialogue{clear:both}.mech-workbench{padding:17px 12px}.mech-items{gap:7px}.mech-items li{padding:10px}.mech-return{padding:18px}.mech-program li{gap:8px;padding:10px}.mech-program .mech-actions{gap:5px}.mech-program .mech-actions .mech-button{padding-inline:9px}.mech-rehearsal{padding:9px}.mech-bench-diagram{gap:7px}.mech-device,.mech-reading{padding:10px 7px}.mech-floors>div{grid-template-columns:47px minmax(0,1fr) 68px;padding-inline:5px}.mech-floors>div>span:nth-child(2){font-size:10px}.mech-floors small{font-size:9px}.mech-outcomes{grid-template-columns:minmax(0,1fr);gap:12px}.mech-choice-card{padding:19px}}@media (min-width:761px) and (max-height:520px){.mech-header{padding:12px 22px}.mech-header h2{font-size:25px}.mech-content{padding:16px 22px 24px}.mech-story-art{max-width:290px}.mech-stage{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px}.mech-workbench{padding:18px}.mech-rehearsal{padding:8px}.mech-sorter-diagram>div{min-height:102px;padding:7px}.mech-sorter-diagram strong{font-size:34px}.mech-floors{gap:2px;padding:3px}.mech-floors>div{min-height:23px;padding:3px 7px;font-size:11px}.mech-dialog .mech-lift-diagram>p{margin-top:5px;font-size:11px}.mech-device,.mech-reading{min-height:112px;padding:8px}.mech-device>span{font-size:28px}.mech-dialog .mech-reading p{margin-top:5px;font-size:12px}.mech-device small,.mech-reading small{margin-top:4px;font-size:11px}.mech-dialog .mech-result-caption{margin:7px 0;font-size:12px;line-height:1.4}.mech-rehearsal>.mech-actions{gap:7px}.mech-journal-entries{gap:10px}.mech-journal-entries article{padding:15px}}@media (prefers-reduced-motion:reduce){.mech-dialog *,.mech-dialog :before,.mech-dialog :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
