*{box-sizing:border-box}
html,body,#root{margin:0;height:100%;overflow:hidden;font-family:Tahoma,"Segoe UI",Verdana,sans-serif;font-size:12px;user-select:none;-webkit-user-select:none;background:#000}
input,textarea,select,button{font-family:inherit;font-size:12px}
textarea,input,.diag,.cmd{user-select:text;-webkit-user-select:text}
a{color:#0b46c4;cursor:pointer}
.row{display:flex}.col{display:flex;flex-direction:column}.fill{flex:1;min-height:0}
.gap{gap:8px}.gapc{gap:8px}.center{align-items:center}.pad{padding:10px}
.scroll{overflow:auto}.muted{color:#666}.tiny{font-size:11px}.mono{font-family:Consolas,"Lucida Console",monospace}
.ok{color:#0a7d12;font-weight:bold}.err{color:#c00}
.fname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.empty{padding:24px;text-align:center;color:#777}
hr{border:0;border-top:1px solid #aca899;margin:8px 0}
fieldset{border:1px solid #d0d0bf;border-radius:4px;margin:10px 0;padding:6px 10px;background:#fbfbf7}
legend{color:#0046d5;padding:0 4px}
fieldset.warn{background:#fff7e0;border-color:#e0b050}

/* Wallpapers */
.desktop{position:fixed;inset:0;overflow:hidden}
.wall{position:absolute;inset:0 0 30px 0}
.wall-bliss{background:radial-gradient(ellipse 40% 12% at 30% 22%,rgba(255,255,255,.85),transparent 70%),radial-gradient(ellipse 30% 9% at 70% 15%,rgba(255,255,255,.7),transparent 70%),radial-gradient(ellipse 120% 60% at 40% 118%,#3f8f1f 0 55%,transparent 56%),radial-gradient(ellipse 90% 50% at 90% 112%,#5aa82c 0 55%,transparent 56%),linear-gradient(180deg,#3d7fd9 0%,#7fb6f0 45%,#c6e2ff 62%,#7cc242 63%,#4f9a2b 100%)}
.wall-azul{background:radial-gradient(circle at 30% 70%,#0a6bc8,transparent 60%),linear-gradient(160deg,#00205b,#1673c9 60%,#9ad1ff)}
.wall-classic{background:#008080}
.wall-autumn{background:radial-gradient(circle at 70% 30%,#ffd27a,transparent 50%),linear-gradient(160deg,#7a2a08,#d2691e 55%,#f4a640)}

/* Desktop icons */
.dicon{position:absolute;display:flex;flex-direction:column;align-items:center;padding:3px;cursor:default;touch-action:none;z-index:1}
.dicon-i{line-height:1.1;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.4))}
.dicon-l{color:#fff;text-shadow:1px 1px 2px #000;text-align:center;margin-top:3px;padding:1px 2px;font-size:11px;word-break:break-word;max-width:100%}
.dicon.sel .dicon-l{background:#316ac5;outline:1px dotted #fff}
.dicon.sel .dicon-i{filter:drop-shadow(0 0 0 #316ac5) brightness(.8) sepia(1) hue-rotate(180deg)}
.rb-dot{position:absolute;top:2px;right:16px;width:9px;height:9px;border-radius:50%;background:#e33;border:1px solid #fff}

/* Windows */
.xpwin{position:absolute;display:flex;flex-direction:column;background:#ece9d8;border:3px solid #0831d9;border-top:0;border-radius:8px 8px 0 0;box-shadow:2px 4px 14px rgba(0,0,0,.45);min-width:200px}
.xpwin:not(.active){border-color:#7a96df}
.xpwin.max{left:0!important;top:0!important;width:100%!important;height:calc(100% - 30px)!important;border-radius:0}
.xp-title{height:28px;flex:none;display:flex;align-items:center;gap:5px;padding:0 3px 0 6px;margin:0 -3px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#0997ff 0%,#0053ee 8%,#0050ee 40%,#06f 88%,#0050ee 94%,#003dd7);color:#fff;touch-action:none;cursor:default}
.xpwin.max .xp-title{border-radius:0}
.xpwin:not(.active) .xp-title{background:linear-gradient(180deg,#a0b8f0,#7a96df 50%,#8aa6ec)}
.xp-title-icon{font-size:15px}
.xp-title-text{flex:1;font:bold 13px "Trebuchet MS",Tahoma,sans-serif;text-shadow:1px 1px #0f1089;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-btns{display:flex;gap:2px}
.tb-btn{width:22px;height:22px;border:1px solid #fff;border-radius:3px;background:linear-gradient(180deg,#5d95ff,#2663e0);color:#fff;font-weight:bold;font-size:12px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tb-btn:hover{filter:brightness(1.15)}
.tb-btn.close{background:linear-gradient(180deg,#f08060,#e04a2a 50%,#c43410)}
.xp-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.rz{position:absolute;z-index:2;touch-action:none}
.rz-n{top:-3px;left:6px;right:6px;height:5px;cursor:ns-resize}.rz-s{bottom:-4px;left:6px;right:6px;height:6px;cursor:ns-resize}
.rz-e{right:-4px;top:6px;bottom:6px;width:6px;cursor:ew-resize}.rz-w{left:-4px;top:6px;bottom:6px;width:6px;cursor:ew-resize}
.rz-ne{right:-4px;top:-3px;width:10px;height:10px;cursor:nesw-resize}.rz-nw{left:-4px;top:-3px;width:10px;height:10px;cursor:nwse-resize}
.rz-se{right:-4px;bottom:-4px;width:12px;height:12px;cursor:nwse-resize}.rz-sw{left:-4px;bottom:-4px;width:12px;height:12px;cursor:nesw-resize}

/* Controls */
.xp-btn{display:inline-flex;align-items:center;gap:3px;min-height:23px;padding:2px 10px;border:1px solid #003c74;border-radius:3px;background:linear-gradient(180deg,#fff,#ecebe6 85%,#d6d0c5);color:#000;cursor:pointer;text-decoration:none;white-space:nowrap}
.xp-btn:hover:not(:disabled){box-shadow:inset 0 -2px #f8b330,inset 0 2px #fce7a8}
.xp-btn:focus-visible{outline:1px dotted #000;outline-offset:-4px}
.xp-btn:disabled{color:#aca899;border-color:#c9c7ba;cursor:default}
.xp-input{border:1px solid #7f9db9;padding:3px 4px;background:#fff;min-height:23px;min-width:0}
.xp-progress{height:15px;border:1px solid #686868;border-radius:3px;background:#fff;padding:1px;overflow:hidden;margin:4px 0}
.xp-progress-fill{height:100%;background:repeating-linear-gradient(90deg,#2fbd2f 0 8px,transparent 8px 10px);transition:width .2s}
.xp-progress.ind .xp-progress-fill{width:30%!important;animation:ind 1.4s linear infinite}
@keyframes ind{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
.lbl{display:inline-block;padding:1px 6px;border-radius:9px;font-size:11px;border:1px solid #bbb;background:#fff;white-space:nowrap}
.lbl-compatible{background:#e2f7e2;border-color:#5b5}.lbl-limited{background:#fff6d0;border-color:#cb4}.lbl-unsupported{background:#fde2e2;border-color:#d66}
.kind{font-size:10px;font-weight:bold;padding:1px 5px;border-radius:3px;color:#fff}.kind.LOCAL{background:#2a62d8}.kind.REMOTE{background:#e8820c}
.err-box{background:#fff0f0;border:1px solid #d88;padding:8px;margin:8px 0;border-radius:3px}
.diag{background:#fff;border:1px solid #7f9db9;padding:6px;font:11px Consolas,monospace;white-space:pre-wrap;word-break:break-all;max-height:220px;overflow:auto;margin:4px 0;min-height:40px}
.rep{border-collapse:collapse;margin:4px 0;width:100%}.rep td{padding:2px 6px;vertical-align:top;border-bottom:1px solid #eee}.rk{color:#555;white-space:nowrap;width:1%}

.menubar{display:flex;background:#ece9d8;border-bottom:1px solid #d0cdbf;flex:none;position:relative;z-index:5}
.mb-item{padding:3px 8px;cursor:default;position:relative}.mb-item:hover,.mb-item.open{background:#316ac5;color:#fff}
.dropdown,.ctxmenu{position:absolute;background:#fff;border:1px solid #aca899;box-shadow:2px 2px 4px rgba(0,0,0,.35);padding:2px;min-width:170px;color:#000;z-index:50}
.dropdown{top:100%;left:0}
.ctxmenu{position:fixed;z-index:8500}
.dd-item{padding:4px 18px;cursor:default;white-space:pre;color:#000;text-decoration:none}.dd-item:hover{background:#316ac5;color:#fff}.dd-item.b{font-weight:bold}
.sep{border-top:1px solid #aca899;margin:3px 2px}
.toolbar{display:flex;gap:4px;padding:4px;border-bottom:1px solid #d0cdbf;flex:none;flex-wrap:wrap;align-items:center}
.addrbar{display:flex;gap:4px;padding:3px 4px;align-items:center;border-bottom:1px solid #d0cdbf;flex:none;color:#666}
.addr{flex:1;background:#fff;border:1px solid #7f9db9;padding:3px 5px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tabs{display:flex;gap:1px;flex:none;flex-wrap:wrap}.tab{padding:4px 10px;border:1px solid #919b9c;border-bottom:0;border-radius:3px 3px 0 0;background:linear-gradient(#fff,#ecebe5);cursor:pointer}.tab.on{background:#fcfcfe;border-top:2px solid #f8b330;position:relative;top:1px}
.tabbody{border:1px solid #919b9c;background:#fcfcfe;padding:10px}

/* Notepad, calc, cmd */
.np-area{flex:1;border:0;resize:none;padding:4px;font:13px "Lucida Console",Consolas,monospace;outline:none}
.calc{padding:8px;display:flex;flex-direction:column;gap:6px;height:100%;outline:none}
.calc-disp{background:#fff;border:1px solid #7f9db9;text-align:right;padding:4px 6px;font-size:18px;overflow:hidden}
.calc-row{display:grid;grid-template-columns:1fr 1.3fr 1.3fr 1.3fr;gap:4px}.calc-m{border:1px inset #ccc;text-align:center;line-height:24px}
.calc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;flex:1}
.calc-btn{border:1px solid #7c95b6;border-radius:3px;background:linear-gradient(#fff,#e7ecf3);color:#0039a6;cursor:pointer;min-height:26px;padding:0}
.calc-btn.red{color:#c00}.calc-btn:active{background:#cfd9e8}
.cmd{flex:1;background:#000;font:13px "Lucida Console",Consolas,monospace;padding:4px;overflow:auto;white-space:pre-wrap;word-break:break-all}
.cmd-line{display:flex}.cmd-line input{flex:1;background:transparent;border:0;outline:none;font:inherit;padding:0;min-width:20px}

/* Explorer */
.taskpane{width:190px;flex:none;background:linear-gradient(180deg,#7ba2e7,#6375d6);padding:10px;overflow:auto}
.tp-box{margin-bottom:12px;border-radius:4px 4px 0 0;overflow:hidden}
.tp-head{background:linear-gradient(90deg,#fff,#c6d3f7);color:#215dc6;font-weight:bold;padding:5px 8px}
.tp-body{background:#d6dff7;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.tp-body a{color:#215dc6;text-decoration:none}.tp-body a:hover{text-decoration:underline}
.ex-main{flex:1;background:#fff;overflow:auto;padding:8px;align-content:flex-start}
.ex-main.icons{display:flex;flex-wrap:wrap;gap:6px}
.ex-item{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid transparent;cursor:default}
.ex-main.icons .ex-item{flex-direction:column;width:84px;text-align:center}
.ex-main.icons .ex-nm{word-break:break-word;font-size:11px}
.ex-ic{font-size:30px}.ex-main.details .ex-ic{font-size:16px}.ex-main.details .ex-nm{flex:1}.ex-sz{color:#666;width:90px;text-align:right}
.ex-item.sel{background:#316ac5;color:#fff}.ex-item.sel .ex-sz{color:#ddd}
.list-row,.dl-row{display:flex;gap:8px;align-items:center;padding:6px 8px;border-bottom:1px solid #e3e0d0;background:#fff}
.dl-ic{font-size:26px}.dl-act{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.viewer{background:#808080;display:flex;align-items:center;justify-content:center;overflow:auto}.viewer img{max-width:100%;max-height:100%}
.ie-home{background:#fff;padding:20px}.ie-home h1{font:bold 22px "Trebuchet MS";color:#0b46c4;margin:0 0 8px}

/* Store */
.store-side{width:180px;flex:none;background:linear-gradient(180deg,#245edb,#1c3f9c);color:#fff;padding:8px;overflow:auto}
.store-logo{font:bold italic 20px "Trebuchet MS",sans-serif;padding:6px 4px 12px;line-height:1}.store-logo span{display:block;color:#9fe06b}
.cat{padding:7px 8px;border-radius:3px;cursor:pointer;margin-bottom:2px}.cat:hover{background:rgba(255,255,255,.15)}.cat.on{background:#fff;color:#1c3f9c;font-weight:bold}
.store-note{font-size:10px;opacity:.8;margin-top:14px}
.store-top{display:flex;gap:4px;padding:6px;border-bottom:1px solid #d0cdbf;flex-wrap:wrap;flex:none;align-items:center}
.store-top .sq{flex:1;min-width:120px}
.go-btn{border:1px solid #2a7a1a;border-radius:3px;background:linear-gradient(#7fd860,#3c9a3c);color:#fff;font-weight:bold;padding:0 14px;min-height:23px;cursor:pointer}
.store-head{margin-bottom:8px;font-size:13px}
.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.card{display:flex;gap:8px;background:#fff;border:1px solid #c9c6b5;border-radius:4px;padding:8px;cursor:pointer;min-width:0}
.card:hover{border-color:#316ac5;box-shadow:0 0 0 1px #316ac5}
.card img{width:64px;height:64px;object-fit:cover;flex:none;background:#eee;border:1px solid #ddd}
.card-b{min-width:0;flex:1}.card-t{color:#0b46c4;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-d{color:#444;font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0}
.card-m{font-size:11px;color:#777}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:12px}
.rover{padding:30px;text-align:center;color:#555}.dog{font-size:34px;animation:sniff 1s ease-in-out infinite alternate}@keyframes sniff{to{transform:translateX(20px) rotate(-6deg)}}
.det-head{display:flex;gap:10px;margin-top:8px}.det-img{width:110px;height:110px;object-fit:cover;flex:none;border:1px solid #ccc;background:#eee}
.det-t{margin:0 0 2px;font:bold 16px "Trebuchet MS",sans-serif;color:#0b46c4;word-break:break-word}
.det-desc{white-space:pre-wrap;max-height:200px;overflow:auto;user-select:text}
.shots{display:flex;gap:6px;flex-wrap:wrap}.shots img{height:110px;max-width:100%;border:1px solid #ccc}
.frow{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:3px 0;border-bottom:1px solid #eee}

/* Compat & launcher */
.compat-banner{background:linear-gradient(90deg,#fff7d6,#fff);border-bottom:1px solid #e0d090;padding:6px 10px;flex:none}
.compat-wrap{display:flex;min-height:0}
.compat-list{width:300px;flex:none;background:#fff;border-right:1px solid #ccc;overflow:auto}
.clr{display:flex;gap:6px;align-items:center;padding:6px 8px;border-bottom:1px solid #eee;cursor:pointer}.clr.sel{background:#dde8fb}
.surface{min-height:90px;border:2px inset #ccc;background:#2b2b2b;color:#999;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;padding:8px}.surface.on{background:#000}

/* System props */
.xp-logo{display:grid;grid-template-columns:22px 22px;gap:3px;transform:skewY(-4deg);flex:none;height:max-content}.xp-logo i{width:22px;height:22px;border-radius:2px 6px 2px 6px}
.xp-logo.big{grid-template-columns:34px 34px}.xp-logo.big i{width:34px;height:34px}
.pie{width:100px;height:100px;border-radius:50%;border:2px solid #333;flex:none}
.monitor{width:180px;height:120px;border:10px solid #555;border-radius:6px;position:relative;margin:0 auto 6px}.monitor .wall{inset:0}

/* Taskbar */
.taskbar{position:fixed;left:0;right:0;bottom:0;height:30px;display:flex;align-items:center;background:linear-gradient(180deg,#3168d5 0%,#4993e6 8%,#2157d7 40%,#2663e0 90%,#1941a5);z-index:8000;border-top:1px solid #5a8cf0}
.startbtn{height:100%;display:flex;align-items:center;gap:5px;padding:0 18px 0 10px;border:0;border-radius:0 12px 12px 0;background:radial-gradient(ellipse at 40% 20%,#79d35b,#3c9a3c 60%,#2f7d2f);color:#fff;font:italic bold 18px "Trebuchet MS",sans-serif;text-shadow:1px 1px 2px #1a4a1a;cursor:pointer;box-shadow:inset 0 1px 2px rgba(255,255,255,.5),2px 0 4px rgba(0,0,0,.3)}
.startbtn.on,.startbtn:active{filter:brightness(.85)}
.flag{display:grid;grid-template-columns:7px 7px;gap:1px;transform:skewY(-6deg)}.flag i{width:7px;height:7px;border-radius:1px 3px 1px 3px}
.tasks{flex:1;display:flex;gap:3px;padding:0 6px;overflow:hidden;min-width:0}
.task{flex:0 1 160px;min-width:36px;height:24px;display:flex;align-items:center;gap:4px;padding:0 8px;border-radius:3px;background:linear-gradient(#3c81f3,#2a6ae8);color:#fff;border:1px solid #1d47b4;cursor:pointer;overflow:hidden}
.task.on{background:linear-gradient(#1e4fc1,#1a46b3);box-shadow:inset 1px 1px 3px rgba(0,0,0,.5)}
.task-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tray{height:100%;display:flex;align-items:center;gap:8px;padding:0 10px;background:linear-gradient(#0c8ae8,#0f74d8 50%,#0b60c6);border-left:1px solid #092e99;box-shadow:inset 1px 0 1px #18bbff;color:#fff;flex:none}
.tray-ic{cursor:pointer}
.rt-dot{width:9px;height:9px;border-radius:50%;background:#999;border:1px solid #fff}.rt-dot.on{background:#3d3}
.clock{white-space:nowrap}
.balloon{position:fixed;right:10px;bottom:40px;width:280px;max-width:calc(100vw - 20px);background:#ffffe1;border:1px solid #000;border-radius:8px;padding:10px 12px;color:#000;box-shadow:2px 3px 8px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:6px;z-index:8600;animation:pop .25s}
.bl-x{position:absolute;right:6px;top:4px;cursor:pointer}
@keyframes pop{from{transform:translateY(10px);opacity:0}}

/* Start menu */
.startmenu{position:fixed;left:0;bottom:30px;width:420px;max-width:100vw;height:480px;max-height:calc(100vh - 30px);display:flex;flex-direction:column;background:#fff;border:1px solid #0831d9;border-radius:8px 8px 0 0;overflow:hidden;z-index:8100;box-shadow:3px 0 10px rgba(0,0,0,.5);animation:pop .15s}
.sm-head{display:flex;align-items:center;gap:10px;padding:8px;background:linear-gradient(180deg,#1868ce,#0e60cb 60%,#1b7ae6);color:#fff;font:bold 15px "Trebuchet MS";text-shadow:1px 1px #000}
.sm-avatar{width:44px;height:44px;border:2px solid #fff;border-radius:4px;background:#fdd66b;display:flex;align-items:center;justify-content:center;font-size:28px}
.sm-avatar.big{width:64px;height:64px;font-size:42px}
.sm-cols{flex:1;display:flex;min-height:0;border-top:2px solid #f39a3c}
.sm-left{flex:1;display:flex;flex-direction:column;padding:6px 0;position:relative;min-width:0}
.sm-right{width:45%;background:#d3e5fa;border-left:1px solid #95bdee;padding:6px 0;overflow:auto}
.sm-item,.sm-r{display:flex;gap:8px;align-items:center;padding:5px 8px;cursor:pointer;color:#000}
.sm-item:hover,.sm-r:hover,.sm-all:hover{background:#316ac5;color:#fff}.sm-item:hover .muted{color:#ddd}
.sm-item.big .sm-ic{font-size:26px}.sm-ic{font-size:20px;width:28px;text-align:center;flex:none}
.sm-r{color:#0a246a}
.sm-sep{border-top:1px solid #d5d1c5;margin:4px 8px}.sm-sep2{border-top:1px solid #95bdee;margin:4px 8px}
.sm-all{text-align:center;padding:6px;cursor:pointer}
.sm-allmenu{position:absolute;left:30px;bottom:34px;background:#fff;border:1px solid #aca899;box-shadow:2px 2px 6px rgba(0,0,0,.4);max-height:330px;overflow:auto;min-width:200px;z-index:2}
.sm-foot{display:flex;justify-content:flex-end;gap:16px;padding:8px 12px;background:linear-gradient(180deg,#1868ce,#1b7ae6);color:#fff}.sm-foot span{cursor:pointer}
.pwr{display:inline-block;background:#e04a2a;border-radius:3px;padding:0 3px}

/* Modal */
.modal-bg{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.08)}
.dlg{position:relative;width:400px;max-width:calc(100vw - 20px);max-height:calc(100vh - 40px)}
.dlg .xp-body{overflow:auto}

/* Boot / welcome / off */
.boot{position:fixed;inset:0;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}
.boot-logo{display:flex;align-items:center;gap:14px;font:bold 34px "Trebuchet MS",sans-serif}.b2{color:#f39a3c;font-style:italic}
.boot-bar{width:160px;height:16px;border:2px solid #b2b2b2;border-radius:4px;overflow:hidden;padding:1px}
.boot-blocks{display:flex;gap:2px;animation:bb 1.8s linear infinite}.boot-blocks i{width:9px;height:10px;background:linear-gradient(#2838c7,#7287ff,#2838c7)}
@keyframes bb{from{transform:translateX(-30px)}to{transform:translateX(160px)}}
.boot-c{position:absolute;bottom:20px;font-size:11px;color:#777}
.welcome{position:fixed;inset:0;display:flex;flex-direction:column;background:#5a7edc;color:#fff}
.wl-top,.wl-bot{height:70px;background:#00309c;flex:none}
.wl-top{border-bottom:2px solid #f39a3c}.wl-bot{border-top:2px solid #f39a3c;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.wl-bot span{cursor:pointer}.wl-bot a{color:#fff}
.wl-mid{flex:1;display:flex;align-items:center;justify-content:center;gap:40px;background:radial-gradient(circle at 20% 20%,#91b1f4,#5a7edc 50%)}
.wl-left{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-right:40px;border-right:1px solid rgba(255,255,255,.5)}
.wl-t{font:bold 30px "Trebuchet MS"}
.wl-user{display:flex;align-items:center;gap:14px;padding:10px 20px 10px 10px;border-radius:8px;cursor:pointer;font-size:18px}.wl-user:hover{background:linear-gradient(90deg,#0f4dc0,transparent)}
.off{position:fixed;inset:0;background:#000;color:#f39a3c;display:flex;flex-direction:column;align-items:center;justify-content:center;font:bold 26px "Trebuchet MS";text-align:center;cursor:pointer}

/* Mobile */
@media (max-width:767px){
  .taskbar{height:44px}
  .wall{bottom:44px}
  .xpwin.max{height:calc(100% - 44px)!important}
  .startbtn{font-size:20px;padding:0 14px 0 10px}
  .task{height:34px;flex-basis:44px}.task-t{display:none}
  .tray .clock{font-size:12px}
  .startmenu{bottom:44px;width:100vw;height:calc(100vh - 44px);max-height:none;border-radius:0}
  .sm-item,.sm-r,.dd-item{padding:10px}
  .xp-btn{min-height:32px}.xp-input,.go-btn{min-height:32px;font-size:14px}
  .xp-title{height:36px}.tb-btn{width:30px;height:30px;font-size:14px}
  .taskpane{display:none}
  .compat-wrap{flex-direction:column}.compat-list{width:auto;max-height:35%;border-right:0;border-bottom:1px solid #ccc}
  .store-side{position:absolute;z-index:6;top:0;bottom:0;left:0;width:200px;box-shadow:3px 0 8px rgba(0,0,0,.4)}
  .store-grid{grid-template-columns:1fr}
  .det-head{flex-direction:column}
  .balloon{bottom:54px}
  .wl-mid{flex-direction:column;gap:20px}.wl-left{align-items:center;text-align:center;border-right:0;padding:0}
  .frow{grid-template-columns:1fr auto}.frow>.tiny{display:none}
}