:root{--bg:#0b0f10;--panel:#121a1c;--rule:#1e2a2c;--rule-bright:#2b3a3d;--text:#c4d0cc;--dim:#63736f;--locked:#3a4644;--amber:#ffb454;--green:#7ee787;--cyan:#4fd1c5;--red:#ff6b6b;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--cabinet-width:1050px;--screen-height:560px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 13px/1.6 var(--mono);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;display:flex;overflow:hidden}.cabinet{width:var(--cabinet-width);border:1px solid var(--rule-bright);background:var(--panel);grid-template:"hud hud""ladder screen"1fr"footer footer"/210px 1fr;display:grid}.hud{background:var(--amber);color:#101617;letter-spacing:.04em;grid-area:hud;align-items:center;gap:16px;padding:6px 12px;font-weight:700;display:flex}.hud__title{margin-right:auto}.hud__field{font-weight:400}.hud__value{font-weight:700}.ladder{border-right:1px solid var(--rule);grid-area:ladder;padding:12px 0;overflow-y:auto}.ladder__track+.ladder__track{border-top:1px solid var(--rule);margin-top:14px;padding-top:12px}.ladder__heading{letter-spacing:.14em;color:var(--dim);margin:0 0 4px;padding:0 14px;font-size:11px;font-weight:700}.ladder__list{margin:0;padding:0;list-style:none}.modes{border-bottom:1px solid var(--rule);margin:0 0 14px;padding:0 0 12px}.modes__link{color:var(--dim);white-space:pre;padding:4px 14px;text-decoration:none;display:block}.modes__link:hover{color:var(--cyan)}.modes__link--current{color:var(--amber)}.account{flex-direction:column;gap:2px;margin-top:10px;padding:0 14px;display:flex}.account__who{color:var(--green);white-space:pre}.account__link{font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:none}.account__link:hover{color:var(--cyan)}.account__error{color:var(--red);margin:0 0 2px}.ladder__button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:10px;padding:0;display:flex}.ladder__button:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.ladder__node--unlocked{color:var(--text)}.ladder__node--unlocked:hover{color:var(--cyan)}.ladder__node{color:var(--dim);gap:10px;padding:5px 14px;display:flex}.ladder__node--cleared{color:var(--green)}.ladder__node--current{color:var(--amber);border-left:2px solid var(--amber);background:#1a1410;padding-left:12px}.ladder__node--locked{color:var(--locked)}.ladder__marker{width:1ch}.screen{height:var(--screen-height);contain:content;flex-direction:column;grid-area:screen;display:flex;position:relative}.output{scrollbar-width:thin;scrollbar-color:var(--rule-bright) transparent;flex:1;padding:12px 14px;overflow:hidden auto}.line{white-space:pre-wrap;word-break:break-word;content-visibility:auto;contain-intrinsic-size:auto 21px;min-height:1.6em}.line--err .seg{color:var(--red)}.line--sys .seg{color:var(--cyan)}.line--echo .seg{color:var(--dim)}.line--sys .seg{text-shadow:0 0 2px #4fd1c54d}.line--err .seg{text-shadow:0 0 2px #ff6b6b4d}.commandline{border-top:1px solid var(--rule);cursor:text;flex-wrap:wrap;align-items:baseline;padding:8px 14px 12px;display:flex;position:relative}.prompt{color:var(--amber);white-space:pre}.input-mirror{white-space:pre-wrap;word-break:break-all}.caret{border:1px solid var(--amber);background:0 0;width:1ch;height:1.2em;display:inline-block;transform:translateY(.2em)}.caret--focused{background:var(--amber);animation:1.06s step-end infinite caret-blink}.caret--hidden{visibility:hidden}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.hidden-input{opacity:0;width:60%;font:inherit;color:inherit;background:0 0;border:0;padding:0;position:absolute;bottom:12px;left:14px}.hidden-input:focus{outline:none}.commandline--mode{border-top:1px solid var(--cyan);background:#101a1c}.commandline--mode .prompt{color:var(--cyan)}.commandline--mode .caret{border-color:var(--cyan)}.commandline--mode .caret--focused{background:var(--cyan)}.commandline--mode:before{content:attr(data-mode);background:var(--cyan);color:#06100f;letter-spacing:.04em;padding:1px 14px;font-weight:700;position:absolute;top:-1.7em;left:0}.screen:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#00000073 100%),repeating-linear-gradient(#0000002b 0 1px,#0000 1px 3px);position:absolute;inset:0}.footer{border-top:1px solid var(--rule);color:var(--dim);grid-area:footer;gap:18px;padding:5px 12px;font-size:12px;display:flex}.footer__key{color:var(--text)}@media (prefers-reduced-motion:reduce){.caret--focused{animation:none}.screen:after{background:radial-gradient(#0000 55%,#00000073 100%)}}