:root{--silver:#c0c0c0;--navy:#000080;--teal:#008080;--ink:#161616;--cream:#fffff0;--font:Tahoma,'MS Sans Serif',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font:12px var(--font);color:var(--ink);overflow:hidden;background:var(--teal)}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px dotted #111;outline-offset:3px}button,.button{border:2px solid;border-color:#fff #404040 #404040 #fff;background:var(--silver);padding:6px 13px;box-shadow:1px 1px 0 #000;min-height:27px}button:active,.button:active{border-color:#404040 #fff #fff #404040;box-shadow:none}button:disabled{cursor:default;color:#777;text-shadow:1px 1px white}a{color:#000080}input,textarea,select{border:2px solid;border-color:#777 #fff #fff #777;background:#fff;padding:6px;color:#111}textarea{resize:none}h1,h2,h3,p{margin-top:0}#desktop{height:calc(100dvh - 38px);position:relative;overflow:hidden;background-color:var(--teal)}#desktop.grid{background-image:radial-gradient(#ffffff30 .7px,transparent .7px);background-size:8px 8px}#desktop.night{background-color:#153b52}#desktop.plum{background-color:#554068}.desktop-wordmark{position:absolute;right:7%;bottom:15%;color:#fff;opacity:.13;user-select:none;font-size:84px;letter-spacing:-5px;font-weight:bold;line-height:1}.desktop-wordmark b{font-weight:300}.desktop-wordmark small{display:block;font:10px var(--font);letter-spacing:8px;margin-top:14px;text-align:right}#desktop-icons{position:absolute;inset:16px auto 12px 12px;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;width:186px;align-content:flex-start}.desktop-icon{background:none;border:1px solid transparent;box-shadow:none;width:83px;min-height:79px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:5px 1px;text-shadow:1px 1px #003333;font-size:11px;line-height:15px}.desktop-icon:hover,.desktop-icon:focus{background:#00008045;border:1px dotted #c0c0c0}.desktop-icon .icon{width:34px;height:34px;filter:drop-shadow(1px 2px 0 #0005)}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.desktop-icon.primary:after{content:'START HERE';font-size:8px;background:#ffffc9;color:#111;padding:0 5px;text-shadow:none;letter-spacing:.5px;margin-top:-4px}.window{position:absolute;background:var(--silver);border:2px solid;border-color:#fff #333 #333 #fff;box-shadow:1px 1px 0 #000;display:flex;flex-direction:column;min-width:285px;min-height:210px;resize:both;overflow:hidden;max-width:100%;max-height:100%}.window:focus{outline:none}.window.maximized{inset:0!important;width:100%!important;height:100%!important;resize:none}.titlebar{background:#777;color:#ddd;padding:3px 3px 3px 5px;display:flex;align-items:center;gap:6px;min-height:25px;touch-action:none;user-select:none;cursor:default}.window.active .titlebar{background:var(--navy);color:#fff}.titlebar .icon{height:16px;width:16px}.window-title{font-weight:bold;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-controls{display:flex;gap:2px}.title-controls button{min-height:18px;width:19px;padding:0;line-height:14px;font-size:13px;font-weight:bold;box-shadow:none}.title-controls .close{margin-left:2px}.menubar{display:flex;gap:16px;padding:5px 10px;border-bottom:1px solid #888}.menubar button{border:0;box-shadow:none;padding:0;min-height:18px;background:none}.window-body{flex:1;min-height:0;overflow:auto;position:relative}.statusbar{display:flex;gap:3px;padding:3px;font-size:10px;min-height:22px}.statusbar span{border:1px solid;border-color:#888 #eee #eee #888;padding:3px 5px;flex:1;white-space:nowrap;overflow:hidden}.statusbar span+span{flex:0 0 auto;min-width:90px}.welcome{display:grid;grid-template-columns:166px 1fr;min-height:100%;background:#f7f7ee}.welcome-side{padding:25px 16px;color:white;background:#000080;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px}.side-mark{font-size:30px;font-weight:bold;letter-spacing:-2px}.side-mark em{font-style:normal;font-weight:300}.side-label{font-size:9px;letter-spacing:2px;line-height:1.7;opacity:.75}.welcome-side .side-bottom{margin-top:auto;font-size:10px;line-height:1.8;color:#c5c5ff}.welcome-side:after{content:'85';font-size:170px;position:absolute;bottom:35px;left:-20px;opacity:.09;font-weight:bold}.tour-tabs{display:flex;flex-direction:column;gap:5px;z-index:1}.tour-tab{background:none;border:0;box-shadow:none;color:#b8b8ef;text-align:left;padding:7px 0;min-height:0;font-size:11px}.tour-tab.selected{color:#fff;font-weight:bold}.tour-tab.selected:before{content:'► ';font-size:8px}.welcome-main{padding:28px 30px;display:flex;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:bold;line-height:1.8}.welcome-main h1{font-size:33px;line-height:1.15;letter-spacing:-1.5px;margin:7px 0 17px}.welcome-main h1 .muted{color:#777;font-weight:400}.welcome-main .lead{font-size:13px;line-height:1.7;max-width:410px}.label-strip{border-top:1px solid #d3d3c8;border-bottom:1px solid #d3d3c8;padding:9px 0;margin:4px 0 20px;font-size:10px;letter-spacing:.2px;display:flex;justify-content:space-between;gap:5px}.tour-bottom{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-bottom small{font-size:9px;color:#666}.primary-button{font-weight:bold;min-width:140px;background:#d4d4cb}.project-row{display:flex;gap:12px;border-bottom:1px solid #ddd;padding:13px 0;align-items:center}.project-row .icon{width:32px;height:32px}.project-row div{flex:1}.project-row h3{font-size:13px;margin:0 0 5px}.project-row p{font-size:11px;line-height:1.5;margin:0;color:#555}.project-row button{font-size:10px;padding:5px 8px}.tiny-note{font-size:10px;color:#666;line-height:1.6}.content{padding:22px;background:#f9f9f0;min-height:100%;line-height:1.65}.content h2{font-size:23px;letter-spacing:-.7px;margin-bottom:12px}.content h3{font-size:13px;margin:18px 0 6px}.content .project-hero{display:flex;gap:17px;align-items:center;margin:5px 0 20px}.project-hero .icon{width:54px;height:54px}.project-hero h2{margin:0}.badge{display:inline-block;padding:3px 6px;border:1px solid #aaa;font-size:9px;margin:2px;background:white}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.inset{border:2px solid;border-color:#888 white white #888;background:white;padding:13px;margin:13px 0}.form-row{display:flex;flex-direction:column;gap:5px;margin:14px 0}.form-row input{width:100%}.settings-grid{display:flex;gap:9px}.swatch{width:43px;height:34px}.folder{background:white;min-height:100%;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));align-content:start;gap:18px}.folder-item{border:1px solid transparent;box-shadow:none;background:none;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;line-height:1.5}.folder-item:hover{background:#e8e8ff;border:1px dotted navy}.folder-item .icon{width:38px;height:38px}.folder-item small{font-size:9px;color:#777}.notepad{width:100%;height:100%;min-height:230px;border:0;padding:14px;outline:none;font:13px/1.7 'Courier New',monospace}.readme{font:12px/1.7 'Courier New',monospace;white-space:pre-wrap;padding:18px;background:white;margin:0;min-height:100%}#taskbar{position:fixed;bottom:0;left:0;right:0;height:38px;background:var(--silver);border-top:2px solid white;display:flex;align-items:center;gap:6px;padding:3px;z-index:10000}#start-button{font-weight:bold;font-size:13px;padding:3px 9px;min-height:28px;display:flex;gap:6px;align-items:center}.mini-flag{font-size:20px;color:#000080;text-shadow:2px 1px #fff}.task-divider{height:25px;border-left:1px solid #888;border-right:1px solid #eee;margin:0 2px}#tasks{display:flex;gap:4px;flex:1;min-width:0;overflow:auto;scrollbar-width:none}.task{min-width:32px;max-width:155px;width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:3px 6px;height:27px;min-height:27px;font-size:11px}.task .icon{width:16px;height:16px;margin-right:5px}.task.selected{border-color:#555 #fff #fff #555;background:#ddd;font-weight:bold;box-shadow:none}.tray{border:1px solid;border-color:#888 #fff #fff #888;height:28px;display:flex;align-items:center;gap:6px;padding:2px 7px}.tray button{border:0;box-shadow:none;padding:0;min-height:20px;width:18px}.tray time{min-width:35px;font-size:11px}#start-menu{position:fixed;left:3px;bottom:37px;width:245px;border:2px solid;border-color:white #333 #333 white;background:var(--silver);z-index:10001;display:flex;box-shadow:1px 1px black}#start-menu[hidden]{display:none}.start-rail{background:#777;color:#ccc;writing-mode:vertical-rl;transform:rotate(180deg);padding:10px 5px;font-size:24px;letter-spacing:1px}.start-rail strong{color:#fff}#start-items{padding:4px;flex:1}.start-item{display:flex;align-items:center;gap:12px;background:none;border:0;box-shadow:none;width:100%;text-align:left;padding:9px}.start-item:hover{background:navy;color:white}.start-item .icon{width:25px;height:25px}.start-item:last-child{border-top:1px solid #888;margin-top:5px}.start-item small{display:block;font-size:9px;margin-top:2px;opacity:.7}#clippy{position:absolute;right:30px;bottom:20px;z-index:9000;width:270px;pointer-events:none}#clippy-character{background:none;border:0;box-shadow:none;padding:0;width:82px;height:108px;display:block;margin:10px 15px 0 auto;pointer-events:auto;filter:drop-shadow(2px 4px 1px #0003)}#clippy-character svg{width:100%;height:100%}#bubble{background:#ffffcf;border:1px solid #111;border-radius:7px;padding:17px 15px 13px;position:relative;box-shadow:2px 3px #0003;pointer-events:auto;font-size:11px;line-height:1.6}#bubble:after{content:'';position:absolute;bottom:-10px;right:55px;width:18px;height:18px;background:#ffffcf;border-right:1px solid #111;border-bottom:1px solid #111;transform:skewY(45deg)}#bubble p{margin:7px 0 13px}.bubble-close{position:absolute;top:3px;right:4px;border:0;background:none;box-shadow:none;padding:0;min-height:14px;width:16px}.bubble-actions{display:flex;gap:7px}.bubble-actions button{font-size:10px;padding:3px 7px;background:#ffffdf}.speaking #clippy-character{animation:nod .28s infinite alternate}@keyframes nod{to{transform:rotate(4deg) translateY(-3px)}}.eyes{transform-origin:center;animation:blink-eyes 7s infinite}@keyframes blink-eyes{0%,96%,100%{opacity:1}98%{opacity:.2}}#toast{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);background:#ffffcf;border:1px solid black;padding:10px 18px;z-index:12000;display:none;max-width:90%;box-shadow:2px 2px #0004}#boot{position:fixed;inset:0;background:#101318;color:#f6f5e7;z-index:20000;display:flex;flex-direction:column;justify-content:space-between;padding:30px 40px;font-family:'Courier New',monospace;background-image:linear-gradient(#ffffff02 1px,transparent 1px);background-size:100% 3px}.bios-top,.bios-bottom{display:flex;justify-content:space-between;gap:15px;color:#969c9d;font-size:10px;letter-spacing:1px}.bios-bottom{align-items:center}.bios-bottom button{background:none;border:0;color:#c6d2ca;box-shadow:none;font-family:inherit;font-size:11px}.boot-card{margin:auto;max-width:620px;width:100%;text-align:center;padding:25px 0}.boot-mark{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:60px;height:56px;margin:0 auto 26px;transform:skewY(-9deg)}.boot-mark i:nth-child(1){background:#e87755}.boot-mark i:nth-child(2){background:#87a97a}.boot-mark i:nth-child(3){background:#6d9fc2}.boot-mark i:nth-child(4){background:#e3bc68}.boot-card .eyebrow{color:#b7bfae;font:10px/1.8 'Courier New',monospace;letter-spacing:2px}.boot-card h1{font:700 100px/1.1 Arial,sans-serif;letter-spacing:-7px;margin:15px 0}.boot-card h1 span{font-weight:300;color:#b4b9b1}.boot-tag{font:16px/1.6 'Courier New',monospace;color:#b8bfb9;margin:25px 0}.power{font:bold 12px 'Courier New',monospace;background:#d2d1c4;padding:12px 27px;margin:3px 0 15px}.boot-sound{display:flex;align-items:center;justify-content:center;gap:7px;font:10px var(--font);color:#abb0aa}.boot-small{font-size:10px;color:#6e7974;margin-top:26px}#bios{text-align:left;min-height:330px}#bios-text{font:13px/1.8 'Courier New',monospace;min-height:250px;white-space:pre-wrap}.boot-progress{height:12px;border:1px solid #777;padding:2px;margin:20px 0}.boot-progress i{display:block;background:#d4d9cc;height:100%;animation:load 3.8s linear forwards}@keyframes load{from{width:0}to{width:100%}}.blink{animation:blink 1s steps(2) infinite}@keyframes blink{to{opacity:0}}.game-wrap{padding:15px;display:flex;flex-direction:column;align-items:center;min-height:100%;background:#c0c0c0}.game-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px}.score-display{font:bold 24px 'Courier New',monospace;background:#160000;color:#f33;border:2px inset #eee;padding:2px 7px}.game-caption{font-size:10px;line-height:1.6;text-align:center;max-width:460px;margin:12px 0 0}.mine-grid{display:grid;grid-template-columns:repeat(9,29px);border:3px inset #eee}.mine-cell{padding:0;width:29px;height:29px;min-height:29px;box-shadow:none;font:bold 16px 'Courier New',monospace}.mine-cell.open{border:1px solid #999;background:#ccc}.mine-cell[data-n="1"]{color:blue}.mine-cell[data-n="2"]{color:green}.mine-cell[data-n="3"]{color:red}.mine-cell.mine{background:#ff5d53}.mine-cell.flag{color:#a00000}.game-canvas{width:100%;max-width:560px;aspect-ratio:16/10;background:#161a2a;image-rendering:pixelated;border:3px inset #eee;touch-action:none}.game-controls{display:flex;gap:6px;margin-top:9px;justify-content:center;flex-wrap:wrap}.game-controls button{min-width:46px}.paint-tools{display:flex;gap:5px;flex-wrap:wrap;padding:8px}.paint-color{width:22px;height:22px;min-height:22px;padding:0}.paint-color.selected{outline:1px dotted black;outline-offset:2px}.paint-canvas{display:block;background:#fff;width:100%;height:calc(100% - 48px);touch-action:none;cursor:crosshair}.cv-head{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid navy;margin-bottom:18px;padding-bottom:15px}.cv-head p{margin:0}.cv-line{display:grid;grid-template-columns:90px 1fr;gap:13px;margin:16px 0}.cv-line small{color:#666}.cv-line p{margin:4px 0;font-size:11px}.easter{background:#ffffcf;padding:10px;font-size:11px;border:1px solid #aaa}.desktop-context{position:fixed;background:var(--silver);border:2px outset #eee;z-index:11000;padding:4px;display:flex;flex-direction:column}.desktop-context button{border:0;box-shadow:none;text-align:left}.desktop-context button:hover{background:navy;color:white}@media(max-width:720px){#desktop-icons{gap:8px;inset:10px auto 10px 6px;width:170px}.desktop-icon{width:73px;font-size:10px;min-height:75px}.window{min-width:0;resize:none}.welcome{grid-template-columns:105px 1fr}.welcome-side{padding:20px 10px}.side-mark{font-size:22px}.side-label{font-size:8px;letter-spacing:1px}.welcome-main{padding:21px 17px}.welcome-main h1{font-size:26px}.welcome-main .lead{font-size:12px}.label-strip{font-size:8px;flex-wrap:wrap}.tour-bottom{flex-wrap:wrap}.project-row{gap:8px;flex-wrap:wrap}.project-row p{font-size:10px}#clippy{right:12px;bottom:8px;width:240px}#clippy-character{width:65px;height:85px}#bubble{padding:13px;font-size:10px}.task{width:auto;min-width:34px}.task .task-label{display:none}.tray{gap:3px;padding:2px 4px}.desktop-wordmark{font-size:60px;right:5%;bottom:12%}#boot{padding:22px}.bios-top span{display:none}.bios-bottom span{font-size:8px;max-width:135px}.boot-card h1{font-size:80px}.boot-card .eyebrow{font-size:8px}.boot-sound{font-size:9px}.content{padding:18px}.cv-head{flex-direction:column}.cv-line{grid-template-columns:70px 1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media print{body{overflow:visible;background:white}#boot,#clippy,#taskbar,#start-menu,#desktop-icons,.desktop-wordmark,.window{display:none!important}#desktop{height:auto;overflow:visible}.window[data-app="cv"]{display:block!important;position:static!important;width:100%!important;height:auto!important;border:0;box-shadow:none;max-height:none}.window[data-app="cv"] .titlebar,.window[data-app="cv"] .menubar,.window[data-app="cv"] .statusbar,.no-print{display:none}.window-body{overflow:visible}.content{background:white}.cv-line{break-inside:avoid}}

.window[hidden],#clippy[hidden]{display:none!important}.game-canvas:focus-visible{outline:2px dotted navy;outline-offset:3px}

#clippy .clippy-dismiss{position:absolute;right:0;bottom:86px;z-index:2;pointer-events:auto;width:21px;min-height:21px;padding:0;line-height:17px;font-size:15px;background:#c0c0c0;border:2px outset #eee;color:#111;box-shadow:1px 1px #222}
