@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 500;font-display:swap;src:url('./fonts/dm-sans-regular.ttf') format('truetype')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:550 700;font-display:swap;src:url('./fonts/dm-sans-semibold.ttf') format('truetype')}@font-face{font-family:'DM Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('./fonts/dm-mono.ttf') format('truetype')}
:root{--ink:#303d36;--muted:#81887d;--green:#405844;--paper:#e6e9df;--retro:#d4d1c8}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #518e6b;outline-offset:4px}a{color:inherit;text-decoration:none}#stage{position:fixed;inset:0;touch-action:none}#stage>canvas,#stage>.css-renderer{position:absolute;inset:0}.css-renderer{pointer-events:none}.css-renderer .desktop{pointer-events:auto}body:after{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:10;left:4%;right:4%;top:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:29px;letter-spacing:-1.8px;font-weight:650;display:flex;align-items:center;gap:9px}.brand-mark{display:inline-grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:7px;font-size:29px;line-height:1;width:34px;height:30px;font-family:Arial}.brand-dot{font-size:12px;align-self:flex-start;letter-spacing:0;margin:3px 0 0 -4px}.header-caption,.eyebrow,.machine-label,.intro-footnote,.scene-hint,.site-footer{font-family:'DM Mono',monospace}.header-caption{font-size:10px;letter-spacing:1.65px;color:#7a8276}.plain-button{border:0;background:none;font-size:12px;display:flex;gap:14px;align-items:center;padding:10px 0}.plain-button span{font-size:18px}.intro{position:fixed;top:28%;left:6%;z-index:5;max-width:420px;pointer-events:none;transition:opacity .35s,transform .5s}.intro button{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:8px}.tiny-dot{display:inline-block;width:6px;height:6px;background:#587453;border-radius:50%;box-shadow:0 0 0 3px #617e5111;margin-right:3px}h1{font-size:clamp(42px,4.6vw,74px);font-weight:450;letter-spacing:-3.8px;line-height:1.045;margin:23px 0}h1>span{color:#829771}.intro p{font-size:13px;line-height:1.85;color:#7b8377;margin:0 0 25px}.primary-button{background:#40533f;color:#f4f3e9;border:0;padding:15px 20px;border-radius:6px;display:inline-flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 3px 6px #263b1511;transition:background .2s,transform .2s}.primary-button:hover{background:#293e2c;transform:translateY(-2px)}.button-arrow{margin-left:35px;font-size:18px;line-height:12px}.mini-monitor{width:14px;height:11px;border:1px solid currentColor;border-radius:1px;position:relative;margin-right:2px}.mini-monitor:after{content:'';position:absolute;bottom:-4px;left:3px;width:6px;border-bottom:1px solid}.intro-footnote{font-size:9px;color:#92988d;letter-spacing:.1px;margin-top:19px}.machine-label{position:fixed;right:4%;top:24%;font-size:9px;line-height:1.9;letter-spacing:1px;color:#5e7059;z-index:4;pointer-events:none}.machine-label>span:not(.tiny-dot){display:block;color:#92998c;font-size:8px;letter-spacing:.8px}.scene-hint{position:fixed;bottom:146px;left:50%;transform:translateX(-13%);font-size:9px;color:#858d7f;white-space:nowrap;z-index:5;pointer-events:none;transition:opacity .5s}.scene-hint>span{font-size:17px;margin-right:10px;vertical-align:-1px}.scene-controls{position:fixed;bottom:66px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:7px 10px;background:#f7f7efc9;border:1px solid #fff9;box-shadow:0 5px 25px #3f4c2510,0 1px 3px #3f4c2508;backdrop-filter:blur(16px);border-radius:11px;z-index:10;gap:3px}.scene-controls button{background:transparent;color:#6b7565;border:0;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:6px;font-size:11px;white-space:nowrap}.scene-controls button>span:first-child{font-size:18px;line-height:18px}.scene-controls button:hover,.scene-controls button.active{background:#dfe6d7;color:#354e36}.control-divider{height:17px;width:1px;background:#e1e4d8}.site-footer{position:fixed;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#92998c;pointer-events:none;z-index:5}.footer-right>span{font-size:16px;color:#56704d;margin-left:12px;vertical-align:-2px}.loading{position:fixed;inset:0;background:var(--paper);z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:22px;font-size:12px;transition:opacity .5s}.loading.done{opacity:0;pointer-events:none}.loading-track{width:130px;height:2px;background:#d2d8c8}.loading-track i{display:block;width:40%;height:100%;background:#5c7350;animation:loading 1s infinite alternate}@keyframes loading{to{transform:translateX(150%)}}.toast{position:fixed;bottom:133px;left:50%;transform:translate(-50%,15px);z-index:30;background:#344532;color:#f8f8ed;padding:12px 20px;border-radius:6px;font-size:12px;opacity:0;transition:.25s;pointer-events:none;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.about-modal{border:1px solid #d4dbcd;border-radius:10px;padding:42px;background:#f5f5ec;color:var(--ink);max-width:480px;width:calc(100% - 36px);box-shadow:0 30px 100px #25351a22}.about-modal::backdrop{background:#28371d55;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:26px;color:#78846f}.about-modal h2{font-size:34px;letter-spacing:-1.5px;font-weight:500;margin-bottom:20px}.about-modal p{font-size:13px;line-height:1.8;color:#7c8574}.about-details{border-top:1px solid #dce0d4;margin-top:25px;padding-top:18px}.about-details>span{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1px}.about-details p{margin:6px 0 16px;font-size:12px}.about-modal .primary-button{margin-top:10px}body.focused .intro{opacity:0;transform:translateX(-30px);pointer-events:none}body.focused .intro button{pointer-events:none}body.focused .machine-label{opacity:0}body.focused .scene-hint{opacity:0}
/* The original sprites are used as nine-slice borders and title bars. */
.desktop{width:800px;height:600px;background:#087c7c;color:#111;font-family:Tahoma,'Arial',sans-serif;font-size:13px;position:absolute;overflow:hidden;user-select:none;border-radius:22px;box-shadow:inset 0 0 24px #001f2e88;isolation:isolate}.wallpaper-mark{position:absolute;top:40%;left:40%;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.17;pointer-events:none;transform:rotate(-4deg);color:#eff6d8}.wallpaper-mark>.window-flag{width:71px;height:65px;gap:4px;filter:grayscale(1) brightness(3)}.wallpaper-mark>span{font-weight:bold;letter-spacing:-2px;font-size:46px}.wallpaper-mark>span>span{font-weight:400}.wallpaper-mark small{font-size:10px;letter-spacing:1px}.window-flag{width:25px;height:24px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:skewY(-8deg);flex-shrink:0}.window-flag i:nth-child(1){background:#e36e37}.window-flag i:nth-child(2){background:#65a559}.window-flag i:nth-child(3){background:#507db7}.window-flag i:nth-child(4){background:#f0c757}.desktop-icons{position:absolute;top:22px;left:13px;display:flex;flex-direction:column;gap:11px;width:85px}.desktop-icon{width:85px;min-height:71px;display:flex;align-items:center;flex-direction:column;gap:7px;border:1px solid transparent;background:none;color:#fff;text-align:center;font-size:12px;text-shadow:1px 1px #002e2e;padding:4px}.desktop-icon:hover,.desktop-icon:focus{background:#00008044;border:1px dotted #ddd;outline:0}.pixel-icon{width:33px;height:33px;display:block;image-rendering:pixelated;flex-shrink:0}.taskbar{position:absolute;bottom:0;left:0;width:100%;height:33px;background:var(--retro);border-top:2px solid #fff;display:flex;align-items:center;padding:3px 5px;gap:6px;z-index:90}.retro-button{background:#d4d1c8;color:#111;border:3px solid transparent;border-image:url('./assets/Windows_Button.png') 3 fill / 3px;font:12px Tahoma,Arial,sans-serif;min-height:24px;padding:2px 7px;border-radius:0}.retro-button:active,.retro-button.pressed{border-image-source:url('./assets/Windows_Button_Pressed.png');padding-top:3px;padding-bottom:1px}.retro-button:focus-visible{outline:1px dotted #111;outline-offset:-5px}.start-button{display:flex;align-items:center;gap:5px;height:25px;padding:1px 5px;font-size:13px}.window-flag.small{width:17px;height:16px;gap:1px}.taskbar-divider{height:23px;border-left:1px solid #888;border-right:1px solid #fff;margin:0 1px}.clock-tray{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:11px;border:2px inset #eee;min-width:89px;padding:3px 6px;white-space:nowrap}#task-items{display:flex;gap:3px;min-width:0;flex:1}#task-items button{max-width:125px;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:11px;text-align:left;flex:1;height:24px}.screen-glass{position:absolute;inset:0;pointer-events:none;z-index:98;border-radius:22px;box-shadow:inset 0 0 14px #00162088;background:repeating-linear-gradient(0deg,#00000008 0px,#00000008 1px,transparent 1px,transparent 3px)}.start-menu{position:absolute;bottom:32px;left:3px;width:227px;padding:3px;background:#d4d1c8;border:3px outset #eee;z-index:95;display:flex;box-shadow:3px 3px #0004}.start-menu[hidden]{display:none}.start-rail{background:linear-gradient(#000080,#174b9e);writing-mode:vertical-rl;transform:rotate(180deg);padding:9px 6px;font-size:20px;color:#aaa;letter-spacing:.3px}.start-rail b{color:#fff}.start-items{flex:1;padding:2px}.start-items button{background:none;border:0;display:flex;align-items:center;text-align:left;width:100%;padding:8px;gap:12px;font:13px Tahoma,Arial}.start-items button:hover{background:#000080;color:#fff}.start-items .pixel-icon{width:26px;height:26px}.start-separator{height:2px;border-top:1px solid #888;border-bottom:1px solid #fff;margin:4px}.win{position:absolute;background:var(--retro);border:4px solid transparent;border-image:url('./assets/Window_Base.png') 4 fill / 4px;min-width:255px;padding:0;box-shadow:3px 3px #00292955;display:flex;flex-direction:column;max-height:535px;touch-action:none}.win.maximized{left:0!important;top:0!important;width:800px!important;height:567px!important;max-height:567px}.win.inactive .win-title{background:#7a7a7a}.win-title{height:25px;min-height:25px;background:#000080 url('./assets/Window_Header.png') center/100% 100%;color:#fff;font-size:13px;font-weight:bold;display:flex;align-items:center;gap:6px;padding:2px 3px 2px 5px;cursor:move;touch-action:none}.win-title .pixel-icon{width:17px;height:17px}.win-title>span{flex:1}.win-controls{display:flex;gap:2px}.win-controls button{width:19px;height:18px;min-height:0;font-family:Arial;font-weight:bold;font-size:14px;line-height:10px;padding:0}.win-controls button:first-child{line-height:2px;padding-top:5px}.win-body{overflow:auto;flex:1;min-height:0;touch-action:auto}.win-menu{display:flex;align-items:center;padding:5px 6px;gap:14px;font-size:12px;border-bottom:1px solid #aaa}.win-menu button{border:0;background:none;font:inherit;padding:0;color:inherit}.win-status{font-size:10px;min-height:20px;border:2px inset #eee;padding:2px 5px;margin:3px}.welcome-body{padding:23px 26px;background:#f1efe5}.welcome-top{display:flex;align-items:center;gap:15px}.welcome-top>.window-flag{width:46px;height:42px;gap:3px}.welcome-top h2{font-weight:400;font-size:24px;letter-spacing:-1px;margin:0 0 3px}.welcome-top h2 b{font-weight:bold}.welcome-top p{margin:0;font-size:11px;color:#6b6c64}.welcome-message{font-size:12px;line-height:1.65;margin:20px 0;color:#4d5148}.welcome-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.welcome-links button{display:flex;align-items:center;gap:9px;padding:9px 8px;text-align:left}.welcome-links .pixel-icon{width:25px;height:25px}.welcome-tip{font-size:10px;color:#7d8174;margin:17px 0 0}.notepad-area{width:100%;height:100%;min-height:225px;display:block;resize:none;border:2px inset #ddd;background:#fffefb;outline:0;padding:10px;font:13px/1.6 'Courier New',monospace;color:#222;user-select:text}.notepad-wrap{height:100%;display:flex;flex-direction:column}.paint-layout{padding:6px;display:flex;gap:7px}.paint-tools{width:44px;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:2px}.paint-tools button{padding:2px;min-width:20px;height:25px}.paint-canvas-wrap{border:2px inset #ddd;flex:1;background:#888;overflow:auto;touch-action:none}.paint-canvas-wrap canvas{display:block;touch-action:none;cursor:crosshair;max-width:100%;height:auto;background:#fff}.paint-colors{padding:5px 7px;display:flex;gap:4px;align-items:center}.paint-colors button{width:20px;height:20px;border:2px inset #ddd;padding:0}.paint-colors button.selected{outline:1px dotted #000;outline-offset:2px}.paint-colors input{width:40px;height:23px;padding:0;border:0;margin-left:4px}.explorer-toolbar{padding:6px;display:flex;gap:6px;align-items:center;border-bottom:1px solid #aaa;font-size:11px}.address-box{background:#fff;border:2px inset #eee;padding:4px;flex:1;font-size:11px;color:#222;min-width:0}.file-grid{background:#fff;min-height:200px;padding:18px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.file-grid button{border:1px solid transparent;background:none;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:11px;padding:7px;color:#111}.file-grid button:hover{background:#ededff;border:1px dotted navy}.system-info{padding:13px 17px;font-size:11px;line-height:1.7;border-top:1px solid #ddd;background:#f0eee7}.mine-wrap{padding:9px;width:277px;margin:auto}.mine-top{display:flex;align-items:center;justify-content:space-between;border:3px inset #eee;padding:5px;margin-bottom:8px}.digital{background:#170000;color:#f64425;font:bold 24px 'Courier New';line-height:28px;padding:0 3px}.mine-grid{display:grid;grid-template-columns:repeat(9,26px);border:3px inset #eee}.mine-grid button{width:26px;height:26px;padding:0;border:3px outset #eee;background:#d4d1c8;font:bold 15px Arial;display:grid;place-items:center;color:#111}.mine-grid button.revealed{border:1px solid #aaa;background:#d1cec5}.mine-grid button[data-number='1']{color:blue}.mine-grid button[data-number='2']{color:green}.mine-grid button[data-number='3']{color:red}.mine-grid button[data-number='4']{color:navy}.mine-info{font-size:10px;text-align:center;line-height:1.6;margin:8px 0 2px}.mine-top .retro-button{font-size:20px;padding:1px 5px;line-height:23px}.web-page{background:#faf7e8;padding:22px;text-align:center;min-height:240px;color:#284d3c}.web-page h2{font-family:Georgia,serif;font-size:30px;font-weight:normal;margin:12px 0}.web-page .web-stars{letter-spacing:12px;font-size:14px;color:#b19231}.web-page p{font-size:12px;line-height:1.8}.web-nav{display:flex;gap:6px;justify-content:center;margin:15px 0}.web-nav button{color:#000080;text-decoration:underline;font:12px Tahoma;background:none;border:0}.web-page textarea{display:block;margin:12px auto;width:95%;height:74px;font:12px Tahoma;resize:vertical;padding:7px}.guest-entry{border-top:1px dotted #baaf8c;padding:8px;font:11px/1.6 Tahoma;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.recycle-body{padding:25px;text-align:center;background:#fff;font-size:12px;line-height:1.7}.recycle-body .pixel-icon{margin:0 auto 15px;width:45px;height:45px}.power-screen{position:absolute;inset:0;background:#0b1113;z-index:99;color:#aeb9ac;padding:40px;font:16px/1.8 'Courier New',monospace;display:flex;align-items:center;justify-content:center;flex-direction:column}.power-screen[hidden]{display:none}.boot-content{display:none;position:absolute;inset:40px;line-height:2.2}.boot-content span{display:block}.boot-content .boot-cursor{display:inline;animation:blink .5s infinite}.boot-button{border:0;background:none;color:#727f72;font-size:55px;display:flex;flex-direction:column;align-items:center;gap:20px}.boot-button span{font:13px 'Courier New',monospace}.power-screen.booting .boot-button{display:none}.power-screen.booting .boot-content{display:block}@keyframes blink{50%{opacity:0}}.flat-fallback .desktop{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.85)!important;z-index:6}.flat-fallback .intro{display:none}
.win[hidden]{display:none}.win-title{background-size:100% 220%;background-position:0 -2px}.welcome-body{padding:20px 22px}.welcome-message{margin:15px 0}.welcome-links button{padding:7px 8px}.welcome-tip{margin-top:13px}.machine-label{top:16%}.scene-hint{bottom:135px}
.mobile-desktop{position:fixed!important;transform:none!important;left:12px!important;top:92px!important;width:calc(100vw - 24px)!important;height:calc(100dvh - 225px)!important;z-index:9;border:5px solid #a6ab96;border-radius:7px;box-shadow:0 12px 80px #26321e66}.mobile-desktop .win{min-width:245px;max-height:calc(100% - 65px)}.mobile-desktop .win.maximized{left:0!important;top:0!important;width:100%!important;height:calc(100% - 33px)!important;max-height:none}.mobile-desktop .desktop-icons{top:10px;left:5px;gap:8px}.mobile-desktop .desktop-icon{font-size:10px;min-height:63px;width:70px}.mobile-desktop .win-title{height:31px;min-height:31px;background-size:100% 220%}.mobile-desktop .win-controls button{width:26px;height:24px}.mobile-desktop .welcome-body{padding:16px}.mobile-desktop .welcome-top h2{font-size:19px}.mobile-desktop .welcome-links button{font-size:11px;padding:7px 4px}.mobile-desktop .welcome-links .pixel-icon{width:21px;height:21px}.mobile-desktop .welcome-message{font-size:11px}.mobile-desktop .wallpaper-mark{left:30%;top:65%}.mobile-desktop .win-menu{gap:10px;font-size:11px}.mobile-desktop .screen-glass{box-shadow:inset 0 0 8px #002b2b33;border-radius:0}.mobile-desktop .paint-colors{gap:2px;flex-wrap:wrap}.mobile-desktop .paint-colors button{width:18px;height:18px}.mobile-desktop .clock-tray{min-width:78px;font-size:10px;gap:4px}.mobile-desktop .file-grid{grid-template-columns:repeat(3,1fr);padding:10px 5px;gap:7px}
@media(min-width:1700px){.intro{left:9%}.machine-label{right:6%}.scene-hint{transform:translateX(0)}}@media(max-width:1000px){.intro{left:5%;top:24%}h1{font-size:49px;letter-spacing:-2.7px}.header-caption{display:none}.machine-label{top:18%;font-size:8px}.intro p{font-size:12px}.scene-hint{transform:translateX(-35%);font-size:8px}}@media(max-width:700px){.site-header{top:22px;left:6%;right:6%}.brand{font-size:25px}.brand-mark{width:29px;height:26px;font-size:26px}.plain-button{font-size:0;gap:0}.plain-button span{font-size:23px}.intro{top:115px;left:7%;max-width:90%}.eyebrow{font-size:8px;letter-spacing:.8px}h1{font-size:39px;letter-spacing:-2px;margin:13px 0 10px}h1 br{display:none}.intro p{font-size:11px;line-height:1.7;margin:0 0 15px}.intro p br{display:none}.intro .primary-button{padding:11px 15px;font-size:11px}.intro-footnote{display:none}.machine-label{display:none}.scene-controls{bottom:65px;padding:5px 6px;gap:0;max-width:94vw}.scene-controls button{padding:8px 10px;gap:6px;font-size:10px}.scene-controls button>span:first-child{font-size:16px}.scene-hint{bottom:129px;left:50%;transform:translateX(-50%);font-size:8px;max-width:90%;white-space:normal;text-align:center}.site-footer{bottom:23px;left:6%;right:6%;font-size:7px;letter-spacing:.6px}.footer-right{font-size:0}.footer-right>span{font-size:17px}.about-modal{padding:30px}.about-modal h2{font-size:29px}.about-modal p{font-size:12px}.about-details p{font-size:11px}.toast{bottom:125px;font-size:11px}body.focused .scene-controls{bottom:55px}.flat-fallback .desktop{transform:translate(-50%,-50%) scale(.45)!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}