.desktop-page{font:13px/1.4 Arial,sans-serif;color:#fff;min-height:100svh;padding-bottom:42px}.desktop-page main{overflow:visible;position:relative;min-height:calc(100svh - 42px);padding:25px 100px 20px 126px}.desktop-intro{text-align:center;margin:0 auto 22px;max-width:900px}.desktop-intro h1{width:402px;max-width:90%;margin:0 auto}.desktop-intro .tagline{font-size:24px;margin:10px 0 6px;color:#fff}.desktop-intro .description{font-size:13px;line-height:1.5;max-width:600px}.store-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.win-button,.titlebar button{border:2px solid;border-color:#fff #404040 #404040 #fff;background:#c0c0c0;color:#111;box-shadow:1px 1px #000;border-radius:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 10px;font:13px Arial,sans-serif;min-height:32px}.win-button:active,.win-button.active{border-color:#404040 #fff #fff #404040;background:#ddd}.win-button:hover{background:#d4d4d4}.win-button small{font-size:10px;color:#444}.store-buttons [data-icon]{width:18px;height:18px}.desktop-page [data-icon] svg{width:100%;height:100%;fill:currentColor;shape-rendering:crispEdges}.window{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;padding:2px;box-shadow:2px 2px #003e3e;color:#111}.desktop-page .game-window{height:auto;max-width:1120px;margin:auto;position:relative;z-index:2}.titlebar{background:#000080;color:#fff;min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 3px 3px 5px;font-weight:bold;cursor:move;touch-action:none;user-select:none}.titlebar>span{display:flex;align-items:center;gap:6px}.titlebar img{width:16px;height:16px;image-rendering:pixelated}.titlebar button{padding:0;min-height:20px;width:22px;font:bold 16px/1 Arial;box-shadow:none}.window-controls{display:flex;gap:3px}.game-body{height: min(640px,calc(100svh - 362px));min-height:410px;margin-top:3px}.desktop-page .game-window iframe{width:100%;height:100%;border:0;display:block}.statusbar{display:flex;justify-content:space-between;gap:10px;border:1px solid;border-color:#808080 #fff #fff #808080;margin-top:3px;padding:3px 6px;font-size:11px}.statusbar a{color:#111}.desktop-hint{text-align:center;font-size:11px;color:#b8dede;margin:12px 0 0}.shortcut{position:absolute;left:14px;top:calc(16px + var(--slot)*91px);width:86px;min-height:78px;display:flex;align-items:center;flex-direction:column;gap:6px;padding:5px 2px;background:transparent;color:#fff;border:1px solid transparent;text-decoration:none;text-align:center;font:12px/1.3 Arial;z-index:3;touch-action:none;user-select:none;cursor:pointer}.shortcut>img,.shortcut>[data-icon]{width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(1px 2px #003f3f)}.shortcut>[data-icon]{color:#eee}.shortcut-label{padding:1px 3px;text-shadow:1px 1px #004040}.shortcut small{display:block;font-size:10px}.shortcut:hover,.shortcut:focus-visible{background:#ffffff12;border:1px dotted #fff}.shortcut:focus .shortcut-label{background:#000080}.film-icon{width:38px;height:30px;color:#fff;background:#171717;border:4px dashed #c0c0c0;font:18px/22px Arial}.folder-icon{width:36px;height:27px;background:#f1d068;box-shadow:inset 2px 2px #ffeca1,2px 2px #56522e;margin-top:5px;position:relative}.folder-icon:before{content:'';position:absolute;left:0;top:-5px;width:16px;height:6px;background:#f1d068}.popup{position:fixed;z-index:20;width:min(760px,calc(100vw - 24px));left:50%;top:50%;transform:translate(-50%,-50%)}#trailer-player{aspect-ratio:16/9;background:#000;margin-top:3px}#trailer-player iframe{width:100%;height:100%;border:0;display:block}.message-window{width:min(400px,calc(100vw - 24px))}.message-content{padding:24px;text-align:center}.message-content h2{color:#111;font:24px Alagard}.message-content p{line-height:1.6}.message-content .win-button{min-width:85px}.taskbar{position:fixed;bottom:0;left:0;right:0;min-height:40px;background:#c0c0c0;border-top:2px solid #fff;padding:3px;display:flex;align-items:center;gap:6px;z-index:100;color:#111}.taskbar .win-button{min-height:30px;padding:4px 8px}.taskbar img{width:20px;height:20px;image-rendering:pixelated}.start-button{font-weight:bold;font-size:15px}.task-divider{width:2px;align-self:stretch;border-left:1px solid #808080;border-right:1px solid #fff;margin:0 2px}.task{min-width:140px;justify-content:flex-start}.credit{margin-left:auto;font-size:11px;color:#333}.taskbar time{border:1px solid;border-color:#808080 #fff #fff #808080;padding:6px 12px;margin-left:auto;white-space:nowrap;font-size:12px}#start-menu{position:fixed;bottom:40px;left:3px;z-index:101;background:#c0c0c0;color:#111;display:flex;box-shadow:2px 2px #000;border:2px solid;border-color:#fff #404040 #404040 #fff;padding:2px;max-height:calc(100svh - 50px);overflow:auto}.start-brand{writing-mode:vertical-rl;transform:rotate(180deg);background:#808080;color:#ddd;padding:10px 7px;font:bold 20px Arial}.start-brand span{color:#fff;font-weight:normal}.start-items{width:235px;padding:3px}.start-items a,.start-items button{display:block;width:100%;border:0;background:transparent;text-decoration:none;text-align:left;padding:9px 12px;color:#111;font:13px Arial}.start-items a:hover,.start-items button:hover,.start-items :focus-visible{background:#000080;color:#fff;outline:none}.desktop-page .game-window.maximized{position:fixed!important;inset:0 0 40px!important;max-width:none;z-index:50;margin:0}.maximized .game-body{height:calc(100% - 54px);min-height:0}.dragging iframe{pointer-events:none}.desktop-page button:focus-visible,.desktop-page a:focus-visible{outline:2px dotted #fff;outline-offset:2px}.window button:focus-visible,.taskbar button:focus-visible{outline:1px dotted #000;outline-offset:-5px}
@media(max-width:700px){.desktop-page main{padding:22px 8px 12px}.desktop-intro{margin-bottom:18px}.desktop-intro h1{width:302px}.desktop-intro .tagline{font-size:21px}.desktop-intro .description{max-width:360px;padding:0 10px}.store-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:340px;margin:14px auto 0}.store-buttons .win-button{padding:6px 8px;font-size:12px}.store-buttons small{font-size:9px}.shortcut{position:relative!important;left:auto!important;top:auto!important;width:auto;min-height:74px;font-size:11px;touch-action:pan-y}.shortcut>img,.shortcut>[data-icon]{width:28px;height:28px}#shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 auto 16px;max-width:430px}.desktop-page .game-window:not(.manual-size){position:relative!important;left:auto!important;top:auto!important;width:100%!important;min-height:0}.game-body{height:calc(100svh - 100px);min-height:500px}.desktop-hint{display:none}.credit{display:none}.task{min-width:0;flex:1;max-width:160px;overflow:hidden}.taskbar time{padding:6px}.taskbar .win-button{font-size:12px}.desktop-page .game-window.maximized{position:fixed!important;width:auto!important;left:0!important;top:0!important}.titlebar{cursor:default}.desktop-page .skip:focus{z-index:200}.popup{max-height:calc(100svh - 60px)} }
/* The wallpaper is a desktop; promotional content lives in About. */
.desktop-page main{padding-top:82px;padding-right:36px;min-height:max(760px,calc(100svh - 42px))}.desktop-page .game-window{max-width:1120px}.game-body{height:calc(100svh - 190px);min-height:480px;max-height:780px}.about-window{position:absolute;right:28px;top:24px;width:460px;z-index:21}.about-window .desktop-intro{padding:22px 18px 18px;margin:0}.about-window .desktop-intro h1{width:402px;max-width:100%}.about-window .tagline{color:#111;font-size:23px;margin:18px 0 12px}.about-window .description{color:#333;max-width:380px;font-size:13px}.about-window .store-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px auto 0}.about-credit{font-size:11px;margin:18px 0 0;color:#444}.about-icon{font:bold 28px/32px Georgia;background:#000080;color:#fff;width:32px;height:32px;box-shadow:inset 2px 2px #578ac3,inset -2px -2px #00004b}.desktop-page [data-icon] img{display:block;image-rendering:pixelated}.store-buttons [data-icon]{width:16px;height:16px}.shortcut>[data-icon]{width:32px;height:32px;filter:none}.window:not(.focused)>.titlebar{background:#808080}.window.focused>.titlebar{background:#000080}.window-motion{position:fixed;pointer-events:none;z-index:99;border:2px solid #fff;outline:1px solid #111;box-shadow:inset 0 0 0 1px #111;box-sizing:border-box}#sound-toggle{min-width:32px;font-weight:bold}.taskbar .credit{margin-left:auto}.taskbar time{margin-left:0}.maximized .game-body{max-height:none}.about-window:focus-within{outline:none}
@media(max-width:700px){.desktop-page main{padding:12px 8px;min-height:calc(100svh - 42px)}.about-window:not(.manual-size){position:relative!important;top:auto!important;left:auto!important;right:auto;width:100%;margin-bottom:16px}.about-window .desktop-intro{padding:20px 12px 16px}.about-window .desktop-intro h1{width:201px}.about-window .tagline{font-size:20px}.about-window .store-buttons{gap:6px}.about-window .store-buttons .win-button{padding:6px 4px;gap:5px}.game-body{height:calc(100svh - 100px);min-height:500px;max-height:none}.shortcut>img,.shortcut>[data-icon]{width:32px;height:32px}.taskbar .task{min-width:0;padding:4px;font-size:11px}.taskbar #game-task img{display:none}.taskbar{gap:4px}.taskbar time{padding:6px 4px;font-size:10px}.taskbar .task-divider{margin:0}.taskbar #sound-toggle{padding:4px;min-width:28px}.about-window .description{font-size:12px}}
/* The embedded game already draws its own window. Do not wrap it in a second frame. */
.desktop-page .game-window{background:transparent;border:0;padding:0;box-shadow:none}.game-body{margin:0}.desktop-page .game-window.maximized{background:#008080}.maximized .game-body{height:100%}.taskbar #game-task{cursor:pointer}
/* Directly hosted released game: one host-managed frame around the native content. */
.desktop-page .game-window{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;padding:2px;box-shadow:2px 2px #003e3e}.game-body{margin-top:3px;height:calc(100svh - 210px)}.desktop-page .game-window.maximized{background:#c0c0c0}.maximized .game-body{height:calc(100% - 29px);min-height:0}.game-window>.titlebar:focus-visible{outline:1px dotted white;outline-offset:-3px}
@media(max-width:700px){.game-body{height:calc(100svh - 116px);min-height:460px}.game-window .window-controls{gap:2px}.game-window .titlebar button{width:24px;min-height:24px}}
.text-button{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px}.explorer-window{width:min(920px,calc(100vw - 24px));max-height:calc(100svh - 70px)}.explorer-toolbar{display:flex;gap:7px;padding:8px;flex-wrap:wrap;border-bottom:1px solid #808080}.explorer-toolbar .win-button{font-size:12px}.explorer-toolbar button:disabled{color:#777;cursor:default;box-shadow:none}.explorer-download{margin-left:auto;font-weight:bold}.explorer-address{display:flex;gap:12px;align-items:center;padding:5px 8px}.explorer-address nav{background:#fff;box-shadow:inset 1px 1px #808080;flex:1;padding:5px 7px;min-width:0;font-size:12px}.explorer-address button{font:inherit;background:none;border:0;padding:0;color:#111;cursor:pointer}.explorer-body{display:grid;grid-template-columns:145px minmax(0,1fr) 230px;height:min(450px,calc(100svh - 230px));min-height:220px;gap:3px}.explorer-tree,.explorer-files,.explorer-preview{background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;overflow:auto;min-width:0;scrollbar-color:#c0c0c0 #dedede;scrollbar-width:auto}.explorer-tree{padding:8px 3px}.explorer-tree button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#111;font:12px Arial;width:100%;padding:8px 5px;text-align:left}.explorer-tree button[data-folder]:not([data-folder=""]){padding-left:15px}.explorer-tree button[aria-current="true"]{background:#000080;color:#fff}.mini-folder{display:inline-block;width:16px;height:12px;background:#f1d068;box-shadow:inset 1px 1px #ffeca1,1px 1px #806f38;flex-shrink:0}.explorer-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;padding:10px;gap:8px}.explorer-file{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:12px 5px;border:1px solid transparent;background:#fff;text-decoration:none;color:#111;text-align:center;min-width:0;font:12px Arial;cursor:pointer}.explorer-file b{font-weight:normal;overflow-wrap:anywhere;line-height:1.4}.explorer-file small{font-size:10px;color:#555}.explorer-file:hover{background:#ededed}.explorer-file[aria-pressed="true"]{background:#000080;color:#fff}.explorer-file[aria-pressed="true"] small{color:#ddd}.explorer-file>img{width:80px;height:56px;object-fit:contain;image-rendering:pixelated}.explorer-file .folder-icon{margin:8px 0 5px}.file-sheet{width:32px;height:38px;border:1px solid #444;background:#efefdb;box-shadow:inset 2px 2px #fff,2px 2px #bbb;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;font:bold 10px monospace;color:#184976;position:relative}.zip-sheet{background:repeating-linear-gradient(0deg,#e8bd57 0 3px,#8e7133 3px 5px);color:#fff;text-shadow:1px 1px #111}.zip-file{grid-column:1/-1;background:#fffbe7;border:1px dotted #96834d}.explorer-preview{padding:15px;background:#f5f5ef}.explorer-preview h3{font:bold 13px Arial;margin:0 0 14px;overflow-wrap:anywhere}.explorer-preview p{font:12px/1.6 Arial;color:#444}.explorer-preview img,.explorer-preview video{width:100%;max-height:240px;object-fit:contain;display:block;background:#d4d4ca}.explorer-preview img{image-rendering:pixelated}.explorer-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 monospace;max-height:270px;overflow:auto}.explorer-preview .win-button{font-size:12px}.explorer-window .statusbar{margin-top:3px;flex-wrap:wrap}.explorer-window a:focus-visible,.explorer-window button:focus-visible{outline:1px dotted #111;outline-offset:-3px}.explorer-window ::-webkit-scrollbar{width:16px;height:16px}.explorer-window ::-webkit-scrollbar-track{background:repeating-conic-gradient(#c0c0c0 0% 25%,#fff 0% 50%) 0/2px 2px}.explorer-window ::-webkit-scrollbar-thumb{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff}.explorer-window ::-webkit-scrollbar-button{display:block;height:16px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff}
@media(max-width:700px){.explorer-window{width:calc(100vw - 12px)}.explorer-body{grid-template-columns:minmax(0,1fr) 130px;height:calc(100svh - 270px);min-height:200px}.explorer-tree{display:none}.explorer-files{grid-template-columns:1fr;padding:5px;gap:4px}.explorer-preview{padding:8px}.explorer-preview .win-button{padding:6px}.explorer-toolbar{gap:6px;padding:6px}.explorer-toolbar .win-button{font-size:11px;padding:6px 8px}.explorer-download{margin-left:0;flex:1}.explorer-file>img{width:64px;height:48px}.explorer-address{gap:6px}.explorer-address>span{display:none}.taskbar:has(#press-task:not([hidden])) .credit,.taskbar:has(#press-task:not([hidden])) time{display:none}}
.explorer-window ::-webkit-scrollbar-button:vertical:decrement{background:#c0c0c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M3 7h6L6 4z' fill='%23000'/%3E%3C/svg%3E") center no-repeat}.explorer-window ::-webkit-scrollbar-button:vertical:increment{background:#c0c0c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M3 4h6L6 7z' fill='%23000'/%3E%3C/svg%3E") center no-repeat}
.shortcut-arrow{position:absolute;left:calc(50% + 4px);top:25px;display:block;width:14px;height:14px;padding:1px;background:#fff;color:#111;border:1px solid #555;box-shadow:1px 1px #003f3f;pointer-events:none}.shortcut-arrow svg{display:block;width:10px;height:10px;image-rendering:pixelated}
/* One native pixel control family for every desktop window. */
.desktop-page .window>.titlebar{min-height:30px;padding:3px 3px 3px 5px}.desktop-page .window>.titlebar button{width:26px;height:24px;min-width:26px;min-height:24px;flex:none;padding:4px;border-width:2px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;font:bold 16px/1 Arial}.desktop-page .window>.titlebar button svg{width:12px;height:12px;flex:none;fill:currentColor;shape-rendering:crispEdges}.desktop-page .window>.titlebar button:active{border-color:#404040 #fff #fff #404040}.desktop-page .window-controls{gap:3px}.desktop-page .game-window>.titlebar .game-caption{font:400 18px/1 Alagard;letter-spacing:0;gap:6px}.game-caption img{width:16px;height:16px;image-rendering:pixelated}.desktop-page .titlebar button .restore-glyph{display:none}.desktop-page .titlebar button[data-maximized="true"] .maximize-glyph{display:none}.desktop-page .titlebar button[data-maximized="true"] .restore-glyph{display:block}.desktop-page .game-window.maximized .game-body{height:calc(100% - 33px)}
.about-glyph{display:inline-flex;width:16px;height:16px;flex:none;align-items:center;justify-content:center;background:#000080;color:#fff;font:bold 14px/16px Georgia,serif;box-shadow:inset 1px 1px #578ac3,inset -1px -1px #00004b;vertical-align:middle}.start-items .about-glyph{margin-right:5px}
/* Start stays text-only; menu rows share a 16px icon column. */
.start-items a,.start-items button{display:flex;align-items:center;gap:10px}.start-items .menu-icon{display:inline-flex;width:16px;height:16px;min-width:16px;flex:none;align-items:center;justify-content:center;image-rendering:pixelated;vertical-align:middle;margin:0}.menu-window-icon{background:#c0c0c0;border:1px solid #404040;box-shadow:inset 1px 1px #fff;position:relative}.menu-window-icon:before{content:'';position:absolute;top:2px;left:2px;right:2px;height:4px;background:#000080}.menu-film-icon{background:#27383e;border:2px dashed #dce3de;color:#fff;font:9px/1 Arial}.menu-reset-icon{font:bold 21px/1 Arial;color:#21559b}.menu-document-icon{border:1px solid #555;background:repeating-linear-gradient(to bottom,#fffbe4 0 3px,#a1a89e 3px 4px);box-shadow:inset 2px 0 #fffbe4,inset -2px 0 #fffbe4}.start-items :is(button,a):hover .menu-reset-icon,.start-items :is(button,a):focus-visible .menu-reset-icon{color:#fff}
/* Display Properties: original tiled backgrounds and classic desktop controls. */
html[data-wallpaper],.wallpaper-swatch{background-color:#008080;background-image:none;background-repeat:repeat}
html[data-wallpaper="clouds"],.wallpaper-swatch[data-wallpaper="clouds"]{background-color:#72a6d0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='128' shape-rendering='crispEdges'%3E%3Cpath fill='%23bad7e8' d='M12 38h12V26h28v8h20v12h12v12H12zM108 100h12V88h20V76h20v12h20v24h-72z'/%3E%3Cpath fill='%23edf3ef' d='M16 38h12V26h24v12h16v8H16zM112 100h12V88h20V76h12v16h20v8z'/%3E%3C/svg%3E")}
html[data-wallpaper="bricks"],.wallpaper-swatch[data-wallpaper="bricks"]{background-color:#926453;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Cpath fill='none' stroke='%234d4941' stroke-width='2' d='M0 0h48M0 12h48M0 24h48M24 0v12M0 12v12M48 12v12'/%3E%3Cpath stroke='%23bb9380' d='M1 2h21M26 2h22M2 14h44'/%3E%3C/svg%3E")}
html[data-wallpaper="weave"],.wallpaper-swatch[data-wallpaper="weave"]{background-color:#425b7c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%237688a3' d='M0 0h4v2H0zM4 4h4v2H4z'/%3E%3Cpath fill='%232b3958' d='M0 4h2v4H0zM4 0h2v4H4z'/%3E%3C/svg%3E")}
html[data-wallpaper="houndstooth"],.wallpaper-swatch[data-wallpaper="houndstooth"]{background-color:#d5d1ba;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23565a50' d='M0 0h8v4H4v4H0zM8 8h8v4h-4v4H8zM4 4h8v8H4zM12 0h4v4h-4zM0 12h4v4H0z'/%3E%3C/svg%3E")}
html[data-wallpaper="stars"],.wallpaper-swatch[data-wallpaper="stars"]{background-color:#10182f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='112'%3E%3Cpath fill='%236d83a6' d='M8 12h2v2H8zM96 28h2v2h-2zM28 82h2v2h-2zM106 96h2v2h-2zM76 66h2v2h-2z'/%3E%3Cpath fill='%23eee9bd' d='M42 24h2v6h-2zM40 26h6v2h-6zM88 86h2v6h-2zM86 88h6v2h-6z'/%3E%3C/svg%3E")}
#desktop-context{position:fixed;z-index:110;width:185px;padding:3px;background:#c0c0c0;color:#111;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:2px 2px #000}#desktop-context button{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;color:inherit;padding:8px;font:13px Arial;text-align:left}#desktop-context button:hover,#desktop-context button:focus{background:#000080;color:#fff;outline:none}#desktop-context hr{margin:3px;border:0;border-top:1px solid #808080;border-bottom:1px solid #fff}.menu-icon.menu-window-icon{display:inline-block;width:16px;height:16px;flex:none}
.display-window{width:min(440px,calc(100vw - 16px));max-height:calc(100svh - 54px);overflow:auto;top:calc(50% - 20px)}#display-properties{padding:12px 8px 8px}.display-tabs{display:flex;gap:2px;padding-left:3px}.display-tabs button{font:13px Arial;background:#c0c0c0;color:#111;padding:6px 12px;border:2px solid;border-color:#fff #555 #808080 #fff;position:relative}.display-tabs button[aria-selected="true"]{border-bottom-color:#c0c0c0;z-index:1;top:2px}.display-content{padding:14px;border:2px solid;border-color:#fff #808080 #808080 #fff}.monitor-preview{width:192px;margin:0 auto 12px;padding:8px 8px 0;background:#c0c0c0;border:2px solid;border-color:#eee #555 #555 #eee;box-shadow:1px 1px #111}.monitor-screen{height:100px;border:3px solid;border-color:#555 #ddd #ddd #555;display:flex;align-items:center;justify-content:center}.preview-window{font:11px Alagard;background:#c0c0c0;color:#111;width:85px;height:50px;padding:2px;border:1px solid;border-color:#fff #222 #222 #fff;box-shadow:2px 2px #0005}.preview-window i{display:block;background:#000080;height:7px;margin-bottom:8px}.monitor-base{height:15px;background:linear-gradient(#c0c0c0 0 6px,#808080 6px 8px,#c0c0c0 8px)}.display-content p{font:12px/1.5 Arial;margin:8px 0}.wallpaper-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wallpaper-choices button{font:11px Arial;color:#111;padding:4px;background:#c0c0c0;border:1px solid transparent;min-width:0}.wallpaper-choices button[aria-pressed="true"]{background:#000080;color:#fff;outline:1px dotted #fff;outline-offset:-3px}.wallpaper-choices .wallpaper-swatch{display:block;height:38px;border:2px solid;border-color:#808080 #fff #fff #808080;margin-bottom:5px}.display-content .display-note{color:#444;font-size:10px;margin:14px 0 0}.display-actions{display:flex;gap:6px;margin-top:12px}.display-actions>span{flex:1}.display-actions .win-button{font-size:12px;min-width:62px;padding:5px 8px}.display-actions button:disabled{color:#777;text-shadow:1px 1px #fff;box-shadow:none}#settings-panel{min-height:160px}#settings-panel>label:first-child{display:block;margin:10px 0 6px}#desktop-resolution{width:100%;padding:5px;font:13px Arial;color:#111;border-radius:0;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080}.icons-setting{display:flex;align-items:center;gap:7px;margin-top:20px}.icons-setting input{accent-color:#000080}.hide-desktop-icons #shortcuts{visibility:hidden}.desktop-page.custom-game-size .game-window:not(.maximized){width:min(100%,var(--preferred-game-width));max-width:var(--preferred-game-width)}.custom-game-size .game-window:not(.maximized) .game-body{height:clamp(360px,calc(var(--preferred-game-height) - 41px),calc(100svh - 160px));min-height:0;max-height:none}
@media(max-width:700px){#display-properties{padding:8px 4px 4px}.display-content{padding:10px}.display-actions{gap:4px}.display-actions .win-button{min-width:53px;padding:5px 6px}.custom-game-size .game-window:not(.maximized) .game-body{height:clamp(360px,calc(var(--preferred-game-height) - 41px),calc(100svh - 116px))}.display-window{max-height:calc(100svh - 54px)}}
/* Eight native-style resize edges; the lower-right grip makes sizing discoverable. */
.resize-handle{position:absolute;z-index:5;touch-action:none;user-select:none}.resize-n,.resize-s{left:10px;right:10px;height:6px;cursor:ns-resize}.resize-n{top:-2px}.resize-s{bottom:-2px}.resize-e,.resize-w{top:10px;bottom:10px;width:6px;cursor:ew-resize}.resize-e{right:-2px}.resize-w{left:-2px}.resize-ne,.resize-nw,.resize-se,.resize-sw{width:12px;height:12px}.resize-ne,.resize-sw{cursor:nesw-resize}.resize-nw,.resize-se{cursor:nwse-resize}.resize-ne{right:-2px;top:-2px}.resize-nw{left:-2px;top:-2px}.resize-sw{left:-2px;bottom:-2px}.resize-se{right:-2px;bottom:-2px;background:repeating-linear-gradient(135deg,transparent 0 2px,#808080 2px 3px,#fff 3px 4px);clip-path:polygon(100% 0,100% 100%,0 100%)}.window.maximized>.resize-handle{display:none}.resizing,.resizing *{user-select:none!important}.resizing iframe{pointer-events:none}
.desktop-page .window.manual-size:not(.maximized){position:fixed!important;max-width:none!important;max-height:none!important;margin:0;display:flex;flex-direction:column;overflow:visible;right:auto;bottom:auto}
.window.manual-size>.titlebar{flex:none}.window.manual-size>:not(.titlebar):not(.resize-handle){min-height:0;min-width:0;flex:1;overflow:auto}.desktop-page .window.manual-size .game-body{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden}.window.manual-size #trailer-player{aspect-ratio:auto;overflow:hidden}.window.manual-size .desktop-intro{max-width:none}.window.manual-size #press-explorer{display:flex;flex-direction:column}.window.manual-size .explorer-body{height:auto;min-height:100px;flex:1}.window.manual-size .explorer-body{grid-template-columns:110px minmax(90px,1fr) minmax(100px,230px)}.desktop-page .game-window.maximized{width:auto!important;height:auto!important}.display-window{overflow:visible}#display-properties{max-height:calc(100svh - 100px);overflow:auto}
@media(max-width:700px){.desktop-page .window.manual-size:not(.maximized){width:var(--resize-width)!important;left:var(--resize-left)!important;top:var(--resize-top)!important}.window.manual-size .explorer-body{grid-template-columns:minmax(0,1fr) 120px}.resize-se{width:16px;height:16px}}
.window.manual-size ::-webkit-scrollbar{width:16px;height:16px}.window.manual-size ::-webkit-scrollbar-track{background:repeating-conic-gradient(#c0c0c0 0% 25%,#fff 0% 50%) 0/2px 2px}.window.manual-size ::-webkit-scrollbar-thumb,.window.manual-size ::-webkit-scrollbar-button{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff}.window.manual-size ::-webkit-scrollbar-button{height:16px}

.window.manual-size ::-webkit-scrollbar-button:vertical:decrement{background:#c0c0c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M3 7h6L6 4z' fill='%23000'/%3E%3C/svg%3E") center no-repeat}
.window.manual-size ::-webkit-scrollbar-button:vertical:increment{background:#c0c0c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M3 4h6L6 7z' fill='%23000'/%3E%3C/svg%3E") center no-repeat}/* Mobile desktop: home shortcuts plus one fitted window, with a persistent taskbar. */
#desktop-task,.mobile-play{display:none}
@media (max-width:700px), (pointer:coarse) and (max-width:1000px) and (max-height:500px){
 html:has(.desktop-page){height:100%;overflow:hidden}.desktop-page{height:100dvh;min-height:0;overflow:hidden;padding:0;--mobile-taskbar:calc(48px + env(safe-area-inset-bottom));--mobile-top:env(safe-area-inset-top)}
 .desktop-page main{position:fixed;inset:var(--mobile-top) env(safe-area-inset-right) var(--mobile-taskbar) env(safe-area-inset-left);padding:12px 8px;min-height:0;overflow:hidden}
 .desktop-page #shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 3px;margin:8px auto;max-width:480px;max-height:100%;overflow:auto;padding:4px}
 .desktop-page .shortcut{position:relative!important;left:auto!important;top:auto!important;width:auto;min-height:84px;touch-action:manipulation;font-size:12px}
 .desktop-page .window:not(.mobile-front){visibility:hidden;pointer-events:none}
 .desktop-page .window.mobile-front,.desktop-page .window.mobile-front.manual-size,.desktop-page .window.mobile-front.maximized{position:fixed!important;inset:calc(var(--mobile-top) + 4px) calc(env(safe-area-inset-right) + 4px) calc(var(--mobile-taskbar) + 4px) calc(env(safe-area-inset-left) + 4px)!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;min-height:0;margin:0!important;transform:none!important;display:flex;flex-direction:column;overflow:hidden}
 .desktop-page .window>.titlebar{min-height:44px;flex:none;cursor:default;touch-action:manipulation}.desktop-page .window>.titlebar button{width:36px;height:36px;min-width:36px;min-height:36px;padding:9px}.desktop-page .window>.titlebar>span{min-width:0}.desktop-page .window-controls{gap:4px}
 .desktop-page .window>.resize-handle,.desktop-page [data-maximize]{display:none}
 .desktop-page .window.mobile-front>:not(.titlebar):not(.resize-handle){min-height:0;min-width:0;overflow:auto;flex:1}
 .desktop-page .game-window.mobile-front .game-body{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden;flex:1}
 .desktop-page .about-window .desktop-intro{padding:22px 14px;margin:0;max-width:none}.desktop-page .about-window h1{width:268px;max-width:100%}.desktop-page .about-window .tagline{font-size:23px;margin:22px 0 14px}.desktop-page .about-window .description{font-size:14px;line-height:1.6}.desktop-page .about-window .store-buttons{max-width:400px;gap:8px;margin-top:24px}.desktop-page .store-buttons .win-button{min-height:44px}.desktop-page .mobile-play{display:flex;width:100%;max-width:400px;margin:14px auto 0;min-height:44px;font-weight:bold}.desktop-page .about-credit{line-height:2}
 .desktop-page .taskbar{height:var(--mobile-taskbar);min-height:0;padding:3px max(3px,env(safe-area-inset-right)) calc(3px + env(safe-area-inset-bottom)) max(3px,env(safe-area-inset-left));gap:4px;overflow-x:auto;white-space:nowrap;justify-content:flex-start}.desktop-page .taskbar .win-button{min-height:40px;flex:none}.desktop-page .taskbar .task{width:42px;min-width:42px;max-width:42px;font-size:0;padding:6px}.desktop-page .taskbar #game-task img{display:block;width:24px;height:24px}.desktop-page .taskbar #about-task .about-glyph{width:22px;height:22px;font-size:18px}.desktop-page #press-task:before{content:'▰';font-size:24px;color:#87651c}.desktop-page #trailer-task:before{content:'▶';font-size:18px}.desktop-page #desktop-task{display:inline-flex;font-size:12px;padding:4px 7px}.desktop-page .taskbar .credit,.desktop-page .taskbar time,.desktop-page .task-divider{display:none}.desktop-page #sound-toggle{margin-left:auto;min-width:36px}
 .desktop-page #start-menu{bottom:var(--mobile-taskbar);max-height:calc(100dvh - var(--mobile-taskbar) - var(--mobile-top) - 8px);max-width:calc(100vw - 8px)}.desktop-page .start-items button,.desktop-page .start-items a{min-height:44px;padding:10px}.desktop-page .start-brand{padding:8px 4px}
 .desktop-page #press-explorer{display:flex;flex-direction:column;overflow:hidden}.desktop-page .explorer-toolbar{flex:none}.desktop-page .explorer-toolbar .win-button{min-height:40px}.desktop-page .explorer-body{flex:1;min-height:0;height:auto;grid-template-columns:minmax(0,1fr) minmax(110px,40%)}.desktop-page .explorer-tree{display:none}.desktop-page .explorer-files{grid-template-columns:1fr}.desktop-page .explorer-address{flex:none}.desktop-page .explorer-window .statusbar{flex:none;font-size:10px}.desktop-page .explorer-preview{padding:8px}
 .desktop-page #display-properties{max-height:none;padding:10px 6px;overflow:auto}.desktop-page .display-tabs button,.desktop-page .display-actions button,.desktop-page #desktop-resolution{min-height:44px}.desktop-page .wallpaper-choices button{min-height:65px}.desktop-page .icons-setting{min-height:44px}.desktop-page .display-actions{position:sticky;bottom:0;background:#c0c0c0;padding-top:8px}
 .desktop-page #trailer-player{aspect-ratio:auto;overflow:hidden;background:#000}.desktop-page #trailer-window>.statusbar{flex:none;min-height:36px;align-items:center}.desktop-page .message-content{padding:20px}.desktop-page .message-content .win-button{min-height:44px}
 .desktop-page .window :focus-visible{outline:1px dotted #000;outline-offset:-3px}
}
@media (max-width:700px), (pointer:coarse) and (max-width:1000px) and (max-height:500px){
 .desktop-page .window>.titlebar button[data-maximize],.desktop-page #start-menu [data-maximize]{display:none}
 .desktop-page .taskbar .task[aria-pressed="true"]{border-color:#404040 #fff #fff #404040;background:#ddd}
 .desktop-page .window ::-webkit-scrollbar{width:16px;height:16px}.desktop-page .window ::-webkit-scrollbar-track{background:repeating-conic-gradient(#c0c0c0 0% 25%,#fff 0% 50%) 0/2px 2px}.desktop-page .window ::-webkit-scrollbar-thumb{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff}
}
@media (pointer:coarse) and (max-width:1000px) and (max-height:500px){
 .desktop-page{--mobile-taskbar:calc(42px + env(safe-area-inset-bottom))}.desktop-page .window>.titlebar{min-height:36px}.desktop-page .window>.titlebar button{width:32px;height:30px;min-width:32px;min-height:30px;padding:6px}.desktop-page .taskbar .win-button{min-height:34px}
}
/* Original Windows 95 resources, copied unchanged; source manifest in art/. */
.desktop-page .shortcut-arrow{width:11px;height:11px;left:calc(50% + 5px);top:26px;border:0;padding:0;box-shadow:none;background:transparent url('/assets/windows95/Shell3230_32x32_4.png') 0 -21px/32px 32px no-repeat;image-rendering:pixelated}.shortcut-arrow svg{display:none}
.desktop-page .folder-icon{width:32px;height:32px;margin-top:0;background:transparent url('/assets/windows95/Shell324_32x32_4.png') center/32px 32px no-repeat;box-shadow:none;image-rendering:pixelated}.folder-icon:before{display:none}
.desktop-page .mini-folder{width:16px;height:16px;background:transparent url('/assets/windows95/Shell324_16x16_4.png') center/16px 16px no-repeat;box-shadow:none;image-rendering:pixelated}
.desktop-page .about-icon,.desktop-page .about-glyph{background:transparent url('/assets/windows95/User5_32x32_4.png') center/100% 100% no-repeat;box-shadow:none;color:transparent!important;font-size:0!important;image-rendering:pixelated}.desktop-page .about-icon{width:32px;height:32px}.desktop-page .about-glyph{width:16px;height:16px}
.desktop-page .menu-film-icon{background:transparent url('/assets/windows95/Mplayer11_16x16_4.png') center/16px 16px no-repeat;border:0;color:transparent;font-size:0}
@media (max-width:700px), (pointer:coarse) and (max-width:1000px) and (max-height:500px){
 .desktop-page .taskbar #about-task .about-glyph{width:32px;height:32px}.desktop-page #press-task:before,.desktop-page #trailer-task:before{content:'';display:block;width:32px;height:32px;background:center/32px 32px no-repeat;image-rendering:pixelated}.desktop-page #press-task:before{background-image:url('/assets/windows95/Shell324_32x32_4.png')}.desktop-page #trailer-task:before{background-image:url('/assets/windows95/Mplayer11_32x32_4.png')}
}
.desktop-page #press-task:before,.desktop-page #trailer-task:before{display:none}.desktop-page #press-task img,.desktop-page #trailer-task img{width:16px;height:16px;image-rendering:pixelated}
/* Keep availability secondary to the platform name. */
.desktop-page .coming-soon{opacity:.78}
/* Match the released game's 28px controls and native close glyph. */
.desktop-page .window>.titlebar button{width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:2px solid;border-color:#fff #404040 #404040 #fff;background:#c0c0c0;box-shadow:inset -1px -1px #0003;font:700 18px/18px Tahoma,Verdana,sans-serif}.desktop-page .window>.titlebar button:active{border-color:#404040 #fff #fff #404040;transform:translate(1px,1px)}
.desktop-page .game-window.maximized .game-body{height:calc(100% - 37px)}
/* One transparent Keep glyph, at native 16px or exact 2x, throughout the desktop. */
.desktop-page #game-task img{width:16px;height:16px;image-rendering:pixelated}.desktop-page [data-shortcut="game"]>img{width:32px;height:32px;filter:none;image-rendering:pixelated}
@media (max-width:700px), (pointer:coarse) and (max-width:1000px) and (max-height:500px){.desktop-page .taskbar #game-task img{width:16px;height:16px;flex:none}}
html[data-wallpaper="kingdom"],.wallpaper-swatch[data-wallpaper="kingdom"]{background-color:#166965;background-image:url('/assets/wallpapers/little-kingdom.svg');background-size:256px 256px;image-rendering:pixelated}.wallpaper-swatch[data-wallpaper="kingdom"]{background-size:128px 128px}
