/* Original, self-contained recreations of period workstation interfaces. */
.retro-shell{width:1040px;max-width:100%;height:640px;max-height:100%;display:flex;flex-direction:column;border:1px solid #aab4a4;box-shadow:8px 8px #061219aa;overflow:hidden;color:#111;font:14px Arial,sans-serif;background:#c0c0c0}.retro-shell button,.retro-shell input,.retro-shell textarea{font-family:Arial,sans-serif;color:#111}.retro-shell button{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;padding:4px 8px;box-shadow:inset -1px -1px #808080;cursor:pointer;border-radius:0}.retro-shell button:hover{color:#111;background:#d0d0d0}.retro-shell button:active,.retro-shell button.active{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080}.retro-shell button:focus-visible,.retro-shell input:focus-visible,.retro-shell textarea:focus-visible{outline:1px dotted #000;outline-offset:-4px}.retro-shell-header{height:47px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#192924;color:#dfebd4;flex-shrink:0;font:11px var(--mono)}.retro-shell-header b{color:var(--mint);font-weight:500;margin-right:13px}.retro-shell-tools{display:flex;gap:7px;margin-left:auto}.retro-shell-header button{font:10px var(--mono);padding:5px 9px;background:#293b30;color:#d6e6c9;border:1px solid #6f8863;box-shadow:none}.retro-shell-header button:hover{background:#39523e;color:white}.retro-viewport{flex:1;min-height:0;position:relative;background:#008080;overflow:hidden}.win311 .retro-viewport{background:#829495}.retro-desktop-icons{position:absolute;top:11px;left:8px;display:flex;flex-direction:column;gap:8px;width:84px}.retro-shell .retro-icon{border:0;background:none!important;box-shadow:none!important;display:flex;flex-direction:column;align-items:center;width:82px;min-height:62px;padding:5px 3px;gap:5px;color:white}.retro-icon>span{display:grid;place-items:center;width:34px;height:31px;color:#000080;background:#f3e5ac;border:2px solid #eee;border-right-color:#62625f;border-bottom-color:#62625f;font:bold 22px monospace;box-shadow:1px 2px #003d3d}.retro-icon small{font:12px/1.15 Arial,sans-serif;text-align:center;color:white;text-shadow:1px 1px #224b4d;padding:1px 3px}.retro-icon:focus-visible small{background:#000080;color:#fff}.retro-shell .retro-window{position:absolute;display:flex;flex-direction:column;min-height:120px;max-height:calc(100% - 40px);max-width:calc(100% - 12px);background:#c0c0c0;border:3px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 2px #003d3d;overflow:hidden}.retro-window.maximized{left:3px!important;top:3px!important;width:calc(100% - 6px)!important;height:calc(100% - 36px)!important;max-height:none!important;max-width:none!important}.retro-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#808080;color:#d8d8d8;padding:3px 4px 3px 6px;min-height:25px;font:bold 12px Arial,sans-serif;user-select:none;touch-action:none;flex-shrink:0;cursor:move}.retro-window.active .retro-titlebar{background:#000080;color:#fff}.retro-titlebar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-titlebar>div{display:flex;gap:2px;flex-shrink:0}.retro-shell .retro-titlebar button{font:bold 12px/14px Arial,sans-serif;height:19px;width:21px;padding:0}.retro-window-body{overflow:auto;min-height:0;flex:1}.retro-menubar{display:flex;align-items:center;gap:7px;padding:3px 5px;border-bottom:1px solid #808080;font-size:12px;flex-wrap:wrap}.retro-shell .retro-menubar button{padding:4px 6px;box-shadow:none;border:0;background:transparent}.retro-menubar label{display:flex;align-items:center;gap:5px;font-size:12px}.retro-document{white-space:pre-wrap;overflow-wrap:anywhere;padding:13px 17px;margin:0;background:#ffffe7;color:#111;font:13px/1.65 'Courier New',monospace}.retro-editor{width:100%;height:260px;min-height:130px;resize:vertical;display:block;box-sizing:border-box;border:2px inset #ddd!important;background:#fff!important;padding:9px 10px!important;font:14px/1.65 'Courier New',monospace!important;border-radius:0;outline-offset:-2px!important}.retro-file-status{font:11px/1.4 Arial,sans-serif;border:1px inset #ddd;padding:4px 8px;color:#333;background:#c0c0c0}.retro-path{background:white;border:2px inset #ddd;padding:6px 9px;overflow-wrap:anywhere;font:12px/1.5 'Courier New',monospace;margin:5px}.retro-file-list{display:flex;flex-direction:column;min-height:160px;background:#fff;margin:5px;border:2px inset #ddd;padding:5px;gap:1px;color:#111}.retro-shell .retro-file-row{border:0;box-shadow:none;background:white;text-align:left;padding:6px 8px;font:13px 'Courier New',monospace}.retro-shell .retro-file-row:focus,.retro-shell .retro-file-row:hover{background:#000080;color:white;outline-color:white}.retro-message{white-space:pre-wrap;font:14px/1.6 Arial,sans-serif;margin:15px 18px}.retro-actions{display:flex;gap:9px;justify-content:center;padding:10px}.retro-actions button{min-width:75px}.retro-dialog-content{padding:14px 18px;font:14px/1.55 Arial,sans-serif}.retro-dialog-content p{margin:0 0 13px}.retro-dial-form{display:flex;flex-direction:column;gap:11px;margin:12px 0}.retro-dial-form label{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:8px}.retro-shell input:not([type=checkbox]){background:white;border:2px inset #ddd;padding:6px 8px;border-radius:0;min-width:0;font-size:14px}.retro-dial-form button{align-self:center;min-width:90px}.retro-dial-status{background:#e5e5e5;border:1px inset #ddd;padding:10px;color:#542517;font-size:12px}.retro-dial-status.connected{color:#124118;background:#e4f3d8}.retro-run-form{padding:14px}.retro-run-form label{display:flex;flex-direction:column;gap:8px}.retro-console-output{height:235px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#dedede;background:#000;padding:10px;font:13px/1.6 'Courier New',monospace}.retro-console-form{display:flex;align-items:baseline;background:#000;color:#eee;gap:5px;padding:7px 10px 12px;font:13px 'Courier New',monospace}.retro-console-form label{white-space:nowrap;max-width:55%;overflow:hidden}.retro-shell .retro-console-form input{background:#000;color:#eee;border:0;width:0;flex:1;outline:none;padding:4px 0;font:13px 'Courier New',monospace;caret-color:white}.retro-shell .retro-console-form button{border:0;box-shadow:none;background:#000;color:#ddd;padding:3px 5px}.retro-taskbar{display:flex;align-items:center;gap:6px;min-height:33px;padding:3px;border-top:2px solid white;background:#c0c0c0;flex-shrink:0}.retro-taskbar button{font-size:12px;white-space:nowrap}.retro-tasks{display:flex;gap:4px;min-width:0;flex:1;overflow:auto;scrollbar-width:thin}.retro-tasks button{max-width:170px;text-overflow:ellipsis;overflow:hidden;flex-shrink:1;min-width:60px;text-align:left}.retro-clock{padding:5px 8px;border:2px inset #ddd;font:11px Arial,sans-serif;white-space:nowrap}.retro-start-menu{position:absolute;bottom:0;left:2px;z-index:10000;background:#c0c0c0;border:2px outset #eee;box-shadow:2px 2px #003d3d;width:220px;display:flex;flex-direction:column;padding:4px}.retro-start-menu strong{padding:9px;background:#808080;color:white;font-size:16px}.retro-shell .retro-start-menu button{text-align:left;padding:8px 11px;border:0;box-shadow:none}.retro-shell .retro-start-menu button:hover{background:#000080;color:white}.retro-shortcuts{background:#263c31;color:#a3c99b;font:9px var(--mono);letter-spacing:.5px;padding:6px 9px;text-align:center;flex-shrink:0}.retro-status-strip{position:absolute;bottom:4px;left:98px;right:8px;background:#006363e8;border:1px solid #abd0bb66;color:#e5f2dd;padding:7px 10px;font:11px Arial,sans-serif;z-index:2;pointer-events:none}.retro-status-strip.done{background:#164c2e;color:#dbffc4}.retro-program-group{display:flex;gap:12px;flex-wrap:wrap;padding:25px 20px;background:#fff;min-height:185px;align-content:start}.retro-program-group .retro-icon small{color:#111;text-shadow:none}.win311 .retro-window{border:3px double #111;box-shadow:2px 2px #394345}.win311 .retro-titlebar{border-bottom:1px solid #111;font-family:Arial,sans-serif;justify-content:space-between}.win311 .retro-titlebar>span{text-align:center;flex:1}.win311 .retro-titlebar button{border:1px solid #111;box-shadow:none;background:#ddd;color:#111}.win311 .retro-taskbar{background:#b8b8b8}.win311 .retro-desktop-icons{display:none}.win311 .retro-status-strip{left:8px;background:#596a6ae8}.operator-shell{position:relative;width:890px;max-width:100%;max-height:100%;overflow:auto;background:#14231f;border:1px solid #6e8968;box-shadow:8px 8px #061219b3;color:#d8e5c9}.operator-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 26px;border-bottom:1px solid #40583e;background:#1b2d25}.operator-header small{font-size:10px;color:var(--mint);letter-spacing:1.5px}.operator-header h2{font:600 35px var(--display);margin:4px 0 0;color:#e3ead6}.operator-header button{font-size:25px;padding:4px 9px}.operator-intro{padding:26px 34px;text-align:center;font-size:14px;line-height:1.8}.operator-key-art{display:flex;gap:9px;justify-content:center;margin:0 0 24px}.operator-key-art kbd{font:25px var(--mono);padding:12px 19px;border-bottom-width:5px;border-radius:4px;background:#b2bea1;color:#203029}.operator-rules{display:flex;gap:20px;justify-content:space-between;text-align:left;margin:25px 0;padding:19px 0;border-top:1px solid #42603e;border-bottom:1px solid #42603e}.operator-rules span{font-size:11px;color:#a2b994;flex:1}.operator-rules b{display:block;color:#dceccc;font:500 18px var(--mono);margin-bottom:5px}.operator-start-actions{display:flex;gap:12px;align-items:center;justify-content:center;margin:24px 0 15px}.operator-start-actions .primary-btn{width:auto;flex:1;margin-top:0;font-size:11px;padding:16px}.operator-start-actions .secondary-btn{font-size:10px;padding:15px}.operator-note{font-size:10px;color:#86a17d;display:block;line-height:1.5}.operator-metrics{display:flex;justify-content:space-around;gap:15px;padding:18px 26px;background:#0d1b14}.operator-metrics span{flex:1}.operator-metrics small{display:block;font:9px var(--mono);color:#8da582;letter-spacing:1px}.operator-metrics b{display:block;font:500 25px var(--mono);color:var(--mint);margin-top:5px}.operator-progress{display:flex;gap:4px;padding:0 26px;background:#0d1b14}.operator-progress i{flex:1;height:4px;background:#2d4430}.operator-progress i.done{background:#baf27a}.operator-progress i.current{background:#879e56}.operator-task{padding:25px 30px;position:relative;min-height:275px}.operator-task>small{font-size:9px;letter-spacing:2px;color:#9cb88e}.operator-task h3{font:600 29px var(--display);margin:7px 0 10px}.operator-task>p{font:13px/1.7 var(--mono);color:#becfb0;min-height:44px}.operator-task form{display:flex;gap:10px;align-items:center;padding:16px;background:#07150b;border:1px solid #6d8d59}.operator-task form label{font:10px var(--mono);color:#a6c38d;white-space:nowrap}.operator-task form input{width:0;min-width:30px;flex:1;font:16px var(--mono);color:#d7efbf;background:transparent;border:0;outline:none;padding:3px;caret-color:var(--mint)}.operator-task form button{font-size:22px;color:#baf27a}.operator-task #op-message{color:#afd18e;min-height:23px;font-size:11px;margin:12px 0}.operator-task #op-message.op-error{color:#efb498}.operator-task-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;border-top:1px solid #3a5136;padding-top:13px;font-size:9px;color:#789770}.operator-task-footer button{font-size:10px;color:#adcb95;padding:0}.operator-assists{display:flex;gap:8px;flex-wrap:wrap}.operator-assists button{background:#29422c;border:1px solid #6c8b5a;padding:6px 9px;font-size:10px}.operator-task #operator-pause{position:absolute;inset:0;background:#101e16ed;padding:45px;display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:2}#operator-pause .primary-btn{width:auto}.operator-result{text-align:center;padding:26px 34px;font:14px/1.7 var(--mono)}.operator-medal{display:inline-block;border:2px solid #b7996b;color:#e3bd81;background:#463523;padding:13px 35px;font:700 33px var(--display);letter-spacing:4px;margin-bottom:15px}.operator-medal.gold{border-color:#eac879;color:#ffe4a4;background:#504521}.operator-medal.silver{border-color:#b8c9c4;color:#e1eae6;background:#334441}.operator-medal.practice{border-color:#809578;color:#adc3a3;background:#293c2e}.operator-result-stats{display:flex;justify-content:space-evenly;gap:15px;margin:22px 0;border-block:1px solid #42603e;padding:18px 0}.operator-result-stats span{font-size:9px;color:#9cb08d}.operator-result-stats b{display:block;font:30px var(--mono);color:#c8e6ae;margin-bottom:7px}.operator-score-note{font-size:10px;line-height:1.7;color:#839b7a}.operator-shell button:hover{color:#d9ffb0}.operator-shell .primary-btn:hover{color:#1b2821}.operator-shell [hidden],.retro-shell [hidden]{display:none!important}@media(max-width:800px){.retro-shell{height:580px}.retro-shell-header{font-size:9px;padding:7px 8px;gap:5px}.retro-shell-header b{margin-right:7px}.retro-shell-header button{font-size:9px;padding:5px 6px}.retro-shell-tools{gap:4px}.retro-shortcuts{font-size:8px}.retro-window .retro-titlebar{font-size:11px}.retro-taskbar .retro-tasks button{font-size:10px}.operator-header{padding:15px 20px}.operator-header h2{font-size:29px}.operator-intro,.operator-result{padding:20px 25px}.operator-rules{gap:13px}.operator-rules b{font-size:15px}.operator-rules span{font-size:10px}.operator-metrics{padding:15px 20px}.operator-metrics b{font-size:21px}.operator-metrics small{font-size:8px}.operator-task{padding:20px 22px}.operator-task form label{font-size:9px}.operator-task form input{font-size:14px}.operator-task h3{font-size:25px}}@media(max-width:500px){.retro-shell-header>span:first-child{font-size:8px}.retro-shell-header b{display:none}.retro-shell-header button{font-size:8px;padding:5px}.retro-shell{height:100%}.retro-shell-tools{gap:3px}.retro-clock{font-size:9px;padding:5px}.retro-taskbar .retro-start{font-size:11px}.retro-tasks button{max-width:90px}.retro-desktop-icons{width:69px;gap:7px}.retro-desktop-icons .retro-icon{width:68px;min-height:58px}.retro-icon small{font-size:10px}.retro-window-body{font-size:12px}.retro-document{font-size:12px;padding:11px;line-height:1.55}.retro-editor{font-size:14px!important;height:230px}.retro-console-output{font-size:12px;height:220px}.retro-shell .retro-console-form input{font-size:16px}.retro-console-form label{font-size:11px}.retro-status-strip{left:78px;font-size:10px}.retro-dial-form label{grid-template-columns:75px 1fr;font-size:12px}.retro-dialog-content{padding:11px;font-size:12px}.retro-file-row{font-size:12px!important}.retro-program-group{padding:18px 10px;gap:5px}.retro-program-group .retro-icon{width:74px}.retro-window .retro-titlebar{font-size:10px;gap:4px}.operator-header{padding:14px 16px}.operator-header small{font-size:8px}.operator-header h2{font-size:27px}.operator-intro,.operator-result{padding:19px 18px;font-size:12px}.operator-key-art{margin-bottom:17px}.operator-key-art kbd{font-size:20px;padding:10px 15px}.operator-rules{gap:10px;padding:15px 0;margin:17px 0}.operator-rules b{font-size:13px}.operator-rules span{font-size:9px}.operator-start-actions{flex-direction:column;gap:10px}.operator-start-actions button{width:100%!important}.operator-start-actions .primary-btn{font-size:10px}.operator-start-actions .secondary-btn{font-size:9px}.operator-note{font-size:9px}.operator-metrics{padding:13px 15px;gap:10px;flex-wrap:wrap}.operator-metrics span{flex-basis:35%}.operator-metrics small{font-size:7px}.operator-metrics b{font-size:20px}.operator-progress{padding:0 15px}.operator-task{padding:19px 16px}.operator-task h3{font-size:25px}.operator-task>p{font-size:11px;min-height:45px}.operator-task form{padding:10px 8px;gap:6px;flex-wrap:wrap}.operator-task form label{flex-basis:100%;font-size:8px}.operator-task form input{font-size:16px}.operator-task-footer{font-size:8px;line-height:1.6;align-items:start}.operator-task-footer button{font-size:9px;text-align:left}.operator-task #op-message{font-size:10px}.operator-result-stats{gap:10px}.operator-result-stats b{font-size:23px}.operator-result-stats span{font-size:8px}.operator-medal{font-size:29px}.operator-task #operator-pause{padding:20px}}

.character-select .lab-entry{color:#d4eebc;font-weight:600}.character-select .chapter-btn{width:100%}#title-screen{overflow-y:auto}.title-content{flex-shrink:0}.character-select{flex-shrink:0}.retro-shell .retro-window-body:focus-visible{outline:1px dotted #000;outline-offset:-2px}@media(max-width:500px){.retro-shell-header{height:auto;min-height:47px;flex-wrap:wrap}.retro-shell-tools{margin-left:auto}}@media(min-width:481px) and (max-width:720px){#title-screen{justify-content:flex-start;padding:15px 0}.title-content h1{font-size:43px}.character-card{padding:7px 5px}.character-card canvas{height:52px;width:38px}.character-text strong{font-size:21px}.start-note{margin-top:6px}}
