.pressable{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--ease-out);background:0 0;border:0;margin:0;padding:0}.pressable[data-pressed]{transform:scale(var(--press-scale))}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.icon-button{min-width:44px;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:var(--space-1);color:var(--ice);font-family:var(--text-icon-label-font);font-size:var(--text-icon-label-size);line-height:var(--text-icon-label-line);font-weight:var(--text-icon-label-weight);display:inline-flex}.logo{fill:none;stroke-width:9px;stroke-linecap:round;width:34px;height:34px}.logo-mark{flex:none;display:flex;position:relative}.logo-trains{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wordmark__word{position:relative}.wordmark__light{white-space:nowrap;pointer-events:none;opacity:0;color:var(--flash);text-shadow:var(--glow-logo-light);-webkit-mask-image:var(--pattern-light-band);-webkit-mask-image:var(--pattern-light-band);mask-image:var(--pattern-light-band);padding:.6em;position:absolute;top:-.6em;left:-.6em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wordmark{font-family:var(--text-wordmark-font);font-size:var(--text-wordmark-size);line-height:var(--text-wordmark-line);font-weight:var(--text-wordmark-weight);letter-spacing:var(--text-wordmark-tracking);text-shadow:var(--glow-wordmark);align-items:center;gap:10px;margin:0;display:flex}.eyebrow{font-family:var(--text-eyebrow-font);font-size:var(--text-eyebrow-size);line-height:var(--text-eyebrow-line);font-weight:var(--text-eyebrow-weight);letter-spacing:var(--text-eyebrow-tracking);text-transform:uppercase;color:var(--text-muted)}.screen-title{font-family:var(--text-screen-title-font);font-size:var(--text-screen-title-size);line-height:var(--text-screen-title-line);font-weight:var(--text-screen-title-weight);letter-spacing:var(--text-screen-title-tracking);margin:0}.level-heading{text-align:center}.level-heading__name{white-space:nowrap;text-overflow:ellipsis;font-family:var(--text-level-name-font);font-size:var(--text-level-name-size);line-height:var(--text-level-name-line);font-weight:var(--text-level-name-weight);margin:1px 0 0;overflow:hidden}.tile{height:96px;padding:var(--space-3) 14px;border-radius:var(--radius-tile);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--line);text-align:left;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:0;display:flex;position:relative}.tile--next{background:var(--bg-next);box-shadow:var(--glow-next-tile)}.tile__number{color:var(--text);font-family:var(--text-tile-number-font);font-size:var(--text-tile-number-size);line-height:var(--text-tile-number-line);font-weight:var(--text-tile-number-weight)}.tile__title{max-width:100%;color:var(--text-muted);font-family:var(--text-caption-font);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:var(--text-caption-weight);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;overflow:hidden}.tile--next .tile__title{color:var(--text)}.play-pill{height:26px;padding:0 10px 0 var(--space-2);border-radius:var(--radius-pill);align-items:center;gap:var(--space-1);background:var(--ice);color:var(--bg-app);font-family:var(--text-pill-font);font-size:var(--text-pill-size);line-height:var(--text-pill-line);font-weight:var(--text-pill-weight);display:flex;position:absolute;top:10px;right:10px}.play-pill svg{fill:currentColor;width:12px;height:12px}.board-frame{border-radius:var(--radius-board);background:var(--bg-board);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur-toggle) var(--ease-in);position:relative}.board-frame--flare:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:var(--glow-board-flare);opacity:0;animation:flare var(--dur-solved) var(--ease-out);position:absolute;inset:0}.board-frame:before{content:"";border-radius:inherit;pointer-events:none;background:var(--erase-tint);opacity:0;transition:opacity var(--dur-toggle) var(--ease-in);position:absolute;inset:0}.board-frame--erasing{box-shadow:var(--glow-board-erase);transition:box-shadow var(--dur-toggle) var(--ease-out)}.board-frame--erasing:before{opacity:1;transition-timing-function:var(--ease-out)}@keyframes flare{0%,25%{opacity:1}}.icon-button:disabled{color:var(--text-disabled);cursor:default}.solid{fill:currentColor;flex:none;width:20px;height:20px}.tile--solved{box-shadow:inset 0 0 0 1px var(--line-strong)}.tile--solved .tile__number{color:var(--ice);text-shadow:var(--glow-solved-number)}.badge{border-radius:var(--radius-pill);background:var(--ice-badge);width:26px;height:26px;color:var(--ice);place-items:center;display:grid;position:absolute;top:10px;right:10px}.badge .icon{stroke-width:2.6px;width:16px;height:16px}.desk{flex-direction:column;display:flex;container:desk/size}.desk__body{box-sizing:border-box;min-height:0;padding:var(--space-4);border-radius:var(--radius-desk);background:var(--desk);box-shadow:var(--glow-desk);gap:var(--space-3);transition:box-shadow var(--dur-toggle) var(--ease-in);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.desk__body--running{box-shadow:var(--glow-desk-running);transition-timing-function:var(--ease-out)}.desk__body--crashed{background:var(--desk-crash);box-shadow:var(--glow-desk-crash);animation:desk-shake var(--dur-crash-shake) linear;transition:none}@keyframes desk-shake{8%{transform:translateX(calc(var(--shake) * .92))}25%{transform:translateX(calc(var(--shake) * -.75))}42%{transform:translateX(calc(var(--shake) * .58))}58%{transform:translateX(calc(var(--shake) * -.42))}75%{transform:translateX(calc(var(--shake) * .25))}92%{transform:translateX(calc(var(--shake) * -.08))}}.desk__body--solved:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg, transparent, var(--sweep), transparent);width:42%;animation:sweep var(--dur-solved) linear forwards;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-120%)skew(-18deg)}@keyframes sweep{12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(280%)skew(-18deg)}}.desk__controls{flex:1;grid-template-columns:96px 1fr 76px;min-height:0;display:grid}.desk__well{border-radius:var(--radius-pill);background:var(--well);width:132px;height:132px;box-shadow:var(--glow-well);place-self:center;place-items:center;display:grid}.desk__body--crashed .desk__well{box-shadow:var(--glow-well-crash)}.readout{box-sizing:border-box;height:48px;padding:0 var(--space-3);border-radius:var(--radius-readout);background:var(--well);box-shadow:var(--glow-readout);justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-muted);font-family:var(--text-readout-font);font-size:var(--text-readout-size);line-height:var(--text-readout-line);font-weight:var(--text-readout-weight);text-align:center;flex:none;display:flex;overflow:hidden}.desk__body--crashed .readout{box-shadow:var(--glow-readout-crash)}.readout--raised{box-shadow:none;background:0 0;align-items:flex-start;padding:0;overflow:visible}.next-level{box-sizing:border-box;width:100%;height:44px;padding:0 14px 0 var(--space-2);border-radius:var(--radius-readout);justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--signal);color:var(--bg-app);box-shadow:var(--glow-next-level);font-family:var(--text-next-level-font);font-size:var(--text-next-level-size);line-height:var(--text-next-level-line);font-weight:var(--text-next-level-weight);white-space:nowrap;transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out);display:flex;position:relative}.next-level[data-pressed]{box-shadow:var(--glow-next-level-pressed);transform:translateY(3px)}.next-level:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:var(--glow-next-level-bright);opacity:0;animation:breathe var(--dur-breathe) ease-in-out infinite;position:absolute;inset:0}.next-level[data-pressed]:after{animation:none}.next-level strong{font-weight:inherit}.next-level__side{align-items:center;gap:var(--space-2);display:inline-flex}.next-level__on{gap:var(--space-1)}.next-level__check{border-radius:var(--radius-pill);background:var(--signal-dark);place-items:center;width:28px;height:28px;display:grid}.next-level__check .icon{width:16px;height:16px;stroke:var(--signal);stroke-width:3px;filter:var(--glow-next-check)}.next-level__on .icon{stroke-width:2.4px}.readout__line{text-wrap:balance;min-width:0}.readout__lead{color:var(--text);font-weight:var(--text-readout-lead-weight)}.hint{min-width:0;margin:0 calc(var(--space-3) * -1);padding:0 var(--space-3);justify-content:center;align-self:stretch;align-items:center;gap:var(--space-2);flex:1;display:flex}.hint-picture{flex:none;overflow:hidden}.hint-picture__light{fill:var(--headlight)}.lamp{border-radius:var(--radius-pill);background:var(--ice);width:8px;height:8px;box-shadow:var(--glow-lamp);flex:none}.lamp--signal{background:var(--signal);box-shadow:var(--glow-signal-lamp)}.lamp--off{background:var(--lamp-off);box-shadow:var(--glow-lamp-off)}.lamp--danger{background:var(--danger);box-shadow:var(--glow-danger-lamp)}.readout--hazard{background:var(--pattern-stripes);box-shadow:var(--glow-readout-hazard);animation:stripes var(--dur-stripes) linear infinite;background-size:25.456px 25.456px}@keyframes stripes{to{background-position:25.456px 0}}.hazard{border-radius:var(--radius-pill);align-items:center;gap:var(--space-2);background:var(--hazard-label);height:28px;box-shadow:var(--glow-hazard-label);color:var(--text);font-family:var(--text-hazard-font);font-size:var(--text-hazard-size);line-height:var(--text-hazard-line);font-weight:var(--text-hazard-weight);letter-spacing:var(--text-hazard-tracking);text-transform:uppercase;padding:0 14px;display:inline-flex}.stop-light{width:15px;height:15px;fill:var(--danger);filter:var(--glow-stop-light);flex:none}.stop-light__bar{fill:var(--danger-bar)}.running-lights{margin-left:var(--space-1);flex:none;gap:5px;display:inline-flex}.running-lights i{border-radius:var(--radius-pill);background:var(--signal-off);width:6px;height:6px;position:relative}.running-lights i:after{content:"";border-radius:inherit;background:var(--signal);box-shadow:var(--glow-signal-light);opacity:0;animation:running-light calc(5 * var(--dur-step)) step-end infinite;animation-delay:calc((var(--light) - 10) * var(--dur-step) / 2);position:absolute;inset:0}@keyframes running-light{0%{opacity:1}10%{opacity:.55}20%{opacity:.25}30%,to{opacity:0}}.round-key{border-radius:var(--radius-pill);background:var(--ice);width:112px;height:112px;color:var(--bg-app);box-shadow:var(--glow-go-key);font-family:var(--text-go-font);font-size:var(--text-go-size);line-height:var(--text-go-line);font-weight:var(--text-go-weight);transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;transform:translateY(-4px)}.round-key[data-pressed]{box-shadow:var(--glow-go-key-pressed);transform:translateY(0)}.round-key--edit{font-family:var(--text-go-long-font);font-size:var(--text-go-long-size);line-height:var(--text-go-long-line);font-weight:var(--text-go-long-weight)}.round-key--stop{background:var(--signal-dark);color:var(--text);box-shadow:var(--glow-stop-key)}.round-key--stop[data-pressed]{box-shadow:var(--glow-stop-key-pressed)}.round-key--stop .solid{color:var(--signal);filter:var(--glow-stop-icon)}.round-key--again{background:var(--key);color:var(--ice);box-shadow:var(--glow-again-key)}.round-key--again[data-pressed]{box-shadow:var(--glow-again-key-pressed)}.round-key--again .icon{width:28px;height:28px}@keyframes breathe{50%{opacity:1}}.desk__keys{gap:var(--space-3);flex-direction:column;min-height:0;display:flex}.desk-key{border-radius:var(--radius-key);background:var(--key);min-height:44px;color:var(--ice);box-shadow:var(--glow-key);font-family:var(--text-key-font);font-size:var(--text-key-size);line-height:var(--text-key-line);font-weight:var(--text-key-weight);transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out), background var(--dur-toggle) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.desk-key .icon{width:24px;height:24px}.desk-key__icon{display:flex}.desk-key__icon--turn{animation:undo-turn var(--dur-undo) var(--ease-out)}@keyframes undo-turn{45%{transform:rotate(-40deg)}}.desk-key[data-pressed],.desk-key--latched{box-shadow:var(--glow-key-pressed);transform:translateY(3px)}.desk-key--latched{background:var(--danger-dark);box-shadow:var(--glow-key-latched)}.desk-key:disabled{color:var(--text-disabled);background:var(--key-off);box-shadow:var(--glow-key-off);cursor:default;transform:translateY(3px)}.desk__body--crashed .desk-key:not(:disabled,[data-pressed]){box-shadow:var(--glow-key-crash)}.desk-key__lamp{border-radius:var(--radius-pill);background:var(--lamp-off);width:10px;height:10px;box-shadow:var(--glow-lamp-off);transition:background var(--dur-toggle) var(--ease-in), box-shadow var(--dur-toggle) var(--ease-in);position:absolute;top:9px;right:9px}.desk-key--latched .desk-key__lamp{background:var(--danger);box-shadow:var(--glow-danger-lamp);transition-timing-function:var(--ease-out)}.desk__lever{justify-content:flex-end;min-height:0;display:flex}.lever{--cx:28px;--hw:52px;--hh:48px;--reach:calc(50% - var(--hh) / 2 - 2px);--lean:0;--tilt:0deg;--up:1;--back:0;touch-action:none;cursor:grab;outline:none;width:100%;position:relative}.lever__slot{top:0;bottom:0;left:calc(var(--cx) - 8px);border-radius:var(--radius-pill);background:var(--well);width:16px;box-shadow:var(--glow-slot);position:absolute}.lever__mark{left:0;right:0;top:calc(50% - var(--reach) * var(--at));pointer-events:none;height:0;position:absolute}.lever__tick{left:calc(var(--cx) - 16px);border-radius:var(--radius-pill);background:var(--line-strong);width:32px;height:2px;transition:background var(--dur-toggle);position:absolute;top:-1px}.lever__chevrons{fill:none;width:14px;height:18px;stroke:var(--text-disabled);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--dur-toggle);position:absolute;top:-9px;right:0}.lever__mark--lit .lever__tick{background:var(--ice);box-shadow:var(--glow-mark)}.lever__mark--lit .lever__chevrons{stroke:var(--ice)}.lever--running .lever__mark--lit .lever__tick{background:var(--signal);box-shadow:var(--glow-signal-mark)}.lever--running .lever__mark--lit .lever__chevrons{stroke:var(--signal)}.lever__hub{left:calc(var(--cx) - 14px);border-radius:var(--radius-pill);background:var(--hub);width:28px;height:28px;box-shadow:var(--glow-hub);position:absolute;top:calc(50% - 14px)}.lever__arm{left:calc(var(--cx) - 5px);top:calc(50% - max(0px, var(--reach) * var(--lean)));width:10px;height:max(var(--reach) * var(--lean), var(--reach) * var(--lean) * -1);border-radius:var(--radius-pill);background:var(--arm);box-shadow:var(--glow-arm);position:absolute;overflow:hidden}.lever__arm:after{content:"";background:var(--arm-back);opacity:var(--back);position:absolute;inset:0}.lever__shadow,.lever__handle{left:calc(var(--cx) - var(--hw) / 2);top:calc(50% - var(--reach) * var(--lean) - var(--hh) / 2);width:var(--hw);height:var(--hh);position:absolute}.lever__shadow{border-radius:var(--radius-handle);background:var(--handle-shadow);filter:var(--glow-handle-shadow);opacity:calc(.3 + .3 * var(--up));transform:translate(calc(5px * var(--up)), calc(8px * var(--up))) scale(calc(.94 + .075 * var(--up)))}.lever__handle{box-sizing:border-box;border-radius:var(--radius-handle);background:var(--handle);box-shadow:var(--glow-handle);transform:perspective(160px) rotateX(calc(var(--tilt) * .7)) scale(calc(1 + .08 * var(--up)));will-change:transform;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.lever--held .lever__handle{background:var(--handle-held)}.lever__handle i{border-radius:var(--radius-pill);background:var(--grip);width:60%;height:2px;display:block}.lever__handle .lever__grip{background:var(--ice);width:72%;height:3px;box-shadow:var(--glow-mark)}.lever--running .lever__handle .lever__grip{background:var(--signal);box-shadow:var(--glow-signal-mark)}@container desk (height<=223px){.desk__body{gap:var(--space-2);border-radius:var(--radius-desk-compact);padding:10px}.desk__controls{grid-template-columns:80px 1fr 66px}.desk__keys{gap:10px}.desk-key{border-radius:var(--radius-key-compact);font-family:var(--text-key-compact-font);font-size:var(--text-key-compact-size);line-height:var(--text-key-compact-line);font-weight:var(--text-key-compact-weight);gap:3px}.desk-key .icon{width:22px;height:22px}.lever{--cx:24px;--hw:46px;--hh:44px}.desk__well{width:104px;height:104px}.round-key{width:88px;height:88px;font-family:var(--text-go-compact-font);font-size:var(--text-go-compact-size);line-height:var(--text-go-compact-line);font-weight:var(--text-go-compact-weight)}.round-key--edit{font-family:var(--text-go-long-compact-font);font-size:var(--text-go-long-compact-size);line-height:var(--text-go-long-compact-line);font-weight:var(--text-go-long-compact-weight)}}.bar-title{white-space:nowrap;text-overflow:ellipsis;font-family:var(--text-level-name-font);font-size:var(--text-level-name-size);line-height:var(--text-level-name-line);font-weight:var(--text-level-name-weight);margin:0;overflow:hidden}.settings-row{width:100%;min-height:64px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-tile);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:var(--space-3);text-align:left;color:var(--ice);display:flex}.settings-row__name{min-width:0;color:var(--text);font-family:var(--text-setting-font);font-size:var(--text-setting-size);line-height:var(--text-setting-line);font-weight:var(--text-setting-weight);flex:1}.settings-row--danger,.settings-row--danger .settings-row__name{color:var(--danger)}.settings-row:disabled,.settings-row:disabled .settings-row__name{color:var(--text-disabled);cursor:default}.switch{border-radius:var(--radius-pill);background:var(--well);width:52px;height:32px;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color var(--dur-toggle) var(--ease-out);flex:none;position:relative}.switch:after{content:"";border-radius:var(--radius-pill);background:var(--text-muted);width:24px;height:24px;transition:transform var(--dur-toggle) var(--ease-out), background-color var(--dur-toggle) var(--ease-out);position:absolute;top:4px;left:4px}.switch--on{background:var(--ice)}.switch--on:after{background:var(--bg-app);transform:translate(20px)}.confirm{--confirm-below:calc(100% + var(--space-4) + var(--safe-bottom));z-index:10;padding:calc(env(safe-area-inset-top) + var(--space-2)) calc(env(safe-area-inset-right) + var(--space-2)) calc(var(--safe-bottom) + var(--space-2)) calc(env(safe-area-inset-left) + var(--space-2));align-items:flex-end;display:flex;position:fixed;inset:0}.confirm__outside{background:var(--scrim);touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:confirm-fade-in var(--dur-sheet-in) var(--ease-out);border:0;padding:0;position:absolute;inset:0}.confirm__sheet{box-sizing:border-box;width:100%;max-width:480px;max-height:100%;padding:26px var(--space-5) 36px;border-radius:var(--radius-sheet);background:var(--bg-raised);box-shadow:var(--glow-sheet);animation:confirm-rise var(--dur-sheet-in) var(--ease-out);margin:0 auto;position:relative;overflow-y:auto}.confirm--leaving{pointer-events:none}.confirm--leaving .confirm__outside{opacity:0;animation:confirm-fade-out var(--dur-sheet-out) var(--ease-in)}.confirm--leaving .confirm__sheet{transform:translateY(var(--confirm-below));animation:confirm-sink var(--dur-sheet-out) var(--ease-in)}@keyframes confirm-fade-in{0%{opacity:0}}@keyframes confirm-fade-out{0%{opacity:1}}@keyframes confirm-rise{0%{transform:translateY(var(--confirm-below))}}@keyframes confirm-sink{0%{transform:none}}.confirm__title{font-family:var(--text-screen-title-font);font-size:var(--text-screen-title-size);line-height:var(--text-screen-title-line);font-weight:var(--text-screen-title-weight);letter-spacing:var(--text-screen-title-tracking);margin:0}.confirm__message{margin:var(--space-3) 0 6px;font-family:var(--text-sheet-message-font);font-size:var(--text-sheet-message-size);line-height:var(--text-sheet-message-line);font-weight:var(--text-sheet-message-weight)}.confirm__note{color:var(--text-muted);font-family:var(--text-sheet-note-font);font-size:var(--text-sheet-note-size);line-height:var(--text-sheet-note-line);font-weight:var(--text-sheet-note-weight);margin:0 0 22px}.confirm__buttons{gap:var(--space-3);flex-direction:column;display:flex}.button{border-radius:var(--radius-pill);width:100%;min-height:56px;font-family:var(--text-button-font);font-size:var(--text-button-size);line-height:var(--text-button-line);font-weight:var(--text-button-weight);letter-spacing:var(--text-button-tracking);justify-content:center;align-items:center;padding:0 28px;display:inline-flex}.button--danger{background:var(--danger);color:var(--bg-app)}.button--secondary{color:var(--ice);box-shadow:inset 0 0 0 1.5px var(--ice-ring)}.button--primary{background:var(--ice);color:var(--bg-app)}.confirm__body{margin:var(--space-3) 0 22px}.changes+.changes{margin-top:var(--space-4)}.changes__version{margin:0 0 6px}.changes__list{font-family:var(--text-sheet-message-font);font-size:var(--text-sheet-message-size);line-height:var(--text-sheet-message-line);font-weight:var(--text-sheet-message-weight);overflow-wrap:anywhere;margin:0;padding-left:20px}.changes__list li+li{margin-top:6px}.pack-desk{padding:var(--space-3) var(--space-3) calc(var(--space-3) + 4px);border-radius:var(--radius-desk);background:var(--desk);box-shadow:var(--glow-desk);gap:var(--space-3);margin:0;list-style:none;display:grid}.pack-key{--unlocked-at:var(--dur-snap);--lights-at:calc(var(--unlocked-at) + var(--dur-toggle));box-sizing:border-box;width:100%;height:106px;padding:14px var(--space-4);border-radius:var(--radius-key);text-align:left;background:var(--key);box-shadow:var(--glow-key);transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.pack-key[data-pressed]{box-shadow:var(--glow-key-pressed);transform:translateY(3px)}.pack-key--locked,.pack-key--locked[data-pressed]{background:var(--key-off);box-shadow:var(--glow-key-off);transform:translateY(3px)}.pack-key .play-pill,.pack-key .badge,.pack-key__lock{top:14px;right:14px}.pack-key__head{align-items:center;gap:var(--space-2);display:flex}.pack-key__title{margin-top:var(--space-1);color:var(--text);font-family:var(--text-level-name-font);font-size:var(--text-level-name-size);line-height:var(--text-level-name-line);font-weight:var(--text-level-name-weight);white-space:nowrap;text-overflow:ellipsis;padding-right:76px;display:block;overflow:hidden}.pack-key--locked .pack-key__title{color:var(--text-muted)}.pack-key__well{height:26px;margin-top:var(--space-2);border-radius:var(--radius-readout);background:var(--well);box-shadow:var(--glow-readout);display:block;position:relative}.pack-key__well>*{align-items:center;padding:0 10px;display:flex;position:absolute;inset:0}.pack-key__line,.pack-key__count{color:var(--text-muted);font-family:var(--text-caption-font);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:var(--text-caption-weight);white-space:nowrap}.pack-key__line{text-overflow:ellipsis;line-height:26px;display:block;overflow:hidden}.pack-key__lights{gap:5px}.pack-key__lights i{border-radius:var(--radius-pill);background:var(--lamp-off);width:8px;height:8px;box-shadow:var(--glow-lamp-off);flex:none}.pack-key__lights .pack-key__light--on{background:var(--ice);box-shadow:var(--glow-lamp)}.pack-key--done .pack-key__lights .pack-key__light--on{background:var(--signal);box-shadow:var(--glow-signal-light)}.pack-key__count{margin-left:auto;padding-left:6px}.pack-key__lock{border-radius:var(--radius-pill);background:var(--bg-surface);width:26px;height:26px;color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--line-strong);place-items:center;display:grid;position:absolute}.pack-key__lock .icon{stroke-width:2.2px;width:15px;height:15px}.pack-key__lock--nudge{animation:desk-shake var(--dur-crash-shake) linear}.pack-key--unlocking{animation:pack-key-rise var(--dur-snap) var(--ease-out) backwards}.pack-key--unlocking .lamp{animation:pack-lamp-on var(--dur-toggle) var(--ease-out) var(--unlocked-at) backwards}.pack-key--unlocking .pack-key__title{animation:pack-title-on var(--dur-toggle) var(--ease-out) var(--unlocked-at) backwards}.pack-key__lock--breaking{animation:pack-lock-pop var(--dur-arrive-pop) var(--ease-out) calc(var(--unlocked-at) - var(--dur-arrive-pop)) both, pack-lock-break var(--dur-remove) var(--ease-in) var(--unlocked-at) forwards}.pack-key__line--leaving{animation:pack-fade-out var(--dur-toggle) var(--ease-in) var(--unlocked-at) forwards}.pack-key--unlocking .pack-key__lights{animation:pack-fade-in var(--dur-toggle) var(--ease-out) var(--lights-at) backwards}.pack-key--unlocking .pack-key__lights i{animation:pack-light-run var(--dur-arrive-pop) var(--ease-in) calc(var(--lights-at) + var(--light) * var(--dur-solved-station-gap))}.pack-key--unlocking .play-pill{animation:pack-pop-in var(--dur-arrive-pop) var(--ease-out) calc(var(--lights-at) + var(--lights) * var(--dur-solved-station-gap)) backwards}@keyframes pack-key-rise{0%{background:var(--key-off);box-shadow:var(--glow-key-off);transform:translateY(3px)}}@keyframes pack-lamp-on{0%{background:var(--lamp-off);box-shadow:var(--glow-lamp-off)}}@keyframes pack-title-on{0%{color:var(--text-muted)}}@keyframes pack-lock-pop{to{transform:scale(var(--pop-scale))}}@keyframes pack-lock-break{0%{transform:scale(var(--pop-scale))}to{opacity:0;transform:scale(0)}}@keyframes pack-fade-out{to{opacity:0}}@keyframes pack-fade-in{0%{opacity:0}}@keyframes pack-light-run{0%{background:var(--ice);box-shadow:var(--glow-lamp)}}@keyframes pack-pop-in{0%{transform:scale(var(--pop-scale));opacity:0}}@media (prefers-reduced-motion:reduce){.desk__body,.board-frame,.board-frame:before,.desk-key__lamp{transition:none}.board-frame--flare:after,.desk__body--crashed,.desk__body--solved:before,.next-level:after,.readout--hazard,.desk-key__icon--turn{animation:none}.running-lights i:after{opacity:.55;animation:none}.pack-key--unlocking,.pack-key--unlocking .lamp,.pack-key--unlocking .pack-key__title,.pack-key--unlocking .pack-key__lights,.pack-key--unlocking .pack-key__lights i,.pack-key--unlocking .play-pill,.pack-key__lock--nudge{animation:none}.pack-key__lock--breaking,.pack-key__line--leaving{display:none}.switch,.switch:after{transition:none}.confirm__sheet{animation:confirm-fade-in var(--dur-sheet-in) var(--ease-out)}.confirm--leaving .confirm__sheet{opacity:0;animation:confirm-fade-out var(--dur-sheet-out) var(--ease-in);transform:none}}@font-face{font-family:Outfit;src:url(/fonts/outfit.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Work Sans;src:url(/fonts/work-sans.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--app-height:100dvh;--safe-bottom:env(safe-area-inset-bottom);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg-app);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;margin:0}.screen{box-sizing:border-box;padding:calc(env(safe-area-inset-top) + var(--space-3)) calc(env(safe-area-inset-right) + var(--space-4)) calc(var(--safe-bottom) + var(--space-4)) calc(env(safe-area-inset-left) + var(--space-4))}.packs__top{padding-left:var(--space-2);justify-content:space-between;align-items:center;display:flex}.packs__desk{margin-top:var(--space-6)}.pack__top{height:60px;margin:0 calc(var(--space-2) * -1);align-items:center;display:flex}.pack__head{margin-top:var(--space-3);padding:0 var(--space-2)}.pack__head .screen-title{margin-top:var(--space-1)}.pack__tiles{margin:var(--space-5) 0 0;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.pack__tiles .tile{width:100%}.settings{min-height:var(--app-height);flex-direction:column;display:flex}.settings__top{height:60px;margin:0 calc(var(--space-2) * -1);align-items:center;display:flex;position:relative}.settings__top .bar-title{max-width:calc(100% - 192px);position:absolute;left:50%;transform:translate(-50%)}.settings__rows{margin-top:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.settings__reset{padding-top:var(--space-7);margin-top:auto}.level{--desk-least:184px;--desk-room:228px;--board-least:288px;--level-room:calc(var(--app-height) - env(safe-area-inset-top) - var(--safe-bottom) - var(--space-3) - 60px - 18px - 14px - var(--space-4));min-height:var(--app-height);flex-direction:column;display:flex}.level__top{height:60px;margin:0 calc(var(--space-2) * -1);align-items:center;display:flex;position:relative}.level__top .icon-button:last-child{margin-left:auto}.level__top .level-heading{max-width:calc(100% - 192px);position:absolute;left:50%;transform:translate(-50%)}.level__board{justify-content:center;margin-top:18px;display:flex}.level__board .board-frame{width:min(100%, calc(var(--app-height) * .7), calc(var(--level-room) - var(--desk-least)), max(calc(var(--level-room) - var(--desk-room)), var(--board-least)))}.board{position:relative}.board__canvas{aspect-ratio:1;touch-action:none;width:100%;display:block;position:relative}.board__under{width:100%;height:100%;position:absolute;inset:0}.level .desk{width:min(100%, calc(var(--app-height) * .7));min-height:var(--desk-least);flex:1 1 0;align-self:center;max-height:360px;margin-top:14px}