:root{--gray:#c0c0c0;--dk:#808080;--navy:#000080;--teal:#008080}
*{box-sizing:border-box}
html,body,#root{margin:0;height:100%;overflow:hidden}
body{font-family:'Pixelify Sans',Tahoma,sans-serif;font-size:13px;background:var(--teal);user-select:none}
.desk{position:fixed;inset:0 0 34px 0;background:var(--teal) center/cover no-repeat;
 background-image:radial-gradient(circle at 20% 30%,#0a9393 0,transparent 40%),radial-gradient(circle at 80% 70%,#006b6b 0,transparent 50%)}
.out{background:var(--gray);border:2px solid;border-color:#fff #000 #000 #fff;box-shadow:inset -1px -1px var(--dk),inset 1px 1px #dfdfdf}
.in{background:#fff;border:2px solid;border-color:var(--dk) #fff #fff var(--dk);box-shadow:inset 1px 1px #000}
.btn{background:var(--gray);border:2px solid;border-color:#fff #000 #000 #fff;box-shadow:inset -1px -1px var(--dk);padding:3px 10px;font-family:inherit;font-size:13px;cursor:pointer;min-width:60px}
.btn:active,.btn.on{border-color:#000 #fff #fff #000;box-shadow:inset 1px 1px var(--dk)}
.title{background:linear-gradient(90deg,var(--navy),#1084d0);color:#fff;font-weight:700;padding:2px 3px;display:flex;align-items:center;gap:4px;cursor:move;touch-action:none}
.title.idle{background:linear-gradient(90deg,#808080,#b5b5b5)}
.tb{width:18px;height:16px;min-width:0;padding:0;font-size:11px;line-height:10px;font-weight:700}
.win{position:absolute;display:flex;flex-direction:column;padding:2px}
.icon{width:80px;text-align:center;color:#fff;cursor:pointer;position:absolute;padding:2px}
.icon .g{font-size:30px;line-height:38px;filter:drop-shadow(1px 1px 0 #000)}
.icon span{font-size:12px;text-shadow:1px 1px #000;padding:0 2px}
.icon.sel span{background:var(--navy);outline:1px dotted #fff}
.bar{height:16px;padding:2px;display:flex;gap:2px}
.bar i{display:block;width:8px;background:var(--navy);height:100%}
.vt{font-family:'VT323',monospace}
.bsod{position:fixed;inset:0;background:#0000aa;color:#fff;font-family:'VT323',monospace;font-size:24px;z-index:99999;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.boot{position:fixed;inset:0;z-index:99998;background:linear-gradient(#5aa0e8,#c8e3ff);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Pixelify Sans'}
.cloud{position:absolute;background:#fff;border-radius:50px;opacity:.85;animation:drift 14s linear infinite}
@keyframes drift{from{transform:translateX(-200px)}to{transform:translateX(110vw)}}
.heart{position:absolute;pointer-events:none;animation:up 1.2s ease-out forwards;font-size:20px;color:#e0245e}
@keyframes up{to{transform:translateY(-60px);opacity:0}}
.walk{transition:left 2.5s linear,top 2.5s linear}
.link{color:#008000;text-decoration:underline;cursor:pointer}
.menuitem{padding:5px 20px 5px 8px;display:flex;gap:8px;align-items:center;cursor:pointer}
.menuitem:hover{background:var(--navy);color:#fff}
.pix{image-rendering:pixelated}
@media (max-width:640px){.win.mob{left:0!important;top:0!important;width:100vw!important;height:calc(100vh - 34px)!important}}