:root{--desktop:#3a8fdb;--taskbar:#245edb}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow:hidden}body,button{font-family:Pixelated MS Sans Serif,Arial,sans-serif}button:focus-visible{outline-offset:-4px;outline:2px dotted #000}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.desktop{background:var(--desktop) url(/wallpaper-costa.jpeg) center / cover no-repeat;-webkit-user-select:none;user-select:none;width:100vw;height:100dvh;position:relative;overflow:hidden}.desktop-icons{grid-template-rows:repeat(5,82px);grid-auto-flow:column;place-content:start;gap:4px 12px;padding:12px;display:grid}.desktop-icon{color:#fff;width:84px;height:76px;box-shadow:none;text-shadow:1px 1px #000;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:3px;padding:3px;display:flex}.desktop-icon:active{box-shadow:none;padding:3px}.desktop-icon:focus{outline-color:#fff}.desktop-icon__image{filter:drop-shadow(1px 1px #222);place-items:center;width:46px;height:44px;display:grid}.desktop-icon__image img{image-rendering:auto;display:block}.desktop-icon span:last-child{text-align:center;padding:1px 3px}.desktop-icon:focus span:last-child{background:navy;outline:1px dotted #fff}.window-layer{pointer-events:none;position:absolute;inset:0 0 32px}.app-window{z-index:2;pointer-events:auto;width:min(520px,100vw - 32px);min-height:250px;position:absolute}.app-window>.window{width:100%}.app-window--active{z-index:10}.app-window--maximized{width:100%;height:100%;inset:0}.app-window--maximized>.window{height:100%}.app-window__body{background:#fff;min-height:210px;padding:18px;overflow:auto}.app-window__body h2{margin:0 0 16px;font-size:18px}.app-window__body p{font-size:13px;line-height:1.5}.folder-grid{grid-template-columns:repeat(2,minmax(100px,1fr));gap:8px;margin-top:22px;display:grid}.folder-grid button{text-align:left;align-items:center;gap:8px;min-height:56px;display:flex}.folder-grid span{font-size:24px}.taskbar{z-index:100;background:var(--taskbar);border-top:2px solid #3986f3;align-items:center;gap:4px;height:32px;padding:3px 7px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 2px 4px #fff5}.start-button{color:#fff;background:linear-gradient(#63bd59,#2d8e2d 55%,#1f6f20);border-radius:0 12px 12px 0;min-width:74px;height:26px;margin-left:-7px;font-style:italic;font-weight:700;box-shadow:inset -1px -1px #174d18,inset 1px 1px #9ae78d}.taskbar__apps{flex:1;gap:3px;min-width:0;display:flex}.taskbar__apps button{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:#fff;background:linear-gradient(#3d8bf0,#1f66d2);border-radius:3px;width:min(160px,22vw);height:25px;overflow:hidden;box-shadow:inset 1px 1px #68a7f7,inset -1px -1px #164caa}.taskbar__apps button.active{background:#1a50a7;font-weight:700;box-shadow:inset 1px 1px #113c82}.taskbar__clock{color:#fff;text-align:center;background:#0b9ee9;min-width:66px;padding:6px 8px;box-shadow:inset 1px 0 #16c4f5}.start-menu{z-index:110;background:#fff;border-radius:7px 7px 0 0;width:250px;min-height:265px;padding:0;display:block;position:absolute;bottom:31px;left:2px;overflow:hidden}.start-menu__brand{color:#fff;text-shadow:1px 1px #17458b;background:linear-gradient(90deg,#1956b8,#3b8ee9);width:100%;padding:12px;font-size:14px;font-weight:700}.start-menu__items{flex-direction:column;padding:5px;display:flex}.start-menu__items button{min-height:43px;box-shadow:none;text-align:left;background:0 0;border:0}.start-menu__items button:hover,.start-menu__items button:focus-visible{color:#fff;background:navy}.start-menu__items span{width:32px;font-size:22px;display:inline-block}.start-menu__items hr{width:100%;margin:2px 0}@media (max-width:640px){.desktop-icons{transform-origin:0 0;grid-template-rows:repeat(5,72px);transform:scale(.9)}.app-window{width:calc(100vw - 24px);top:48px!important;left:12px!important}.taskbar__apps button{max-width:48px;font-size:0}.taskbar__apps button span{font-size:12px}}