@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}.radio-control{position:relative;display:block;width:186px;height:108px;padding:0;border:0;border-radius:10px;background:transparent;color:#493e2e;font-family:Space Grotesk,sans-serif}.radio-control:hover:not(:disabled){background:transparent;transform:none;box-shadow:none}.radio-brand,.radio-track{position:absolute;left:0;width:100%;font-size:8px;letter-spacing:1.2px}.radio-brand{top:1px}.radio-track{bottom:6px;font-size:7px}.radio-control:focus-visible{outline:none;box-shadow:none}._board_1mn8h_4{max-width:1200px;margin-inline:auto;overflow-wrap:anywhere}._board_1mn8h_4 :where(*){min-width:0;box-sizing:border-box}._board_1mn8h_4 :where(h1){margin:0 0 20px;padding:12px 0 16px;border-bottom:2px solid var(--terminal-amber);color:var(--terminal-amber);font-size:1.65em;line-height:1.25;letter-spacing:-.04em;text-shadow:0 0 12px #f5bd6820}._board_1mn8h_4 :where(h2){margin:0;padding:0 0 10px;border-bottom:1px solid var(--terminal-border);color:var(--column-accent, var(--terminal-cool));font-size:1em;line-height:1.4;letter-spacing:.06em}._board_1mn8h_4 :where(p){margin:8px 0 12px}._board_1mn8h_4 :where(h1:has(+p)){margin-bottom:0;padding-bottom:4px;border-bottom:0}._board_1mn8h_4 :where(h1+p){margin:0 0 20px;padding:0 0 16px;border-bottom:2px solid var(--terminal-amber);color:var(--terminal-muted);font-size:.9em;line-height:1.5}._board_1mn8h_4 :where(span){color:var(--terminal-cool)}._board_1mn8h_4:where(:has(>section[aria-label=TODO])),._board_1mn8h_4 :where(:has(>section[aria-label=TODO])){display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-block:14px;align-items:start}._board_1mn8h_4:where(:has(>section[aria-label=TODO]))>:where(:not(section[aria-label=TODO],section[aria-label="IN PROGRESS"],section[aria-label=DONE])),._board_1mn8h_4 :where(:has(>section[aria-label=TODO]))>:where(:not(section[aria-label=TODO],section[aria-label="IN PROGRESS"],section[aria-label=DONE])){grid-column:1 / -1}@media(min-width:640px){._board_1mn8h_4:where(:has(>section[aria-label=TODO])),._board_1mn8h_4 :where(:has(>section[aria-label=TODO])){grid-template-columns:repeat(3,minmax(0,1fr))}}._board_1mn8h_4 :where(section[aria-label=TODO],section[aria-label="IN PROGRESS"],section[aria-label=DONE]){margin:0;padding:14px;border:1px solid var(--terminal-border);border-top:3px solid var(--column-accent);background:var(--terminal-panel);box-shadow:0 3px #080c09}._board_1mn8h_4 :where(section[aria-label=TODO]){--column-accent: var(--terminal-muted)}._board_1mn8h_4 :where(section[aria-label="IN PROGRESS"]){--column-accent: var(--terminal-amber)}._board_1mn8h_4 :where(section[aria-label=DONE]){--column-accent: var(--terminal-cool)}._board_1mn8h_4 :where(section>p){color:var(--terminal-muted)}._board_1mn8h_4 :where([aria-label="Task count"]){font-size:.85em}._board_1mn8h_4 :where(ul){display:grid;gap:12px;padding:0;margin:14px 0 0;list-style:none}._board_1mn8h_4 :where(li){padding:12px;border:1px solid var(--terminal-border);border-left:3px solid var(--column-accent, var(--terminal-cool));background:var(--terminal-bg)}._board_1mn8h_4 :where(li>p){margin:0 0 12px;color:var(--terminal-text);font-weight:700}._board_1mn8h_4 :where(li>p:last-child){margin-bottom:0}._board_1mn8h_4 :where(li:focus-within){border-color:var(--terminal-amber)}._board_1mn8h_4 :where(label){display:block;margin:12px 0;color:var(--terminal-muted);font-size:.9em;font-weight:700}._board_1mn8h_4 :where(input){display:block;width:100%;max-width:420px;margin-top:6px;padding:9px 10px;border:2px inset var(--terminal-border);border-radius:0;background:var(--terminal-bg);color:var(--terminal-amber);caret-color:var(--terminal-amber);font:inherit;line-height:1.4}._board_1mn8h_4 :where(input::placeholder){color:var(--terminal-muted);opacity:1}._board_1mn8h_4 :where(button){max-width:100%;margin:0 6px 6px 0;padding:6px 10px;border:2px solid var(--terminal-key-shadow);border-top-color:var(--terminal-key-light);border-left-color:var(--terminal-key-light);border-bottom-width:4px;border-radius:0;background:var(--terminal-key);color:var(--terminal-key-ink);box-shadow:0 2px #080c09;font:700 .9em/1.3 Courier New,monospace;overflow-wrap:anywhere;cursor:pointer}._board_1mn8h_4 :where(button:hover:not(:disabled)){border-color:var(--terminal-amber);background:var(--terminal-key-light)}._board_1mn8h_4 :where(button:active:not(:disabled)){box-shadow:inset 0 2px 4px #0008}._board_1mn8h_4 :where(button:disabled){opacity:.4;cursor:default}._board_1mn8h_4 :where(button:focus-visible,input:focus-visible){outline:2px solid var(--terminal-amber);outline-offset:3px}._board_1mn8h_4 :where(button[aria-label="Delete task"]){background:var(--terminal-panel);color:var(--terminal-red);border:1px solid var(--terminal-border);box-shadow:none}._board_1mn8h_4 :where(button[aria-label="Delete task"]:hover){background:var(--terminal-panel);border-color:var(--terminal-red)}@media(max-width:639px){._board_1mn8h_4 :where(section[aria-label]){padding:10px}}.bug-desktop{--desktop-ink: #1b332c;--desktop-paper: #d9dac2;position:relative;display:flex;flex:1;min-height:0;color:var(--desktop-ink);background:#526d5e;font-size:var(--terminal-font-size)}.desktop-surface{position:relative;display:flex;flex:1;min-width:0;flex-direction:column;background-image:radial-gradient(#233f363d .7px,transparent .7px);background-size:3px 3px}.desktop-menubar,.desktop-status{display:flex;align-items:center;gap:24px;flex-shrink:0;background:var(--desktop-paper);padding:5px 22px}.desktop-menubar{min-height:32px;border-bottom:2px solid var(--desktop-ink);box-shadow:inset 0 1px #f4efd6}.desktop-menubar b{letter-spacing:1px}.desktop-menubar b span{margin-right:6px}.desktop-menubar small{margin-left:auto;font-size:.8em}.desktop-icons{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:28px;z-index:1}.machine-screen .desktop-icons button{display:flex;align-items:center;flex-direction:column;gap:8px;width:130px;padding:8px 4px;background:transparent;border:1px solid transparent;box-shadow:none;border-radius:0;color:#f0ecd3;font-size:1em;font-weight:400;line-height:1.2}.desktop-icons svg{width:52px;height:52px;filter:drop-shadow(2px 3px 0 #203b3655)}.desktop-icons button span{padding:3px 5px;background:#3b5649;white-space:nowrap}.machine-screen .desktop-icons button:is(:hover,:focus-visible){color:#fff8dd;background:#d9dac210;border:1px dotted #eae9ca;outline:none}.desktop-icons button:focus-visible span{background:var(--desktop-paper);color:var(--desktop-ink)}.desktop-watermark{position:absolute;right:9%;bottom:20%;display:flex;align-items:flex-end;flex-direction:column;color:#d5e2c24d;pointer-events:none}.desktop-watermark>span{font-size:64px;line-height:1}.desktop-watermark b{font-size:36px;letter-spacing:-2px;line-height:1.5}.desktop-watermark small{font-size:.85em;letter-spacing:1px}.desktop-status{margin-top:auto;justify-content:space-between;border-top:1px solid var(--desktop-ink);font-size:.8em;line-height:1.4}.desktop-window-layer{position:absolute;inset:32px 0 28px;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;padding:12px 20px;z-index:2}.snake-window{display:flex;flex-direction:column;width:min(550px,100%);max-height:100%;min-height:0;overflow:hidden;background:var(--desktop-paper);border:2px solid var(--desktop-ink);box-shadow:6px 6px #172e2966,inset 1px 1px #f7f1d8;outline:none;color:var(--desktop-ink)}.snake-titlebar{display:flex;align-items:center;gap:12px;padding:4px 6px 4px 12px;margin:3px;background:#344e40;color:#f0ecd3;flex-shrink:0;line-height:1.2}.snake-titlebar small{margin-left:auto;font-size:.75em}.machine-screen .snake-titlebar button{padding:0;width:23px;height:22px;border-width:1px 1px 2px;border-radius:0;font-size:20px;line-height:16px}.snake-content{display:grid;grid-template-columns:minmax(0,1fr) max(108px,7em);gap:16px;padding:12px;min-height:0;overflow:hidden}.snake-lcd{--lcd-ink: #293b1f;align-self:center;padding:10px;color:var(--lcd-ink);background:#a8b97b;border:2px solid #737e57;border-top-color:#586346;box-shadow:inset 2px 2px #293b1f26,1px 1px #f7f1d8}.snake-scoreboard{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;font-size:.9em;line-height:1.2}.snake-scoreboard b{font-variant-numeric:tabular-nums}.snake-board{position:relative;border:2px solid var(--lcd-ink)}.snake-board svg{display:block;width:100%;aspect-ratio:3 / 2}.snake-lcd-footer{padding-top:8px;text-align:center;font-size:.75em;line-height:1.2}.snake-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#a8b97bed;text-align:center;padding:10px}.snake-overlay strong{font-size:2em;letter-spacing:2px;line-height:1}.snake-overlay>span,.snake-overlay small{font-size:.8em;line-height:1.2}.machine-screen .snake-overlay button{margin-top:4px;background:var(--lcd-ink);color:#b8c88d;border:2px solid var(--lcd-ink);border-radius:0;box-shadow:none;font-size:.9em;line-height:1.2}.machine-screen .snake-overlay button:is(:hover,:focus-visible){background:#b8c88d;color:var(--lcd-ink);outline-color:var(--lcd-ink)}.snake-controls{display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:center}.snake-wordmark{font-size:1.4em;font-weight:700;letter-spacing:2px;line-height:1}.snake-wordmark small{display:block;margin-top:5px;font-size:8px;letter-spacing:1px}.snake-controls p,.snake-controls>small{margin:0;font-size:.75em;line-height:1.4}.machine-screen .snake-controls>button{padding:3px 5px;font-size:.85em;line-height:1.25}.snake-dpad{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:3px 0}.machine-screen .snake-dpad button{padding:2px 0;line-height:20px;font-size:18px;touch-action:manipulation}.snake-up{grid-column:2}.snake-left{grid-column:1;grid-row:2}.snake-down{grid-column:2;grid-row:2}.snake-right{grid-column:3;grid-row:2}.hunt-app{display:flex;flex-direction:column;height:100%;min-height:0}.hunt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 18px;background:#263d33;border-bottom:2px solid #8c9e77;flex-shrink:0}.hunt-toolbar b{color:#efd195;letter-spacing:1px;font-size:.85em}.hunt-navigation{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.hunt-toolbar .hunt-navigation button,.hunt-workspace .hunt-navigation button{font-size:.75em;padding:3px 8px;white-space:nowrap}.hunt-workspace .qbasic-menu,.hunt-workspace .retro-browser-tools{height:46px;padding:5px 16px;gap:6px;flex-shrink:0}.hunt-workspace .qbasic-menu{align-items:center}.hunt-workspace .qbasic-menu .qbasic-menu-anchor>button,.hunt-workspace .qbasic-menu>button{padding-inline:9px}.hunt-workspace .hunt-navigation button{font-size:calc(var(--terminal-font-size) * 16 / 17)}.hunt-workspace .retro-browser-tools>.hunt-browser-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--terminal-font-size) * 14 / 17);color:var(--terminal-amber)}.hunt-scroll{overflow:auto;flex:1;min-height:0;padding:22px}.hunt-eyebrow{font-size:.65em;letter-spacing:1px;color:#d8c899}.hunt-brief h1{font-size:1.65em;margin:6px 0;color:#f1d5a2}.hunt-save-note{font-size:.8em;color:var(--terminal-muted);margin:0}.hunt-description{white-space:pre-wrap}.hunt-brief{background:#17271f;line-height:1.6}.hunt-brief h2{font-size:1em;color:#e6ce98;margin-top:22px}.hunt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hunt-stats div{border:1px solid #4c614e;padding:7px 10px}.hunt-stats dt{font-size:.75em;color:#b1c0a9}.hunt-stats dd{font-size:1.2em;margin:0}.hunt-checks{padding:0;list-style:none}.hunt-checks li{border-left:3px solid #d59275;padding:7px 12px;margin-bottom:8px;background:#ffffff05}.hunt-checks li[data-pass=true]{border-color:#a7c590}.hunt-checks p{font-size:.85em;margin:4px 0}.hunt-workspace{position:relative;flex:1;display:flex;min-height:0}.hunt-notice{position:absolute;z-index:7;top:54px;right:16px;width:min(420px,calc(100% - 32px));max-height:calc(100% - 70px);overflow:auto;padding:10px 12px;border:1px solid var(--terminal-amber);box-shadow:4px 4px #0008;background:var(--terminal-panel);color:var(--terminal-text);font-size:.8em;overflow-wrap:anywhere}.hunt-notice-heading{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.hunt-notice button{flex-shrink:0;padding:0 6px}.hunt-notice summary{cursor:pointer;color:var(--terminal-amber);margin-top:8px}.hunt-notice .hunt-checks{margin-bottom:0}.wanted-access{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wanted-access:focus-visible{clip-path:none;width:auto;height:auto;left:25px;top:90px;z-index:100}.account-controls{display:flex;align-items:center}.account-avatar,.account-sign-in{display:grid;place-items:center;height:40px;min-width:40px;background:#e4e9ce;border:1px solid #436e5780;color:#233f38;box-shadow:0 2px 10px #16382d20}.account-avatar{border-radius:50%;padding:2px;overflow:hidden;font-size:13px;font-weight:700}.account-avatar img{width:34px;height:34px;border-radius:50%;object-fit:cover}.account-dialog{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;padding:30px;border:1px solid #6e8565;border-radius:18px;background:#f5f2dc;color:#233f38;box-shadow:0 24px 90px #102d3560;font-family:DM Sans,sans-serif}.account-dialog::backdrop{background:#17342b70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.account-dialog h2{margin:10px 0 18px;font-family:Space Grotesk,sans-serif;font-size:28px}.account-dialog p{font-size:16px;line-height:1.6}.account-dialog .account-help{color:#526a59;font-size:13px}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.account-actions button{min-height:42px}.account-dialog label{display:block;font-weight:700;margin:20px 0 8px}.account-dialog input{box-sizing:border-box;width:100%;border:1px solid #6e8565;border-radius:7px;background:#fffdf1;color:#233f38;padding:12px;font:inherit}.account-dialog .account-error{color:#943d28;background:#fae5d6;padding:10px 12px;border-radius:6px;font-size:14px}.account-dialog .account-intro-avatar{float:left;margin:4px 18px 6px 0}.account-sync{font-weight:700}.account-reset{border-top:1px solid #6e856540;margin-top:24px;padding-top:18px}.account-dialog .account-guest-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.account-dialog .account-guest-toggle input{appearance:none;flex:0 0 40px;width:40px;height:24px;padding:3px;margin:0;border-radius:12px;background:#c6ccbb;cursor:pointer}.account-guest-toggle input:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fffdf1}.account-dialog .account-guest-toggle input:checked{background:#436e57}.account-guest-toggle input:checked:before{transform:translate(16px)}.account-guest-toggle input:disabled{opacity:.5;cursor:default}.account-controls .account-danger{color:#842e20;border-color:#b96d5e;background:#fae5d6}.account-controls button:focus-visible,.account-dialog input:focus-visible{outline:3px solid #bb7425;outline-offset:3px}@media(max-width:700px){.account-dialog{padding:22px}}:root{font-family:DM Sans,sans-serif;color:#243e34;font-synthesis:none;font-weight:400;background:#a4c7b4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #a5ad96;background:#ecebdc;color:#243e34;padding:10px 15px;border-radius:4px;font-size:14px;font-weight:600;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#d2dfb7;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ed8655;outline-offset:3px}.primary{background:#e9b959;border-color:#604c2c;box-shadow:3px 3px #233f38;color:#243e34;padding:13px 22px}.primary:hover:not(:disabled){background:#f1c870}.game{height:100dvh;width:100%;position:relative;overflow:hidden}.game>div:first-child{position:absolute!important;inset:0;z-index:0}.hud{position:absolute;left:32px;right:32px;top:26px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.hud>*{pointer-events:auto}.brand{color:#233f38;display:flex;gap:12px;align-items:center;text-decoration:none;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.5px;font-size:21px}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:2.5px;margin-top:3px}.brand-icon{display:grid;place-items:center;background:#233f38;color:#d8e6ae;border-radius:8px;width:42px;height:42px;font-size:32px}.hud-right{display:flex;gap:9px;align-items:center}.hud-right button{background:#e4e9ce9e;border-color:#436e5755}.fullscreen-error{position:absolute;right:0;top:100%;margin-top:8px;padding:8px 12px;background:#f3efcf;font-size:13px}.shift-label{font-size:11px;font-weight:700;letter-spacing:1.2px;margin-right:14px}.shift-label i{display:inline-block;width:7px;height:7px;background:#2c7651;border-radius:50%;margin-right:8px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.desk-cta{position:absolute;bottom:145px;left:50%;transform:translate(-50%);text-align:center}.desk-cta button{font-size:18px;min-width:245px}.desk-cta button span{margin-left:55px}.desk-cta p{font-size:12px;background:#deebcfba;padding:6px 12px;border-radius:20px}.robot-dialogue{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:min(700px,calc(100% - 48px));display:flex;gap:18px;align-items:center;background:#f3efcf;border:2px solid #27473b;border-radius:9px;box-shadow:5px 5px #27473b3d;padding:16px 22px;z-index:6}.robot-dialogue b{font-family:Space Grotesk;font-size:14px;letter-spacing:1px}.robot-dialogue b span{font-family:DM Sans;font-size:9px;letter-spacing:1.5px;margin-left:12px;color:#7e8670}.robot-dialogue p{font-size:14px;line-height:1.5;margin:5px 0 0}.robot-avatar{flex-shrink:0;position:relative;width:51px;height:43px;background:#234137;border:5px solid #e4af47;border-radius:9px;display:flex;align-items:flex-start;justify-content:center;gap:9px;padding:7px 0 0;box-shadow:0 3px #bf8734}button.robot-avatar:hover:not(:disabled){background:#234137;border-color:#ffd863;transform:none}.robot-avatar i{width:5px;height:9px;background:#b5e393}.robot-avatar>span{position:absolute;width:15px;height:3px;background:#b5e393;bottom:6px}.speech-end{align-self:flex-end;margin-left:auto}.screen-art{width:300px;height:174px;padding:17px 21px;color:#bde88a;background:#163c31;font-family:monospace}.screen-art small{font-size:10px}.screen-art strong{display:block;font-size:31px;line-height:1.08;letter-spacing:-1px;margin-top:13px}.screen-art strong span{color:#efb44a}.screen-art p{font-size:8px;letter-spacing:2px}.screen-art b{font-size:10px;color:#ecc772}.robot-tag{white-space:nowrap;font:700 10px monospace;background:#f1d077;padding:6px 9px;border:1px solid #29453b}.poster{width:150px;background:#f5e6b4;padding:16px;color:#345242;border:4px solid #c49a6d;box-shadow:2px 3px #436d5566;pointer-events:none}.poster small{font-size:7px;letter-spacing:1px}.poster strong{display:block;font:700 25px Space Grotesk;line-height:1;margin-top:12px}.poster-flower{font-size:60px;color:#e7834a;text-align:center}.poster span{font-size:7px;display:block}.poster i{font-size:8px}.wall-note{white-space:nowrap;padding:7px 13px;background:#e7ead5;font:700 9px monospace;border:3px solid #557962}.wall-certificate-button,.wall-certificate-button:hover:not(:disabled){width:216px;height:162px;padding:0;border:0;border-radius:0;background:transparent;transform:none}.wall-note b{display:inline-block;background:#f5f0d3;margin-left:12px;padding:4px 8px;font-size:15px}.modal-backdrop{position:absolute;inset:0;z-index:20;background:#193d3477;display:grid;place-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings{position:relative;background:#f3efdb;padding:40px;border:7px solid #c9bc91;border-radius:10px;width:min(480px,90vw);max-height:90dvh;overflow-y:auto;box-shadow:10px 10px #294b3c66}.settings h2{font:600 27px Space Grotesk}.settings label{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #d7d9c2;font-size:15px}.settings input{accent-color:#527345;width:18px;height:18px}.settings p{font-size:13px;line-height:1.7}.close{position:absolute;right:10px;top:10px;padding:2px 8px;background:transparent;border:0;font-size:24px}.reduced *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.robot-avatar.happy i{height:3px;margin-top:4px}.robot-avatar.confused i:first-child{height:4px}.robot-avatar.confused>span{transform:rotate(-12deg)}.webgl-fallback{position:absolute;top:20%!important;left:30%!important;width:45%;height:40%;padding:30px;background:#f4efcc;border:5px solid #607c58}.webgl-fallback p{line-height:1.6}@media(max-width:1000px){.shift-label{display:none}.hud{left:20px;right:20px}}@media(max-width:650px){.brand{font-size:14px!important}.brand small{font-size:7px;letter-spacing:1.5px}.brand-icon{width:31px;height:33px;font-size:25px}.hud-right button{padding:7px;font-size:10px}.hud{left:12px;right:12px;top:16px}.robot-dialogue{gap:10px;width:calc(100% - 22px);padding:10px}.robot-dialogue p{font-size:12px}.robot-dialogue b span{font-size:7px}.robot-avatar{width:42px}.desk-cta{bottom:145px;width:90%}.desk-cta p{font-size:10px}.webgl-fallback{left:10%!important;width:80%;top:28%!important}}.machine-screen{width:1100px;height:635px;background:#f3eed6;color:#2d493c;font-family:DM Sans,sans-serif;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;position:relative;border:3px solid #294a3b;box-shadow:inset 0 0 25px #9a9b7544;text-align:left}.machine-menubar{display:flex;align-items:center;background:#345849;color:#ecebcf;height:40px;padding:0 15px;gap:20px;flex-shrink:0;font-size:13px}.machine-menubar>b{font:700 16px Space Grotesk;margin-right:auto}.machine-menubar button{background:transparent;color:#eef0d3;border:0;font-size:12px;padding:5px}.machine-menubar>span{font:11px monospace;opacity:.65}.machine-status{height:24px;background:#dfe3c6;border-top:1px solid #b6c29f;display:flex;justify-content:space-between;padding:5px 13px;font:9px monospace;margin-top:auto;flex-shrink:0;color:#6a805b}.machine-status>span{letter-spacing:1px}.machine-briefing{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:38px 42px;flex:1;min-height:0}.briefing-intro>small{font-size:10px;letter-spacing:1.5px;color:#8a9275}.briefing-intro h1{font:600 38px/1.05 Space Grotesk;letter-spacing:-1.5px;margin:18px 0}.briefing-intro p{font-size:15px;line-height:1.6}.briefing-intro .primary{margin-top:18px}.mini-bug{width:85px;height:65px;background:#315447;border:9px solid #e7b354;border-radius:16px;margin:24px 0 5px;position:relative;display:flex;justify-content:center;gap:15px;padding-top:11px;transform:rotate(-5deg);box-shadow:4px 5px #c7ac71}.mini-bug i{width:8px;height:12px;background:#c5e7a3}.mini-bug b{position:absolute;bottom:9px;width:23px;height:3px;background:#c5e7a3}.worked-card{align-self:center;background:#fff7dc;border:2px solid #b7ab7a;border-radius:8px;box-shadow:6px 7px #ded5b1;transform:rotate(1deg);padding:22px}.worked-card>span{font-size:10px;letter-spacing:1.5px;color:#8b8664}.worked-card pre{font:14px/1.85 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:21px 0;color:#365446}.tag-note{border-top:1px dashed #b7aa7c;padding-top:18px;margin-top:20px}.tag-note b{font-size:13px}.tag-note p{font:12px/1.7 monospace;color:#7e876c}.typed-work{flex:1;display:flex;flex-direction:column;min-height:0}.tiny-task{display:flex;align-items:center;justify-content:space-between;padding:17px 22px 14px;gap:20px}.tiny-task small{font:9px monospace;letter-spacing:1.4px;color:#7c8a6b}.tiny-task h2{font:600 24px Space Grotesk;letter-spacing:-.7px;margin:6px 0 0}.tiny-task button{font-size:12px;white-space:nowrap}.tiny-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0;padding:0 20px}.human-editor,.little-browser{border:1px solid #abb697;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:#fff7db}.human-editor{background:#253e32}.pane-label{height:30px;padding:7px 12px;background:#dbe1c7;font-size:11px;font-weight:700;display:flex;justify-content:space-between;flex-shrink:0}.human-editor .pane-label{background:#3b5746;color:#d6e4b8}.pane-label span{font:9px monospace;opacity:.6}.human-editor textarea{flex:1;min-height:0;width:100%;resize:none;outline:0;border:0;background:#253e32;color:#e6ebc0;padding:17px;font:14px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre-wrap;overflow-wrap:break-word;overflow:auto;caret-color:#f6c363}.human-editor textarea:focus{box-shadow:inset 0 0 0 2px #b7ca76}.tag-toolbox{padding:10px 13px;background:#314b3b;color:#96b48a;flex-shrink:0}.tag-toolbox b{display:block;font:8px monospace;letter-spacing:1.5px;margin-bottom:4px}.tag-toolbox span{font:10px/1.5 monospace}.tiny-address{display:flex;padding:6px 10px;align-items:center;gap:10px;background:#e6e8d2;font:11px monospace;height:33px;flex-shrink:0}.tiny-address span{background:#f8f7e8;border:1px solid #c0c8ae;padding:3px 8px;flex:1;font-size:10px}.little-browser iframe{border:0;width:100%;flex:1;min-height:0;background:#fff5cf}.browser-idle{text-align:center;background:#fff5cf;background-image:radial-gradient(#e0d4ae 1px,transparent 1px);background-size:12px 12px;padding:22px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.browser-idle>div{color:#dd8950;font-size:66px;line-height:1}.browser-idle h2{font:600 30px/1.05 Space Grotesk;letter-spacing:-1px;margin:15px 0;transform:rotate(-3deg)}.browser-idle p{font-size:14px;line-height:1.6;margin:0}.browser-idle small{font-size:10px;color:#93906d;margin-top:25px}.tiny-actions{display:flex;align-items:center;gap:14px;padding:14px 20px;flex-shrink:0;min-height:65px}.tiny-actions>button{font-size:12px}.tiny-actions>span{font-size:11px;color:#7b866c;flex:1}.tiny-actions .primary{min-width:153px}.machine-review{text-align:center;flex:1;padding:55px 25px}.machine-review>div{font-size:47px;background:#dce6b5;border:2px solid #8fa56a;border-radius:50%;height:85px;width:85px;margin:0 auto 25px;display:grid;place-items:center}.machine-review small{font-size:10px;letter-spacing:2px;color:#85916b}.machine-review h1{font:600 42px Space Grotesk;letter-spacing:-1.5px;margin:18px}.machine-review p{font-size:16px;margin:20px 0 28px}.machine-lessons{padding:30px 45px;flex:1;overflow:auto}.machine-lessons h2{font:600 32px Space Grotesk}.machine-lessons>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.machine-lessons button{margin:4px;font-size:14px}.machine-lessons>div button{text-align:left}.machine-ending{text-align:center;padding:20px;flex:1}.tiny-certificate{padding:24px;background:#fff9e1;border:4px double #a49254;margin:0 auto 20px;width:700px;box-shadow:5px 6px #ded6b1;transform:rotate(-1deg)}.tiny-certificate>small{font:9px monospace;letter-spacing:2px}.tiny-certificate h1{font:600 32px/1.15 Space Grotesk;letter-spacing:-1px;margin:17px}.tiny-certificate p{font:600 22px Space Grotesk;margin:15px}.tiny-certificate span{font-size:13px}.tiny-certificate b{display:block;font:600 26px Space Grotesk;margin:20px}.tiny-certificate i{font-size:11px}.machine-ending>button{margin:0 7px}.tiny-checkpoints,.tiny-endless{display:flex;gap:16px;align-items:center;justify-content:center;padding:8px 13px;background:#e7e5ca;flex-shrink:0;font-size:11px}.tiny-checkpoints span{font-size:10px}.tiny-endless select{font:11px DM Sans;padding:3px 6px;margin-left:5px;background:#fcf7e1;border:1px solid #b4bf9c}.machine-screen.scanlines:after{position:absolute;content:"";inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#294f350b 3px 4px)}.focused .robot-dialogue{width:min(1030px,calc(100% - 60px));bottom:13px;padding:12px 20px}.focused .robot-dialogue p{font-size:14px;line-height:1.45}.focused .robot-dialogue .robot-avatar{width:51px}.fallback-computer{position:fixed;z-index:4;left:50%;top:100px;transform:translate(-50%) scale(.9);transform-origin:top center}.focused .hud{pointer-events:none}.focused .hud-right,.focused .brand{pointer-events:auto}@media(max-height:850px){.focused .robot-dialogue p{font-size:12px}.focused .robot-dialogue{padding:9px 15px;bottom:9px}.focused .robot-avatar{width:43px;height:39px}.focused .robot-dialogue b{font-size:12px}.focused .robot-dialogue b span{font-size:8px}}.crt-display{width:var(--display-width);height:var(--display-height);border-radius:var(--display-radius);overflow:hidden;isolation:isolate;position:relative;background:#112a21;cursor:default}.crt-display:after{content:"";position:absolute;inset:0;z-index:60;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 12px 3px #0008,inset 0 2px 3px #ffffff0a}.crt-contents{width:100%;height:100%;overflow:hidden}.crt-contents[inert]{pointer-events:none}.crt-display .machine-screen{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.crt-display .machine-menubar{padding-left:28px;padding-right:28px}.crt-display .machine-status{padding-left:26px;padding-right:26px}.machine-boot{padding:62px 80px;color:#c6e9a1;background:#173e2b!important;display:flex;align-items:flex-start;justify-content:center;font-family:monospace!important}.machine-boot>small{font-size:18px;letter-spacing:3px;color:#86b874}.machine-boot h1{font:700 96px/.96 Space Grotesk,sans-serif;letter-spacing:-5px;margin:35px 0 22px;text-shadow:0 0 16px #b4ff7e33}.machine-boot h1 span{color:#e8bb63}.machine-boot>p{font-size:20px}.machine-boot>button{background:transparent;color:#efc16c;border:2px solid #79945c;border-radius:0;font:700 23px monospace;padding:15px 32px;margin-top:20px}.machine-boot>footer{margin-top:40px;font-size:13px;letter-spacing:4px;color:#88ac70}.robot-tag,.poster,.wall-note{user-select:none;-webkit-user-select:none}.robot-speech{flex:1;min-width:0}.robot-dialogue-next{flex:0 0 auto;align-self:flex-end;white-space:nowrap;padding:10px 12px;border:2px solid #27473b;border-radius:3px;background:#e4af47;color:#234137;font:700 13px DM Sans,sans-serif;cursor:pointer;box-shadow:2px 2px #27473b3d}.robot-dialogue-next:hover{background:#f2c96b}.robot-dialogue-next:focus-visible{outline:3px solid #234137;outline-offset:3px}.robot-dialogue-next:active{box-shadow:none}@media(max-width:600px){.robot-dialogue{gap:10px;padding:12px;flex-wrap:wrap}.robot-dialogue-next{margin-left:auto}.robot-speech{flex-basis:calc(100% - 75px)}}.robot-dialogue .primary{display:block;margin:10px 0 0 auto;padding:7px 13px;font-size:12px}.settings .settings-slider{margin-top:24px;padding-top:18px;border-top:1px solid #203f3733}.settings .settings-slider label{justify-content:space-between}.settings .settings-slider output{font-weight:700}.settings .settings-slider input[type=range]{width:100%;height:24px;margin:4px 0;accent-color:#447b68;cursor:pointer}.quality-stops{display:flex;justify-content:space-between;font-size:12px}.settings .settings-slider p{margin:10px 0 0;font-size:13px}.office-clock-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.machine-screen{--terminal-bg: #101412;--terminal-panel: #1b211d;--terminal-raised: #394035;--terminal-key: #d2ceb2;--terminal-key-ink: #25342b;--terminal-key-light: #f4efd6;--terminal-key-shadow: #716d53;--terminal-border: #566052;--terminal-text: #ded9bf;--terminal-muted: #a6ac95;--terminal-amber: #f5bd68;--terminal-cool: #a8d5c2;--terminal-red: #ed826b;--terminal-font-size: var(--screen-font-size, 14px);--terminal-line-height: calc(var(--terminal-font-size) * 24 / 17);color-scheme:dark}.machine-screen ::selection{background:#f5bd6840;color:#fff1cf}.machine-screen :is(.cm-panels,.cm-panels button,.cm-panels input,.cm-panels label){font-size:var(--terminal-font-size);line-height:var(--terminal-line-height)}.machine-screen .cm-search input[type=checkbox]{appearance:none;width:14px;height:14px;padding:0;border:1px solid var(--terminal-muted);border-radius:0;background:var(--terminal-bg);vertical-align:middle}.machine-screen .cm-search input[type=checkbox]:checked{background:var(--terminal-amber);box-shadow:inset 0 0 0 3px var(--terminal-bg)}.machine-screen .cm-search :is(input,button):focus-visible{outline:2px solid var(--terminal-amber);outline-offset:2px}.machine-screen *{scrollbar-color:var(--terminal-border) var(--terminal-bg);scrollbar-width:auto}@supports selector(::-webkit-scrollbar){.machine-screen *{scrollbar-color:auto}}.machine-screen ::-webkit-scrollbar{width:16px;height:16px}.machine-screen ::-webkit-scrollbar-track{background:repeating-linear-gradient(0deg,var(--terminal-bg) 0 5px,var(--terminal-panel) 5px 6px)}.machine-screen ::-webkit-scrollbar-thumb{min-width:20px;min-height:20px;border:3px solid var(--terminal-bg);border-radius:0;background:var(--terminal-border)}.machine-screen ::-webkit-scrollbar-thumb:hover,.machine-screen ::-webkit-scrollbar-thumb:active{background:var(--terminal-amber)}.machine-screen ::-webkit-scrollbar-corner,.machine-screen ::-webkit-scrollbar-button{width:16px;height:16px;border:1px solid var(--terminal-border);background-color:var(--terminal-panel)}.machine-screen ::-webkit-scrollbar-button{display:block;background-position:center;background-repeat:no-repeat;background-size:8px 8px}.machine-screen ::-webkit-scrollbar-button:start:increment,.machine-screen ::-webkit-scrollbar-button:end:decrement{display:none}.machine-screen ::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f5bd68' d='M0 6L4 2L8 6Z'/%3E%3C/svg%3E")}.machine-screen ::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f5bd68' d='M0 2L4 6L8 2Z'/%3E%3C/svg%3E")}.machine-screen ::-webkit-scrollbar-button:horizontal:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f5bd68' d='M6 0L2 4L6 8Z'/%3E%3C/svg%3E")}.machine-screen ::-webkit-scrollbar-button:horizontal:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f5bd68' d='M2 0L6 4L2 8Z'/%3E%3C/svg%3E")}.machine-screen{background:var(--terminal-bg);color:var(--terminal-text);font:var(--terminal-font-size) / var(--terminal-line-height) "Courier New",monospace;border-color:var(--terminal-border);box-shadow:inset 0 0 36px #0008}.machine-screen *,.machine-screen :is(button,input,select){font-family:Courier New,monospace}.machine-screen button{border-radius:2px;background:var(--terminal-key);color:var(--terminal-key-ink);border:2px solid var(--terminal-key-shadow);border-top-color:var(--terminal-key-light);border-left-color:var(--terminal-key-light);border-bottom:4px solid var(--terminal-key-shadow);box-shadow:0 2px #080c09;font-weight:700;padding:5px 13px;font-size:var(--terminal-font-size);line-height:var(--terminal-line-height)}.machine-screen button:hover:not(:disabled){background:#eee7c9;border-color:var(--terminal-amber);color:var(--terminal-key-ink);transform:none}.machine-screen button:active:not(:disabled){background:#bfbca1;box-shadow:inset 1px 2px #716d5370}.machine-screen button:focus-visible,.machine-screen :is(input,select):focus-visible{outline:2px solid var(--terminal-amber);outline-offset:2px}.machine-screen button:disabled{opacity:.4}.machine-screen .primary{background:var(--terminal-amber);color:var(--terminal-bg);font-weight:700}.machine-screen.scanlines:after{z-index:60;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000020 3px 4px);box-shadow:inset 0 0 42px #00000028}.machine-status{display:flex;align-items:center;gap:16px;height:28px;padding:4px 28px;border-top:1px solid #343e33;background:var(--terminal-panel);color:var(--terminal-muted);font:calc(var(--terminal-font-size) * 12 / 17)/1.5 "Courier New",monospace}.machine-status>span{letter-spacing:0}.terminal-save{display:flex;align-items:center;gap:8px;min-width:0}.terminal-save i{width:5px;height:5px;flex-shrink:0;background:var(--terminal-cool);box-shadow:0 0 6px #a8d5c240}.machine-status[data-saved=false] .terminal-save{color:var(--terminal-red)}.machine-status[data-saved=false] .terminal-save i{background:var(--terminal-red)}.assignment-workspace,.qbasic-work,.editor-panes,.editor-main,.editor-help,.lesson-reader{display:flex;flex:1;min-height:0;min-width:0}.assignment-workspace,.qbasic-work,.editor-main,.editor-help,.lesson-reader{flex-direction:column}.qbasic-work{position:relative;background:var(--terminal-bg)}.assignment-workspace[hidden],.qbasic-work[hidden],.qbasic-source[hidden],.retro-browser[hidden]{display:none}.qbasic-menu{display:flex;align-items:stretch;flex-shrink:0;position:relative;z-index:8;height:46px;gap:6px;padding:5px 22px;border-bottom:3px solid #080c09;background:var(--terminal-raised)}.qbasic-menu-anchor{position:relative}.qbasic-menu .qbasic-menu-anchor>button,.qbasic-menu>button{height:33px;padding:1px 13px;font-size:calc(var(--terminal-font-size) * 16 / 17)}.qbasic-menu .qbasic-menu-anchor>button[aria-expanded=true],.qbasic-menu .qbasic-menu-anchor>button:focus-visible,.qbasic-menu>button:focus-visible{background:var(--terminal-amber);color:var(--terminal-bg)}.qbasic-menu u{color:inherit;text-underline-offset:3px}.qbasic-menu button:is([aria-expanded=true],:focus-visible) u{color:inherit}.qbasic-program{margin-left:auto;align-self:center;padding-left:12px;color:var(--terminal-muted);font-size:calc(var(--terminal-font-size) * 12 / 17);letter-spacing:0}.qbasic-dropdown{position:absolute;left:0;top:38px;min-width:280px;padding:7px;border:1px solid var(--terminal-amber);background:var(--terminal-panel);box-shadow:6px 6px #0009;z-index:10}.qbasic-dropdown button{display:flex;justify-content:space-between;align-items:center;gap:28px;width:100%;border:0;padding:7px 10px;background:transparent;color:var(--terminal-text);box-shadow:none;text-align:left}.qbasic-dropdown button:is(:hover,:focus):not(:disabled){background:var(--terminal-raised);color:var(--terminal-amber)}.qbasic-dropdown button span:last-child{color:var(--terminal-muted);font-size:calc(var(--terminal-font-size) * 12 / 17)}.qbasic-source{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;border:1px solid var(--terminal-border);margin:10px 16px 0}.qbasic-source:before{content:"";position:absolute;pointer-events:none;top:-1px;left:-1px;width:74px;border-top:3px solid var(--terminal-amber)}.qbasic-file{display:flex;align-items:center;gap:10px;height:34px;padding:3px 14px;flex-shrink:0;border-bottom:1px solid var(--terminal-border);background:var(--terminal-panel)}.terminal-pane-label{color:var(--terminal-amber);font-size:calc(var(--terminal-font-size) * 20 / 17);letter-spacing:0}.qbasic-file b{color:var(--terminal-text);font-size:calc(var(--terminal-font-size) * 16 / 17)}.qbasic-file>span:last-child{margin-left:auto;font-size:calc(var(--terminal-font-size) * 12 / 17);color:var(--terminal-muted);letter-spacing:0}.qbasic-editor{flex:1;min-height:0;overflow:hidden}.qbasic-ruler{display:flex;align-items:center;justify-content:space-between;gap:20px;height:28px;padding:3px 14px;flex-shrink:0;border-top:1px solid #343e33;color:var(--terminal-muted);background:#141a15;font-size:calc(var(--terminal-font-size) * 13 / 17)}.qbasic-ruler>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qbasic-ruler>span:last-child{color:var(--terminal-amber);white-space:nowrap}.qbasic-menu button:hover:not(:disabled) u{color:inherit}.terminal-empty{position:absolute;top:92px;left:84px;right:24px;color:var(--terminal-muted);pointer-events:none;-webkit-user-select:none;user-select:none}.terminal-empty b{color:var(--terminal-amber);font-size:calc(var(--terminal-font-size) * 17 / 17)}.terminal-empty p{margin:10px 0 18px;font-size:calc(var(--terminal-font-size) * 15 / 17)}.terminal-empty small{font-size:calc(var(--terminal-font-size) * 13 / 17)}.qbasic-work[data-view=browser]>.qbasic-menu,.machine-screen:has(.assignment-workspace:not([hidden]) .qbasic-work[data-view=browser]:not([hidden]))>.machine-status{display:none}.retro-browser{flex:1;display:flex;flex-direction:column;min-height:0;margin:0;background:var(--terminal-bg);border:0}.retro-browser-title,.editor-help header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;min-height:33px;padding:3px 28px;background:var(--terminal-raised);border-bottom:1px solid var(--terminal-border);color:var(--terminal-amber);font-size:calc(var(--terminal-font-size) * 15 / 17)}.retro-browser-title>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.retro-browser-title>button,.editor-help header button{flex-shrink:0;padding:0 5px;line-height:20px;color:#743e30}.retro-browser-tools{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid #343e33;background:var(--terminal-panel);color:var(--terminal-muted);flex-shrink:0;font-size:calc(var(--terminal-font-size) * 12 / 17)}.retro-browser-tools button{font-size:calc(var(--terminal-font-size) * 15 / 17);white-space:nowrap;padding:3px 9px}.retro-browser-tools small{font-size:calc(var(--terminal-font-size) * 12 / 17);color:#53604f}.retro-url{flex:1;min-width:0;padding:5px 10px;font-size:calc(var(--terminal-font-size) * 14 / 17);border:2px inset var(--terminal-border);background:var(--terminal-bg);color:var(--terminal-cool);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.retro-browser-tools>b{color:var(--terminal-amber);font-size:calc(var(--terminal-font-size) * 24 / 17)}.retro-browser-page{flex:1;min-height:0;display:flex;background:var(--terminal-bg);position:relative}.retro-browser-page iframe{border:0;width:100%;height:100%;flex:1;min-height:0;color-scheme:normal}.retro-browser-status{min-height:30px;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:4px 10px;background:var(--terminal-panel);border-top:1px solid var(--terminal-border);color:var(--terminal-muted);font-size:calc(var(--terminal-font-size) * 12 / 17);flex-shrink:0}.retro-browser-status button{padding:2px 10px;color:var(--terminal-key-ink);background:#b7c59d;font-size:calc(var(--terminal-font-size) * 12 / 17)}.retro-run-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:20px;overflow:auto;background:var(--terminal-bg)}.retro-run-dialog{width:min(100%,520px);border:1px solid var(--terminal-amber);background:var(--terminal-panel);box-shadow:7px 7px #0007}.retro-run-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:8px 14px;border-bottom:1px solid var(--terminal-border);color:var(--terminal-amber);font-size:calc(var(--terminal-font-size) * 12 / 17)}.retro-run-title>span{color:var(--terminal-muted)}.retro-run-body{padding:20px 24px}.retro-run-body h2{margin:0 0 12px;font-size:calc(var(--terminal-font-size) * 18 / 17);line-height:1.4;letter-spacing:0;color:var(--terminal-amber)}.retro-run-message{min-height:3em;margin:0 0 16px;overflow-wrap:anywhere}.retro-run-track{padding:4px;border:1px solid var(--terminal-border);background:var(--terminal-bg);overflow:hidden}.retro-run-blocks{display:flex;gap:4px;width:30%;height:18px;animation:retro-processing 2s steps(14,end) infinite alternate}.retro-run-blocks>span{flex:1;background:var(--terminal-amber);box-shadow:0 0 6px #f5bd6828}.retro-run-body>small{display:block;margin-top:14px;font-size:calc(var(--terminal-font-size) * 12 / 17);color:var(--terminal-muted)}@keyframes retro-processing{0%{transform:translate(0)}to{transform:translate(233.333%)}}.reduced .retro-run-blocks{animation:none}@media(prefers-reduced-motion:reduce){.retro-run-blocks{animation:none}}.retro-error{align-self:center;margin:auto;padding:24px;width:80%;max-height:90%;overflow:auto;border:1px solid var(--terminal-red);border-left:4px solid var(--terminal-red);background:var(--terminal-panel);box-shadow:6px 6px #0007}.retro-error h2{font-size:calc(var(--terminal-font-size) * 18 / 17);letter-spacing:1px;color:var(--terminal-red)}.retro-error p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:calc(var(--terminal-font-size) * 14 / 17);line-height:1.6}.retro-loading{padding:30px;color:var(--terminal-muted)}.retro-loading pre{font:calc(var(--terminal-font-size) * 14 / 17)/1.7 "Courier New",monospace}.editor-help{background:var(--terminal-bg)}.machine-screen:has(.editor-help)>.machine-status{display:none}.editor-help>header{padding:.25em 1em;gap:.5em;font-size:var(--terminal-font-size)}.editor-help>header button{padding:.1em .5em;font-size:.85em;line-height:1.2}.editor-help .lesson-content{padding:.6em 1em .8em}.editor-help .lesson-content>small{font-size:.8em;letter-spacing:.08em}.editor-help .lesson-content>h1{font-size:1.35em;margin:.25em 0 .5em}.editor-help .lesson-markdown{max-width:none;line-height:1.5;overflow-wrap:anywhere}.editor-help .lesson-markdown :is(p,pre,ul,ol,blockquote){margin-block:.65em}.editor-help .lesson-markdown pre{padding:.6em .8em;overflow-wrap:normal}.editor-help .lesson-markdown pre code{font-size:inherit}.editor-help .lesson-scrollbar{width:max(20px,1.5em);margin:.6em .6em .6em 0}.machine-screen .editor-help .lesson-scrollbar button{width:100%;height:max(20px,1.5em);font-size:.85em;line-height:1}.editor-help .lesson-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.3em 1em;padding:.35em 1em;border-top:1px solid var(--terminal-border);background:var(--terminal-panel)}.editor-help .lesson-navigation{order:-1;flex:1 1 auto;flex-wrap:wrap;gap:.4em .75em;padding:0;border:0}.editor-help .lesson-navigation:empty{display:none}.editor-help .lesson-navigation :is(button,span){font-size:.85em;line-height:1.3}.editor-help .lesson-navigation button{padding:.25em .65em}.editor-help .lesson-navigation>span{margin-right:0;white-space:nowrap}.editor-help .lesson-reading-status{flex:1 1 auto;flex-wrap:wrap;gap:.3em 1em;padding:0;font-size:.75em}.editor-help .lesson-footer:has(.lesson-navigation:not(:empty)) .lesson-reading-status{flex:0 1 auto;margin-left:auto}.editor-help .lesson-footer:has(.lesson-navigation:not(:empty)) .lesson-reading-status>span:first-child{display:none}.editor-help .terminal-list{margin-block:.75em}.machine-screen .editor-help .terminal-list button{padding:.6em .8em;gap:1em}.lesson-reading-area{display:flex;flex:1;min-height:0}.lesson-footer{flex-shrink:0}.lesson-scroll{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}.machine-screen .lesson-scroll{scrollbar-width:none}.lesson-scroll::-webkit-scrollbar{display:none}.lesson-content{padding:24px 36px 28px}.lesson-content>small{font-size:calc(var(--terminal-font-size) * 11 / 17);letter-spacing:2px;color:var(--terminal-muted)}.lesson-content>h1{color:var(--terminal-amber);font-size:calc(var(--terminal-font-size) * 26 / 17);line-height:1.25;letter-spacing:0;margin:12px 0 20px;text-shadow:0 0 12px #f5bd6820}.lesson-content>h1:focus{outline:none}.lesson-markdown{max-width:850px;font-size:var(--terminal-font-size);line-height:1.65;color:var(--terminal-text)}.lesson-markdown p{margin:14px 0}.lesson-markdown strong{color:#f4eed7}.lesson-markdown code{color:var(--terminal-amber)}.lesson-markdown pre{padding:14px 18px;border:1px solid var(--terminal-border);border-left:3px solid var(--terminal-amber);background:var(--terminal-panel);overflow-x:auto;font-size:var(--terminal-font-size);line-height:1.5}.lesson-markdown pre code:is(.language-ts,.language-tsx,.language-typescript){color:var(--terminal-text)}.lesson-markdown pre .lesson-token-keyword{font-weight:700}.lesson-markdown pre .lesson-token-string{color:var(--terminal-amber)}.lesson-markdown pre .lesson-token-type{color:var(--terminal-cool)}.lesson-markdown pre .lesson-token-number{color:var(--terminal-red)}.lesson-markdown pre .lesson-token-comment{color:var(--terminal-muted)}.lesson-markdown blockquote{border-left:2px solid var(--terminal-cool);padding:0 18px;margin:20px 0;color:var(--terminal-cool)}.lesson-markdown li{margin:6px 0}.lesson-markdown a{color:var(--terminal-cool)}.lesson-markdown button{margin:5px 12px 5px 0}.lesson-success{color:var(--terminal-cool);font-weight:700}.lesson-navigation{display:flex;align-items:center;gap:16px;flex-shrink:0;border-top:1px solid var(--terminal-border);padding:10px 28px;background:var(--terminal-panel)}.lesson-navigation>span{color:var(--terminal-muted);margin-right:auto;font-size:calc(var(--terminal-font-size) * 12 / 17)}.lesson-navigation button{font-size:calc(var(--terminal-font-size) * 12 / 17)}.lesson-scrollbar{display:flex;flex-direction:column;width:24px;flex-shrink:0;margin:12px 22px 12px 0;border:1px solid var(--terminal-border);background:var(--terminal-bg)}.machine-screen .lesson-scrollbar button{padding:0;width:22px;height:24px;flex-shrink:0;font-size:calc(var(--terminal-font-size) * 12 / 17);line-height:20px;color:var(--terminal-key-ink)}.lesson-scroll-track{position:relative;flex:1;min-height:30px;touch-action:none;background:repeating-linear-gradient(0deg,transparent 0 7px,#56605245 7px 8px)}.lesson-scroll-track:focus-visible{outline:2px solid var(--terminal-amber);outline-offset:2px}.lesson-scroll-thumb{position:absolute;left:2px;right:2px;display:flex;align-items:center;justify-content:center;color:var(--terminal-bg);background:var(--terminal-muted);border:2px solid var(--terminal-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-size:calc(var(--terminal-font-size) * 18 / 17)}.lesson-scroll-thumb:active{cursor:grabbing;background:var(--terminal-amber)}.lesson-scrollbar.is-inactive{opacity:.4}.lesson-reading-status{display:flex;justify-content:space-between;gap:12px;flex-shrink:0;padding:4px 28px;color:var(--terminal-muted);font-size:calc(var(--terminal-font-size) * 11 / 17)}.lesson-reading-status>span:last-child{color:var(--terminal-amber)}.terminal-list{list-style:none;margin:24px 0;padding:0}.terminal-list li+li{margin-top:10px}.machine-screen .terminal-list button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:14px 18px;border:1px solid var(--terminal-border);border-left:3px solid var(--terminal-amber);background:var(--terminal-panel);color:var(--terminal-text);text-align:left}.terminal-list b,.terminal-list small{display:block}.terminal-list small{margin-top:5px;color:var(--terminal-muted);font-size:calc(var(--terminal-font-size) * 12 / 17);line-height:1.5}.terminal-list button>span:last-child{flex-shrink:0;color:var(--terminal-amber);font-size:calc(var(--terminal-font-size) * 12 / 17)}.machine-screen .terminal-list button:is(:hover,:focus-visible){background:var(--terminal-raised);border-color:var(--terminal-amber);color:var(--terminal-text)}.qbasic-dialog-shade{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#050906c9}.qbasic-file-dialog{width:min(520px,90%);max-height:92%;overflow:auto;padding:20px 24px;background:var(--terminal-panel);color:var(--terminal-text);border:1px solid var(--terminal-amber);box-shadow:8px 8px #0009;font-size:var(--terminal-font-size)}.qbasic-file-dialog h2{margin:0 0 16px;font-size:calc(var(--terminal-font-size) * 16 / 17);color:var(--terminal-amber);border-bottom:1px solid var(--terminal-border);padding-bottom:12px;letter-spacing:1px}.qbasic-file-dialog p{margin:12px 0}.qbasic-file-dialog label{display:block;margin-bottom:6px}.qbasic-file-dialog input,.qbasic-file-dialog select{display:block;width:100%;box-sizing:border-box;border:1px solid var(--terminal-border);background:var(--terminal-bg);color:var(--terminal-amber);padding:8px;font-size:inherit;border-radius:0}.qbasic-file-dialog option{padding:4px 8px}.qbasic-file-dialog [role=alert]{color:var(--terminal-red)}.qbasic-file-dialog>small{color:var(--terminal-muted)}.qbasic-dialog-actions{display:flex;justify-content:center;gap:20px;margin:16px 0}.machine-boot{padding:50px 75px;background:#101412!important;color:var(--terminal-text)}.machine-boot>small{font-size:calc(var(--terminal-font-size) * 14 / 17);letter-spacing:2px;color:var(--terminal-muted)}.machine-boot h1{font:700 calc(var(--terminal-font-size) * 72 / 17)/1 "Courier New",monospace;color:var(--terminal-amber);letter-spacing:-3px;text-shadow:0 0 20px #f5bd6830;margin:28px 0}.machine-boot h1 span{color:var(--terminal-cool)}.machine-boot>p{font-size:calc(var(--terminal-font-size) * 17 / 17)}.machine-boot>button{font-size:calc(var(--terminal-font-size) * 18 / 17);color:var(--terminal-key-ink)}.machine-boot>footer{color:var(--terminal-muted);font:calc(var(--terminal-font-size) * 12 / 17) "Courier New",monospace;letter-spacing:3px}.assignment-attention.assignment-attention{outline:4px solid #ffd83d;background:#ffe34d40;box-shadow:0 0 18px 7px #ffda4599;animation:assignment-pulse 1.6s ease-in-out infinite}@keyframes assignment-pulse{0%,to{background-color:#ffe34d26;box-shadow:0 0 8px 3px #ffda4555}50%{background-color:#ffe34d66;box-shadow:0 0 22px 8px #ffda45bb}}.reduced .assignment-attention{animation:none}@media(prefers-reduced-motion:reduce){.assignment-attention.assignment-attention{animation:none}}.assignment-paper{display:block;width:192px;height:256px;border:0;padding:0;background:transparent;cursor:pointer;border-radius:0;box-shadow:none}.webgl-fallback .assignment-read{position:relative;z-index:5}.assignment-paper:hover:not(:disabled){background:transparent;transform:none}.assignment-paper:focus-visible{outline:4px solid #d78851}.assignment-dock{position:fixed;right:24px;top:120px;z-index:30}.assignment-dock.is-open{width:min(29vw,400px);bottom:130px}.printed-assignment{height:100%;display:flex;flex-direction:column;background:#fff8e5;color:#263c33;border:1px solid #cabfa3;box-shadow:4px 5px #d6cbb1,8px 9px 30px #14291f44;font-family:Courier New,monospace}.printed-assignment header{display:flex;align-items:center;justify-content:space-between;margin:0 22px;padding:20px 0 14px;border-bottom:2px solid #263c33;font-size:12px;line-height:1.6}.printed-assignment header b{font-size:10px}.printed-assignment header button{background:transparent;border:1px solid #9a9e8c;color:#263c33;border-radius:0;padding:2px 9px;font-size:22px;box-shadow:none}.printed-assignment-content{flex:1;min-height:0;overflow:auto;padding:8px 22px 20px;overscroll-behavior:contain;scrollbar-color:#a8ab98 #fff8e5}.printed-assignment h2{font:700 23px/1.2 Courier New,monospace;letter-spacing:-1px;margin:18px 0}.printed-assignment .lesson-markdown{color:#263c33;font:14px/1.65 Courier New,monospace}.printed-assignment .lesson-markdown strong,.printed-assignment .lesson-markdown code{color:#182e24}.printed-assignment .lesson-markdown code{background:#e9e1cc;padding:1px 3px}.printed-assignment .lesson-markdown ul{padding-left:20px}.printed-assignment .lesson-markdown blockquote{color:#566451;border-color:#a2aa92;padding-left:12px;margin:18px 0;font-size:12px}.printed-assignment footer{padding:12px 22px;border-top:1px dashed #b0b29c;font-size:10px}@media(max-width:800px){.assignment-dock{right:10px;top:86px}.assignment-dock.is-open{width:40vw;bottom:130px}.printed-assignment header{margin:0 12px;padding:12px 0}.printed-assignment-content{padding:4px 12px 12px}.printed-assignment .lesson-markdown{font-size:12px}}@media(max-width:1000px){.focused .shift-label{display:none}}.modal-backdrop{z-index:40}.printer-button{display:block;width:96px;height:128px;border:0;padding:0;background:transparent;cursor:pointer;box-shadow:none}.printer-button:hover:not(:disabled){background:transparent;transform:none}.printer-button:focus-visible{outline:4px solid #d78851}.printer-button:disabled{cursor:wait}
