@font-face{font-family:ZZPixelLatin;src:url(assets/fonts/ProggySquare.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--ui-font: "ZZPixelLatin", monospace;--ui-title-h: 62px;--ui-task-h: 42px;--ui-control-size: 42px;--ui-window-border: 3px;--ui-panel-title-h: 48px;--ui-brand-w: 276px;--dark: #285d7a;--mid: #9fbfce;--panel: #dce6e9;--white: #f8fbfc;--shadow: #7894a1;--task-h: var(--ui-task-h);--computer-size: 900px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}html,body,button,input,textarea,select{font-family:var(--ui-font)}body{overflow:hidden;font-size:16px;-webkit-font-smoothing:none;text-rendering:geometricPrecision}.desktop{position:relative;width:100vw;height:100vh;overflow:hidden;background:url(assets/images/desktop.png) center center / cover no-repeat;image-rendering:pixelated;user-select:none}.selection-box{position:absolute;z-index:8;pointer-events:none;border:1px dotted #ffffff;outline:1px solid rgba(30,76,126,.8);background:#2d67aa2e}.desktop-computer{position:absolute;z-index:2;left:24px;top:20px;width:150px;min-height:145px;padding:6px;border:1px solid transparent;outline:none;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:default}.desktop-computer img{width:106px;height:106px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.desktop-computer span{padding:1px 4px;font-size:16px;line-height:16px;white-space:nowrap;text-shadow:1px 1px 0 #183f5d}.desktop-computer.selected{border:1px dotted white;background:#2557875c}.desktop-computer.selected span{background:#225286b8}.window{position:absolute;z-index:20;display:flex;flex-direction:column;min-width:320px;min-height:180px;overflow:hidden;background:var(--panel);border:var(--ui-window-border) solid var(--dark);box-shadow:inset 2px 2px 0 var(--white),inset -2px -2px 0 var(--shadow);transition:left .16s linear,top .16s linear,width .16s linear,height .16s linear}.window.no-transition{transition:none}.window.hidden{visibility:hidden;pointer-events:none}.window.closed{display:none}.titlebar{height:var(--ui-title-h);flex:0 0 var(--ui-title-h);display:flex;align-items:center;justify-content:space-between;padding-left:6px;overflow:hidden;user-select:none;background:linear-gradient(to bottom,#b6cfda,#9fbecc);border-bottom:3px solid var(--dark)}.window-caption{min-width:0;height:calc(var(--ui-title-h) - 6px);display:flex;align-items:center;gap:6px;overflow:hidden;color:#163e55;font-size:16px;line-height:16px;white-space:nowrap}.caption-icon{width:18px;height:18px;flex:0 0 18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.caption-icon img{display:block;width:16px;height:16px;object-fit:contain;image-rendering:pixelated}.controls{flex:0 0 auto;display:flex;align-items:center;gap:3px;padding:0 5px 0 8px}.controls button{position:relative;width:var(--ui-control-size);height:var(--ui-control-size);flex:0 0 var(--ui-control-size);padding:0;overflow:hidden;border:var(--ui-window-border) solid var(--dark);background:#e2eaed;cursor:pointer;box-shadow:inset 2px 2px 0 var(--white),inset -2px -2px 0 var(--shadow)}.controls button:active{transform:translate(1px,1px);box-shadow:inset 2px 2px 0 var(--shadow),inset -2px -2px 0 var(--white)}.icon-min{position:absolute;left:10px;bottom:8px;width:18px;height:3px;background:var(--dark)}.icon-max{position:absolute;left:10px;top:8px;width:18px;height:18px;border:var(--ui-window-border) solid var(--dark)}.icon-restore{display:none}.icon-restore:before,.icon-restore:after{content:"";position:absolute;width:15px;height:14px;border:var(--ui-window-border) solid var(--dark);background:#e2eaed}.icon-restore:before{left:14px;top:8px}.icon-restore:after{left:8px;top:14px}.window.maximized .icon-max{display:none}.window.maximized .icon-restore{display:block}.icon-close:before,.icon-close:after{content:"";position:absolute;left:8px;top:18px;width:22px;height:3px;background:var(--dark)}.icon-close:before{transform:rotate(45deg)}.icon-close:after{transform:rotate(-45deg)}.window-body{flex:1;min-width:0;min-height:0;overflow:auto;background:#dfe8eb}.window-body::-webkit-scrollbar{width:17px;height:17px}.window-body::-webkit-scrollbar-track{background:#cbd9df;border:2px solid #7793a0}.window-body::-webkit-scrollbar-thumb{background:#9ebdca;border:3px solid var(--dark);box-shadow:inset 2px 2px #f5fafb,inset -2px -2px #718d99}.window-body::-webkit-scrollbar-corner{background:#cbd9df}.canvas{width:max(100%,calc(var(--computer-size) + 100px));min-height:max(100%,calc(var(--computer-size) * .79));padding:28px;display:flex;justify-content:center;align-items:center}.computer{position:relative;width:var(--computer-size);flex:0 0 var(--computer-size);user-select:none}.computer-base{display:block;width:100%;height:auto;pointer-events:none;image-rendering:pixelated}.face{position:absolute;z-index:5;left:22.5%;top:8.8%;width:40.2%;height:auto;pointer-events:none;image-rendering:pixelated;opacity:1}.computer.screen-off .face{opacity:0}.screen-hotspot,.keyboard-hotspot{position:absolute;z-index:10;display:block;background:transparent}.screen-hotspot{left:27.8%;top:16.8%;width:28.8%;height:30.5%}.keyboard-hotspot{left:18.2%;top:75.8%;width:52.5%;height:13.8%}.monitor-power-button{position:absolute;z-index:40;left:62.78%;top:62.43%;width:3.04%;height:3.5%;padding:0;border:0;outline:0;background:transparent;cursor:pointer;clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%,0% 25%)}.monitor-power-button:hover{background:#5faacd26}.monitor-power-button:active{background:#32739b38}.resize{position:absolute;z-index:100}.resize.n,.resize.s{left:8px;right:8px;height:10px}.resize.n{top:-5px;cursor:n-resize}.resize.s{bottom:-5px;cursor:s-resize}.resize.e,.resize.w{top:8px;bottom:8px;width:10px}.resize.e{right:-5px;cursor:e-resize}.resize.w{left:-5px;cursor:w-resize}.resize.nw,.resize.ne,.resize.sw,.resize.se{width:16px;height:16px}.resize.nw{left:-7px;top:-7px;cursor:nw-resize}.resize.ne{right:-7px;top:-7px;cursor:ne-resize}.resize.sw{left:-7px;bottom:-7px;cursor:sw-resize}.resize.se{right:-7px;bottom:-7px;cursor:se-resize}.window.maximized .resize{display:none}.taskbar{position:absolute;z-index:1000;left:0;right:0;bottom:0;width:100%;height:var(--task-h);min-height:var(--task-h);max-height:var(--task-h);display:flex;overflow:hidden;background:linear-gradient(to bottom,#4b92be,#3077a5 35%,#245f8b);border-top:2px solid #76aed0}.start{flex:0 0 82px;height:100%;padding:0 11px;border:0;border-right:3px solid #174d70;border-radius:0 11px 11px 0;background:linear-gradient(to bottom,#70aa4c,#4b8d32);color:#fff;font-size:16px;line-height:16px;cursor:pointer;box-shadow:inset 0 2px #ffffff47,inset -3px -3px #28501e52}.apps{flex:1;min-width:0;display:flex;align-items:center;padding:4px 8px}.task-button{width:165px;height:31px;padding:2px 7px;border:2px solid #164d73;background:#4a89b3;color:#fff;display:flex;align-items:center;gap:6px;font-size:16px;line-height:16px;text-align:left;cursor:pointer;box-shadow:inset 2px 2px #fff3,inset -2px -2px #00284659}.task-button.active{background:#36759e;box-shadow:inset 2px 2px #00234166}.task-button.minimized{background:#6da2c2}.task-button.closed{display:none}.task-button img{width:20px;height:20px;flex:0 0 20px;object-fit:contain;image-rendering:pixelated}.task-button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tray{flex:0 0 74px;height:100%;padding:0 11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#4ca1ca,#3185b2);border-left:2px solid #185e89;color:#fff}.clock{color:#fff;font-size:16px;line-height:16px;white-space:nowrap}.app-topbar{padding:0;background:linear-gradient(#f8fdff,#d9edf7);border-bottom-color:#075083}.app-brand{position:relative;align-self:stretch;width:var(--ui-brand-w);flex:0 0 var(--ui-brand-w);display:flex;align-items:center;gap:14px;padding:0 22px;overflow:hidden;border-right:5px solid #073f69;background:linear-gradient(135deg,#2387c2,#075f99 48%,#064a78);color:#fff;font-size:27px;font-weight:700;letter-spacing:2px;text-shadow:3px 3px #073c66;box-shadow:inset 0 3px #61b6df,inset 0 -4px #043858,inset 4px 0 #2d92c8,inset -4px 0 #05436d}.app-brand:after{content:"";position:absolute;inset:5px;border-top:2px solid rgba(255,255,255,.25);border-left:2px solid rgba(255,255,255,.16);border-bottom:2px solid rgba(1,42,72,.34);pointer-events:none}.app-brand-icon{position:relative;z-index:1;width:37px;height:37px;flex:0 0 37px;background:#f8fdff;box-shadow:3px 3px #043858}.app-brand-icon:before{content:"";position:absolute;left:6px;top:6px;width:5px;height:5px;background:#075083;box-shadow:10px 0 #075083,20px 0 #075083,0 10px #075083,10px 10px #075083,20px 10px #075083,0 20px #075083,10px 20px #075083,20px 20px #075083}.app-brand-label{position:relative;z-index:1;white-space:nowrap}.app-topbar .controls{align-self:stretch;margin-left:auto;padding:7px 8px;gap:5px}