:root{--blue:#315495;--desk:#708494;--panel:#c5c5c5;--ink:#17191e;--font:14px 'Courier New',monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:var(--font);background:var(--desk)}button,input,select,textarea{font:inherit}button,.button{background:#c9c9c9;color:#111;border:2px solid;border-color:#fff #464646 #464646 #fff;padding:6px 10px;cursor:pointer}button:active{border-color:#444 #fff #fff #444}button:focus-visible,a:focus-visible{outline:3px solid #ffe069;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}a{color:#173d83}input,select,textarea{border:2px solid;border-color:#555 #fff #fff #555;padding:8px;background:#eee;max-width:100%}#desktop{height:100dvh;overflow:hidden;background:linear-gradient(135deg,#91a2aa,#6d818f 58%,#415d71)}#bar{height:35px;background:#ccc;border-bottom:2px solid #454545;display:flex;align-items:center;gap:12px;padding:0 12px;position:relative;z-index:10000;box-shadow:0 2px #fff}#bar button{border:0;background:transparent;padding:4px}#bar a{color:#111}#clock{white-space:nowrap}.spacer{flex:1}#icons{position:absolute;top:64px;left:24px;display:flex;flex-direction:column;gap:22px;z-index:1}.desktop-icon{width:100px;border:0;background:none;color:white;text-shadow:1px 1px #222;padding:0;text-align:center}.desktop-icon span{display:block;font-size:34px;text-shadow:none;margin-bottom:8px}.wallmark{position:absolute;right:8%;top:35%;display:flex;flex-direction:column;color:#e1e7ec55;transform:skew(-8deg);pointer-events:none}.wallmark b{font:bold 100px Arial;letter-spacing:-6px}.wallmark small{letter-spacing:2px}.rainbow{height:10px;width:85px;background:linear-gradient(90deg,#c5353590 25%,#e7a93390 25% 50%,#58a84f90 50% 75%,#305ca290 75%)}.win{position:absolute;left:180px;top:75px;width:680px;height:460px;min-width:290px;min-height:180px;max-width:calc(100vw - 12px);max-height:calc(100dvh - 90px);background:var(--panel);border:2px solid;border-color:#eee #252525 #252525 #eee;box-shadow:4px 5px #26354170;display:flex;flex-direction:column;resize:both;overflow:hidden}.win.maximized{left:5px!important;top:42px!important;width:calc(100vw - 10px)!important;height:calc(100dvh - 92px)!important}.win.hidden{display:none}.titlebar{display:flex;align-items:center;background:var(--blue);color:#fff;height:28px;flex-shrink:0;border-bottom:2px solid #30343b;user-select:none;touch-action:none;cursor:move;font-weight:bold}.titlebar .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 9px}.titlebar button{height:25px;padding:0;width:27px;font-weight:bold}.content{padding:14px;flex:1;overflow:auto;min-height:0}.content p{line-height:1.55}.toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.status{border-top:1px solid #777;padding:5px;font-size:12px}.editor{display:flex;flex-direction:column;height:100%;gap:8px}.editor textarea{flex:1;min-height:100px;resize:none;background:#fff}.editor input{flex:1}.file-table{width:100%;border-collapse:collapse}.file-table th{text-align:left;background:#aaa}.file-table td,.file-table th{padding:8px;border-bottom:1px solid #999}.file-table td:first-child{word-break:break-all}.file-table button{padding:3px 6px;margin:2px}.muted{color:#505762;font-size:12px}.welcome h1{font:700 28px Arial;margin:12px 0}.welcome .eyebrow{font-size:11px;letter-spacing:2px;color:#315495}.welcome .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.welcome .card{border:1px solid #999;padding:13px;background:#d8d8d8}.welcome .card strong{display:block;margin-bottom:8px}.welcome button{font-weight:bold}.boing{width:50px;height:50px;border-radius:50%;background:repeating-conic-gradient(#d92929 0 25%,#fff 0 50%) 0/18px 18px;box-shadow:inset -9px -7px 10px #0004;transform:rotate(-20deg);margin-bottom:16px}#dock{position:absolute;bottom:0;left:0;right:0;min-height:37px;background:#bbb;border-top:2px solid white;display:flex;gap:5px;padding:4px;z-index:10000;overflow:auto}#dock button{white-space:nowrap;font-size:12px}#toast{position:fixed;right:16px;bottom:52px;max-width:450px;padding:12px;background:#fff4c4;border:2px solid #333;z-index:20000;display:none}.gate{min-height:100dvh;display:grid;place-items:center;background:linear-gradient(145deg,#8499a7,#314e69);padding:24px}.login{width:430px;max-width:100%;background:#c5c5c5;border:2px solid;border-color:#eee #333 #333 #eee;box-shadow:12px 12px #24354466}.login>.titlebar{padding:0 10px}.login-body{padding:28px}.login h1{font:700 27px Arial;line-height:1.15}.login label{display:block;margin:13px 0}.login input,.login select{width:100%;margin-top:5px}.primary{background:#315495;color:white;font-weight:bold}.login .primary{width:100%;padding:12px}.login p{line-height:1.5;font-size:12px}.error{background:#ffe0d9;padding:12px;color:#85281a}.calc-display{width:100%;margin-bottom:10px;text-align:right;font-size:24px}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.calc-keys button{padding:13px}.paint-canvas{background:white;touch-action:none;max-width:100%;border:2px inset #ddd}.emu-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.emu-slot{padding:10px;border:1px solid #999;background:#d2d2d2}.emu-slot label{display:block;font-weight:bold;margin-bottom:6px}.emu-slot input{width:100%;font-size:11px;padding:3px}.emu-slot small{display:block;margin-top:4px;overflow-wrap:anywhere}.emu-screen{background:#101216;min-height:180px;display:grid;place-items:center;overflow:auto;margin:12px 0}.emu-screen canvas{max-width:100%;height:auto;image-rendering:pixelated}.shell{background:#111;color:#ddd;padding:12px;height:100%;display:flex;flex-direction:column}.shell pre{flex:1;overflow:auto;white-space:pre-wrap}.shell input{background:#222;color:#fff;border:1px solid #777;width:100%}@media(max-width:700px){#bar{gap:5px;font-size:12px}#bar button{font-size:11px;padding:2px}#clock{display:none}#icons{left:12px;gap:16px}.desktop-icon{width:75px;font-size:11px}.win{left:92px;top:55px;width:calc(100vw - 102px);height:70dvh;min-width:240px}.wallmark b{font-size:60px}.welcome .grid,.emu-slots{grid-template-columns:1fr}.file-table td,.file-table th{padding:4px}.content{padding:10px}}

.desktop-icon img{display:block;margin:0 auto 6px;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 #0004)}