:root{--taskbar-h: 34px;--ui-font: Tahoma, "Segoe UI", Verdana, sans-serif;--blue-dark: #0a2f9e;--blue: #1c5ad8;--blue-light: #3d84f0;--face: #ece9d8;--face-dark: #d4d0c8}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{background:#000;font:12px var(--ui-font);color:#000;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:auto}button{font:inherit;color:inherit}input,textarea{font:inherit;-webkit-user-select:text;user-select:text}.bios{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#c8c8c8;font:13.5px/17.6px Lucida Console,Consolas,monospace;padding:22px 29px;cursor:default}.bios-text{margin:0;font:inherit;white-space:pre}.bios-cursor{animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}.bios-badge{position:absolute;top:23px;right:33px;width:85px;border:2px solid #3a7bd5;color:#5d9cff;padding:2px 0 4px;text-align:center;font-style:italic;font-family:Arial,sans-serif;line-height:1.1}.bios-badge small{display:block;font-size:9px}.bios-badge span{font-weight:700;font-size:15px;letter-spacing:1.5px}.bios-footer{position:absolute;bottom:18px;left:29px;font-size:12.5px}.bios-setup{position:fixed;top:0;right:0;bottom:0;left:0;background:#00a;color:#fff;font:15px Lucida Console,Consolas,monospace;display:flex;flex-direction:column;padding:16px}.bios-setup-title{text-align:center;background:#aaa;color:#00a;padding:4px;font-weight:700}.bios-setup-body{flex:1;display:grid;grid-template-columns:2fr 1fr;border:2px solid #aaa;margin-top:8px}.bios-setup-list{padding:14px}.bios-setup-row{display:flex;justify-content:space-between;padding:3px 6px;cursor:pointer}.bios-setup-row .val{color:#ff5}.bios-setup-row.sel{background:#a00}.bios-setup-help{border-left:2px solid #aaa;padding:14px;color:#aaa}.bios-setup-help b{color:#fff}.bios-setup-footer{margin-top:8px;color:#aaa;text-align:center}.logo-word{display:flex;align-items:center;gap:6px;color:#fff}.logo-word small{display:block;font:700 10px Arial,sans-serif;margin-bottom:-3px}.logo-word span{font:700 24px Franklin Gothic Medium,Trebuchet MS,Arial,sans-serif;letter-spacing:-.5px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.logo-word sup{font-size:10px;color:#ff8a3d;margin-left:2px;font-style:italic}.logo-mark{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.35))}.login{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:12% 1fr 13%;background:#00309c}.login-top{background:#00309c;border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,#9fb9ef 30%,#fff 50%,#9fb9ef 70%,transparent) 1}.login-mid{position:relative;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;background:radial-gradient(ellipse at 10% 5%,#a6bff0,#7a9de6 25%,#5a7edc 60%)}.login-left{justify-self:end;padding-right:26px;text-align:right;color:#fff}.login-left .logo-word{justify-content:flex-end}.login-left p{margin:26px 0 0;font-size:14px}.login-divider{align-self:stretch;margin:10% 0;background:linear-gradient(transparent,rgba(255,255,255,.85) 30%,rgba(255,255,255,.85) 70%,transparent)}.login-right{position:relative;padding-left:18px}.login-right{display:flex;flex-direction:column;gap:8px}.login-user{display:flex;align-items:center;gap:12px;width:min(330px,90%);padding:8px;border:0;border-radius:6px 0 0 6px;background:transparent;color:#fff;cursor:pointer;text-align:left;opacity:.85}.login-user:only-of-type,.login-user:hover,.login-user.busy{opacity:1;background:linear-gradient(90deg,#0a3ba8 0%,#1f50c0 55%,transparent 100%)}.login-user.active{opacity:1;cursor:default;background:linear-gradient(90deg,#0a3ba8 0%,#1f50c0 55%,transparent 100%)}.login-field{display:flex;align-items:center;gap:6px;margin:5px 0 3px}.login-field input{width:170px;padding:3px 5px;border:1px solid #1c3f94;border-radius:3px;font-size:13px;color:#000;background:#fff}.login-field input:focus{outline:2px solid #ffcc66;outline-offset:0}.login-go{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #fff;border-radius:4px;background:linear-gradient(135deg,#6cc04a,#2f8a1e);cursor:pointer}.login-go:disabled{filter:grayscale(.6);cursor:default}.login-back{display:block;margin-top:4px;padding:0;border:0;background:none;color:#dbe6ff;font-size:11px;text-decoration:underline;cursor:pointer}.login-user-icon.head{background:#d6e4f7;overflow:hidden}.login-user-icon.head img{width:40px;height:40px;image-rendering:pixelated}.login-user-icon{display:grid;place-items:center;width:46px;height:46px;border:2px solid #fff;border-radius:4px;background:#fff;box-shadow:0 0 0 1px #e3a64e}.login-user:hover .login-user-icon{box-shadow:0 0 0 2px #fc6}.login-user-text b{display:block;font-size:16px;font-weight:400}.login-user-text small{font-size:11px;color:#dbe6ff}.login-balloon{position:absolute;top:calc(100% + 10px);left:18px;width:300px;padding:10px 28px 10px 12px;background:#ffffe1;border:1px solid #000;border-radius:8px;color:#000;box-shadow:2px 2px 6px #0000004d}.login-balloon:before{content:"";position:absolute;top:-10px;left:30px;border:10px solid transparent;border-top:0;border-bottom-color:#000}.login-balloon:after{content:"";position:absolute;top:-8px;left:31px;border:9px solid transparent;border-top:0;border-bottom-color:#ffffe1}.login-balloon p{margin:4px 0 0}.login-balloon button{position:absolute;top:4px;right:6px;border:0;background:none;font-size:16px;cursor:pointer}.login-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:#00309c;border-top:2px solid;border-image:linear-gradient(90deg,transparent,#e7a36a 30%,#ffcfa0 50%,#e7a36a 70%,transparent) 1;color:#fff}.login-bottom p{margin:0;font-size:11px}.login-power{display:flex;align-items:center;gap:8px;border:0;background:none;color:#fff;font-size:13px;cursor:pointer}.login-power:hover{text-decoration:underline}.power-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:linear-gradient(#f2794f,#c8381a);border:1px solid #fff;font-size:12px}.shutdown{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;background:#5a7edc;color:#fff;font-size:16px}.shutdown.off{background:#000;color:#e88a2e;cursor:pointer}.shutdown.off small{color:#777;margin-top:10px}.screensaver{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;cursor:none}.desktop{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.desktop-icons{position:absolute;inset:0 0 var(--taskbar-h) 0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:10px}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:3px;width:76px;padding:4px 2px;border:1px solid transparent;background:none;color:#fff;cursor:default}.desktop-icon span{padding:0 2px;text-shadow:1px 1px 1px #000,0 0 2px #000;text-align:center;line-height:1.2}.desktop-icon.sel svg{filter:brightness(.6) sepia(1) hue-rotate(190deg) saturate(4)}.desktop-icon.sel span{background:#316ac5;text-shadow:none}.desktop-icon:focus-visible{outline:1px dotted #fff}.window{position:absolute;display:flex;flex-direction:column;background:var(--face);border:3px solid #0831d9;border-top:0;border-radius:8px 8px 0 0;box-shadow:2px 2px 10px #0006;min-width:200px}.window:not(.active){border-color:#7a96df}.window.max{border-radius:0;border-width:0}.titlebar{display:flex;align-items:center;gap:5px;height:30px;padding:0 4px 0 6px;border-radius:7px 7px 0 0;background:linear-gradient(#0a5cff,#3c8dff 8%,#0058ee 40%,#0050e0 88%,#0a3fc0);color:#fff;touch-action:none}.window.max .titlebar{border-radius:0}.window:not(.active) .titlebar{background:linear-gradient(#7d9ff0,#9db9f5 10%,#7a96df 90%)}.titlebar-icon{display:flex}.titlebar-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:bold 13px "Trebuchet MS",var(--ui-font);text-shadow:1px 1px #0a1f6e}.titlebar-buttons{display:flex;gap:2px}.tb-btn{position:relative;width:21px;height:21px;border:1px solid #fff;border-radius:3px;background:linear-gradient(135deg,#3e8bff,#1755d4);cursor:pointer}.tb-btn:hover{filter:brightness(1.15)}.tb-btn.close{background:linear-gradient(135deg,#e97a5a,#c6371a)}.tb-btn.min:after{content:"";position:absolute;left:4px;bottom:4px;width:7px;height:3px;background:#fff}.tb-btn.max:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid #fff;border-top-width:3px}.tb-btn.close:before,.tb-btn.close:after{content:"";position:absolute;left:9px;top:3px;width:2px;height:13px;background:#fff;transform:rotate(45deg)}.tb-btn.close:after{transform:rotate(-45deg)}.window-body{flex:1;overflow:auto;position:relative}.resize-handle{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;cursor:nwse-resize;touch-action:none}.taskbar{position:absolute;left:0;right:0;bottom:0;height:var(--taskbar-h);display:flex;background:linear-gradient(#3168d5,#4993e6 6%,#2157d7 15%,#2663e0 85%,#1941a5);z-index:50000}.start-button{display:flex;align-items:center;gap:5px;padding:0 22px 0 10px;border:0;border-radius:0 12px 12px 0;background:linear-gradient(#3c9a3c,#5cbd5c 10%,#379837,#2e862e 90%,#2a6e2a);color:#fff;font:italic 700 18px Trebuchet MS,Arial,sans-serif;text-shadow:1px 1px 2px #1a3e1a;cursor:pointer;box-shadow:inset -1px 0 2px #0000004d}.start-button:hover{filter:brightness(1.1)}.start-button.open{filter:brightness(.85)}.task-list{flex:1;display:flex;gap:3px;padding:3px 6px;overflow:hidden}.task{display:flex;align-items:center;gap:6px;width:160px;min-width:40px;padding:0 8px;border:1px solid #1c4ec0;border-radius:3px;background:#3c81f3;color:#fff;text-align:left;cursor:pointer;box-shadow:inset 1px 1px #ffffff4d}.task span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task:hover{background:#5394fa}.task.active{background:#1e52b7;box-shadow:inset 1px 1px 2px #0006}.tray{display:flex;align-items:center;gap:8px;padding:0 12px;background:linear-gradient(#0c59b9,#139ee9 10%,#18b9f6,#1290e8 90%,#0d61c3);border-left:1px solid #092e8b;color:#fff}.tray img{width:16px;height:16px;image-rendering:pixelated}.start-menu{position:absolute;left:0;bottom:var(--taskbar-h);width:min(400px,100vw);z-index:50001;border:1px solid #0831d9;border-radius:8px 8px 0 0;overflow:hidden;background:#fff;box-shadow:2px -2px 10px #0006}.start-head{display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(#1868ce,#0e60cb 15%,#0a51b8);color:#fff;font:bold 15px "Trebuchet MS",var(--ui-font);text-shadow:1px 1px #0a1f6e}.start-head img{width:44px;height:44px;border:2px solid #fff;border-radius:3px;image-rendering:pixelated;background:#d6e4f7}.start-body{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #e3a64e}.start-body ul{list-style:none;margin:0;padding:6px 0}.start-left{background:#fff}.start-right{background:#d3e5fa;border-left:1px solid #95bdee}.start-body button{display:flex;align-items:center;gap:8px;width:100%;padding:5px 10px;border:0;background:none;text-align:left;cursor:pointer}.start-left button span{font-weight:700}.start-right button{color:#0a246a}.start-body button:hover{background:#316ac5;color:#fff}.start-right .sep{height:1px;margin:4px 10px;background:#95bdee}.start-foot{display:flex;justify-content:flex-end;gap:10px;padding:6px 10px;background:linear-gradient(#1868ce,#0a51b8)}.start-foot button{display:flex;align-items:center;gap:6px;border:0;background:none;color:#fff;cursor:pointer;padding:3px 6px;border-radius:3px}.start-foot button:hover{background:#ffffff26}.foot-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid #fff;border-radius:4px;font-size:13px}.foot-icon.logoff{background:linear-gradient(#f5c246,#d4900f)}.foot-icon.power{background:linear-gradient(#f2794f,#c8381a)}.foot-icon.switch{background:linear-gradient(#6cc04a,#3f8f2a)}.start-head small{display:block;font:11px var(--ui-font);opacity:.85}.app-shop,.app-admin{display:flex;flex-direction:column;height:100%;background:#fff}.shop-toolbar{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--face);border-bottom:1px solid #aca899}.shop-search{flex:1;min-width:80px;padding:3px 5px;border:1px solid #7f9db9}.shop-toolbar select{border:1px solid #7f9db9;padding:1px}.xp-button.pressed{background:linear-gradient(#d6d0c5,#ecebe6)}.xp-button.primary{font-weight:700}.xp-button.small{padding:2px 8px;font-size:11px}.xp-button:disabled{color:#999;cursor:default;box-shadow:none}.shop-main,.admin-main{flex:1;display:flex;min-height:0}.shop-cats{width:170px;flex-shrink:0;padding:8px;background:linear-gradient(#7ba2e7,#6375d6);overflow:auto}.shop-cats .side-head{border-radius:4px 4px 0 0}.shop-cat{display:block;width:100%;padding:4px 10px;border:0;background:#d6dff7;color:#215dc6;text-align:left;cursor:pointer}.shop-cat:last-child{border-radius:0 0 4px 4px;padding-bottom:8px}.shop-cat:hover{text-decoration:underline}.shop-cat.sel{font-weight:700;background:#fff}.shop-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;align-content:start;padding:10px;overflow:auto}.shop-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid #d0d0bf;border-radius:4px;background:linear-gradient(#fff,#f4f3ee);text-align:center}.shop-item:hover{border-color:#7f9db9}.shop-item-name{font-weight:700;min-height:2.4em;display:flex;align-items:center}.shop-item-unit{color:#666;font-size:11px}.shop-item-actions{display:flex;align-items:center;gap:6px;min-height:22px}.qty{width:22px;height:20px;border:1px solid #003c74;border-radius:3px;background:linear-gradient(#fff,#d6d0c5);cursor:pointer;padding:0}.shop-checkout{flex:1;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:auto}.shop-checkout h3,.order-detail h3{margin:0;font:bold 14px "Trebuchet MS",var(--ui-font);color:#0a246a}.shop-checkout label,.order-detail label{display:flex;flex-direction:column;gap:3px}.shop-checkout textarea,.order-detail textarea,.order-detail input,.order-detail select{border:1px solid #7f9db9;padding:3px 4px;resize:vertical}.shop-checkout input[type=number]{width:64px;border:1px solid #7f9db9;padding:1px 3px}.checkout-actions{display:flex;justify-content:flex-end;gap:8px}.shop-status{padding:5px 10px;border-top:1px solid #aca899;background:var(--face)}.shop-status.ok{color:#1a6b1a}.shop-status.bad{color:#b00}.link{border:0;background:none;color:#0046d5;text-decoration:underline;cursor:pointer;padding:0}.list-table{width:100%;border-collapse:collapse}.list-table th{position:sticky;top:0;padding:3px 6px;background:linear-gradient(#fff,#ebeadb);border-right:1px solid #c7c5b2;border-bottom:1px solid #c7c5b2;text-align:left;font-weight:400}.list-table td{padding:3px 6px;border-bottom:1px solid #f0f0ea;vertical-align:middle}.list-table td svg{vertical-align:middle}.list-table.selectable tbody tr{cursor:default}.list-table.selectable tbody tr:hover{background:#eef3fb}.list-table tr.sel,.list-table.selectable tr.sel:hover{background:#316ac5;color:#fff}.nowrap{white-space:nowrap}.head16{width:16px;height:16px;vertical-align:middle;image-rendering:pixelated}.pad{padding:10px}.app-orders{display:flex;height:100%;background:#fff}.orders-list{flex:1;overflow:auto;min-width:0}.order-detail{width:290px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:auto;border-left:1px solid #aca899;background:#f7f6f0}.order-detail dl{margin:0}.order-detail dt{color:#555;margin-top:6px}.order-detail dd{margin:2px 0 0}.track{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.track li{display:flex;align-items:center;gap:8px;color:#999}.track .dot{width:12px;height:12px;border:2px solid #bbb;border-radius:50%;background:#fff}.track li.done{color:#1a6b1a}.track li.done .dot{border-color:#3f8f2a;background:#5fa83a}.track li.current{color:#000;font-weight:700}.track li.current .dot{border-color:#2157d7;background:#3d84f0;box-shadow:0 0 0 2px #bcd3fb}.track.cancelled{color:#b00;font-weight:700}@media (max-width: 700px){.shop-cats{width:120px}.app-orders,.admin-main{flex-direction:column}.order-detail{width:auto;border-left:0;border-top:1px solid #aca899}}.xp-button{padding:3px 14px;border:1px solid #003c74;border-radius:3px;background:linear-gradient(#fff,#ecebe6 85%,#d6d0c5);cursor:pointer}.xp-button:hover{box-shadow:inset 0 0 0 2px #f9c86b}.app-empty{padding:20px;color:#555}.muted{color:#666}.app-mycomputer{display:flex;height:100%;background:#fff}.explorer-side{width:180px;padding:10px;background:linear-gradient(#7ba2e7,#6375d6);flex-shrink:0}.side-panel{margin-bottom:12px;background:#d6dff7;border-radius:4px 4px 0 0;overflow:hidden}.side-head{padding:5px 10px;background:linear-gradient(90deg,#fff,#c6d3f7);color:#215dc6;font-weight:700}.side-panel p{margin:6px 10px;color:#215dc6}.explorer-main{flex:1;padding:16px;overflow:auto}.profile-card{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.profile-body{width:110px;image-rendering:pixelated}.profile-card h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:bold 18px "Trebuchet MS",var(--ui-font)}.profile-card h2 img{image-rendering:pixelated}.props td{padding:3px 12px 3px 0;vertical-align:top}.props td:first-child{color:#555}.props code{-webkit-user-select:text;user-select:text;font-size:11px}.app-notepad{display:flex;flex-direction:column;height:100%}.menubar{display:flex;gap:2px;padding:2px;background:var(--face);border-bottom:1px solid #aca899}.menubar span{padding:2px 7px}.menubar span:hover{background:#316ac5;color:#fff}.app-notepad textarea{flex:1;resize:none;border:0;outline:0;padding:4px;font:14px Lucida Console,Consolas,monospace}.app-mines{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:silver;height:100%}.mines-head{display:flex;justify-content:space-between;align-items:center;width:100%;padding:4px 6px;border:2px inset #fff}.lcd{background:#000;color:red;font:700 20px Courier New,monospace;padding:0 3px}.mines-face{width:30px;height:30px;border:2px outset #fff;background:silver;font:700 10px monospace;cursor:pointer}.mines-grid{display:grid;border:3px inset #fff}.mine-cell{width:22px;height:22px;padding:0;border:2px outset #fff;background:silver;font:700 13px Arial,sans-serif;cursor:default}.mine-cell.open{border:1px solid #8a8a8a}.mine-cell.boom{background:#e33;color:#000!important}.app-server{padding:12px}.server-form{display:flex;gap:8px;align-items:flex-end}.server-form label{flex:1;display:flex;flex-direction:column;gap:4px}.server-form input{padding:3px 4px;border:1px solid #7f9db9}.server-error{color:#b00}.server-result{margin-top:12px;border:1px solid #d0d0bf;border-radius:4px}.server-result legend{color:#0046d5;padding:0 4px}.server-row{display:flex;gap:12px}.server-row img{image-rendering:pixelated}.server-row p{margin:3px 0}.ok{color:#1a7f1a}.bad{color:#b00}.motd{color:#555;font-style:italic}.player-list{columns:2;margin:8px 0 0;padding-left:18px}.app-paint{display:flex;height:100%;background:var(--face)}.paint-palette{display:grid;grid-template-columns:repeat(2,20px);gap:3px;align-content:start;padding:8px;border-right:1px solid #aca899}.swatch{width:20px;height:20px;border:2px inset #fff;padding:0;cursor:pointer}.swatch.sel{outline:2px solid #316ac5}.paint-area{flex:1;display:grid;place-items:center;background:gray;overflow:auto;padding:10px}.paint-area canvas{width:min(100%,384px);aspect-ratio:1;image-rendering:pixelated;cursor:crosshair;background:#fff;touch-action:none}.app-about{height:100%;background:#fff}.about-banner{padding:18px;background:linear-gradient(135deg,#2457c5,#5a8de6)}.about-body{padding:4px 18px}@media (max-width: 640px){.login{grid-template-rows:8% 1fr 16%}.login-mid{grid-template-columns:1fr;align-content:center;gap:24px}.login-divider{display:none}.login-left{justify-self:center;text-align:center;padding:0}.login-left .logo-word{justify-content:center}.login-right{justify-self:center;padding:0 16px}.login-bottom{flex-direction:column;justify-content:center;gap:8px;text-align:center}.task{width:auto}.task span{display:none}}