.terminal-window{background:silver;border:2px solid gray;border-color:#dfdfdf gray gray #dfdfdf;flex-direction:column;width:500px;height:350px;font-family:MS Sans Serif,Arial,sans-serif;overflow:hidden;box-shadow:inset 1px 1px #fff,inset -1px -1px #000;display:flex!important}.window-title{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,navy 0%,#1084d7 100%);border-color:#dfdfdf;border-bottom-style:solid;border-bottom-width:1px;justify-content:space-between;align-items:center;min-height:18px;padding:2px;font-size:11px;font-weight:700;display:flex}.window-title-text{flex:1;padding:0 2px}.window-controls{gap:2px;margin-right:2px;display:flex}.window-button{cursor:pointer;color:#000;background:linear-gradient(135deg,silver 0%,#dfdfdf 100%);border:2px outset #dfdfdf;justify-content:center;align-items:center;width:16px;height:14px;padding:0;font-family:Arial,sans-serif;font-size:9px;font-weight:700;line-height:1;display:flex;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.window-button:active{border:2px inset #dfdfdf;box-shadow:inset -1px -1px #fff,inset 1px 1px #000}.terminal-messages{color:#000;background:silver;border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;flex:1;margin:4px;padding:4px;font-family:Courier New,monospace;font-size:11px;line-height:1.5;overflow-y:auto}.terminal-messages ul{list-style:none}.terminal-messages li{white-space:pre-wrap;word-wrap:break-word;margin:2px 0}.terminal-messages::-webkit-scrollbar{width:16px}.terminal-messages::-webkit-scrollbar-track{background:silver;border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray}.terminal-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,silver 0%,#dfdfdf 100%);border:2px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;min-height:20px}.terminal-messages::-webkit-scrollbar-button{cursor:pointer;background:linear-gradient(135deg,silver 0%,#dfdfdf 100%);border:2px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;width:16px;height:16px}.window-input{color:#000;background:#fff;border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;outline:none;margin:4px;padding:3px;font-family:Courier New,monospace;font-size:11px}.window-input::placeholder{color:#999}.window-input:focus{outline-offset:-2px;outline:1px dotted #000}.music-window{color:#000;background:silver;border:2px solid gray;border-color:#fff gray gray #fff;flex-direction:column;width:380px;font-family:MS Sans Serif,Arial,sans-serif;font-size:11px;overflow:hidden;box-shadow:1px 1px #000,inset 1px 1px #dfdfdf;display:flex!important}.music-info-box{background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;align-items:center;gap:8px;margin:8px 8px 4px;padding:6px 10px;display:flex;box-shadow:inset 1px 1px #000}.music-info-icon{flex-shrink:0;font-size:16px;line-height:1}.music-info-text{color:navy;font-size:11px;font-style:italic;font-weight:700}.music-body{flex-direction:column;gap:6px;padding:8px;display:flex}.music-label{font-size:11px;font-weight:700}.music-select-row{align-items:center;gap:6px;display:flex}.music-select{color:#000;appearance:auto;cursor:pointer;background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;outline:none;flex:1;height:22px;padding:1px 4px;font-family:MS Sans Serif,Arial,sans-serif;font-size:11px;box-shadow:inset 1px 1px #000}.music-select:focus{outline-offset:-3px;outline:1px dotted #000}.music-play-btn{color:#000;cursor:pointer;white-space:nowrap;background:silver;border:2px solid gray;border-color:#fff gray gray #fff;outline:none;min-width:72px;height:22px;padding:0 10px;font-family:MS Sans Serif,Arial,sans-serif;font-size:11px;font-weight:700;box-shadow:1px 1px #000,inset 1px 1px #dfdfdf}.music-play-btn:active{border-color:gray #fff #fff gray;padding:1px 9px 0 11px;box-shadow:inset 1px 1px gray}.music-play-btn:focus{outline-offset:-4px;outline:1px dotted #000}.music-status-bar{color:#000;white-space:nowrap;text-overflow:ellipsis;background:silver;border:none;border-top:2px solid gray;margin-top:4px;padding:3px 8px;font-size:11px;overflow:hidden;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.about-window{background:silver;border:2px solid gray;border-color:#dfdfdf gray gray #dfdfdf;flex-direction:column;width:300px;font-family:MS Sans Serif,Arial,sans-serif;overflow:hidden;box-shadow:inset 1px 1px #fff,inset -1px -1px #000;display:flex!important}.about-body{flex-direction:column;align-items:center;gap:10px;padding:16px 16px 12px;display:flex}.about-card{background:#fff;border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;flex-direction:column;align-items:center;gap:8px;width:100%;padding:14px 12px 12px;display:flex;box-shadow:inset 1px 1px #000}.about-avatar{-webkit-user-select:none;user-select:none;font-size:36px;line-height:1}.about-name{color:navy;letter-spacing:1px;text-align:center;font-family:MS Sans Serif,Arial,sans-serif;font-size:22px;font-weight:700}.about-divider{background:gray;border-bottom:1px solid #fff;width:80%;height:1px}.about-roles{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.about-role-tag{color:#000;background:silver;border:2px solid gray;border-color:#dfdfdf gray gray #dfdfdf;padding:2px 7px;font-family:MS Sans Serif,Arial,sans-serif;font-size:10px;font-weight:700;box-shadow:inset 1px 1px #fff}.about-desc{color:#000;text-align:center;padding:0 4px;font-family:MS Sans Serif,Arial,sans-serif;font-size:11px;line-height:1.5}.about-close-btn{cursor:pointer;background:silver;border:2px solid gray;border-color:#dfdfdf gray gray #dfdfdf;outline:1px solid #000;height:22px;padding:2px 24px;font-family:MS Sans Serif,Arial,sans-serif;font-size:11px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.about-close-btn:active{border-color:gray #dfdfdf #dfdfdf gray;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.paint-window{background:silver;border:2px solid gray;border-color:#dfdfdf gray gray #dfdfdf;flex-direction:column;width:522px;font-family:MS Sans Serif,Arial,sans-serif;overflow:hidden;box-shadow:inset 1px 1px #fff,inset -1px -1px #000;display:flex!important}.paint-body{flex:1;display:flex;overflow:hidden}.paint-toolbar{background:silver;border-color:gray #dfdfdf #dfdfdf gray;border-right-style:solid;border-right-width:2px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:46px;padding:3px 2px;display:flex}.paint-tool-grid{grid-template-columns:1fr 1fr;gap:1px;display:grid}.paint-tool-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:silver;border:2px solid gray;border-color:#dfdfdf gray gray #dfdfdf;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-family:Arial,sans-serif;font-size:11px;line-height:1;display:flex;box-shadow:inset 1px 1px #fff}.paint-tool-btn.active{background:#b8b8b8;border-color:gray #dfdfdf #dfdfdf gray;box-shadow:inset 1px 1px #000}.paint-divider{background:gray;border-bottom:1px solid #fff;align-self:center;width:36px;height:1px;margin:3px 0}.paint-sizes{background:#fff;border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;flex-direction:column;align-items:center;gap:1px;width:38px;padding:1px;display:flex;box-shadow:inset 1px 1px #000}.paint-size-btn{cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:34px;height:12px;padding:0;display:flex}.paint-size-btn.active{background:navy;border:1px solid navy}.paint-size-btn.active .paint-size-dot{background:#fff}.paint-size-dot{background:#000;border-radius:50%;flex-shrink:0;display:block}.paint-canvas-area{background:gray;flex:1;padding:4px;overflow:auto}.paint-canvas{cursor:crosshair;touch-action:none;display:block;box-shadow:2px 2px #404040,1px 1px #000}.paint-window .window-title{cursor:move}.paint-bottom{background:silver;border-color:gray #dfdfdf #dfdfdf gray;border-top-style:solid;border-top-width:2px;flex-shrink:0;align-items:center;gap:6px;padding:4px 6px;display:flex}.paint-active-colors{flex-shrink:0;width:34px;height:28px;margin-right:2px;position:relative}.paint-color-back{border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;width:20px;height:20px;position:absolute;bottom:0;right:0;box-shadow:1px 1px #000}.paint-color-front{z-index:1;border:2px solid gray;border-color:#dfdfdf gray gray #dfdfdf;width:20px;height:20px;position:absolute;top:0;left:0;box-shadow:1px 1px #fff}.paint-palette{border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;flex-shrink:0;grid-template-rows:repeat(2,14px);grid-template-columns:repeat(10,16px);gap:1px;padding:2px;display:grid;box-shadow:inset 1px 1px #000}.paint-swatch{cursor:pointer;box-sizing:border-box;border:1px solid #0000;width:14px;height:14px}.paint-swatch:hover{border:1px solid navy;outline:1px solid #fff}.paint-clear-btn{cursor:pointer;white-space:nowrap;background:silver;border:2px solid gray;border-color:#dfdfdf gray gray #dfdfdf;height:22px;margin-left:auto;padding:2px 10px;font-family:MS Sans Serif,Arial,sans-serif;font-size:11px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.paint-clear-btn:active{border-color:gray #dfdfdf #dfdfdf gray;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}*{box-sizing:border-box;margin:0;padding:0}body{background:teal;height:100vh;font-family:MS Sans Serif,Arial,sans-serif;overflow:hidden}#root{width:100%;height:100vh}.desktop-icon{cursor:pointer;color:#000;-webkit-user-select:none;user-select:none;z-index:10;text-align:center;flex-direction:column;align-items:center;gap:5px;font-size:2rem;display:flex;position:absolute}.desktop-icon div{text-align:center;color:#fff;text-shadow:1px 1px #000;font-size:.75rem}.desktop-icon:hover div{color:#ff0;background:navy}.taskbar{z-index:100;background:linear-gradient(silver 0%,#dfdfdf 100%);border-top:2px solid #dfdfdf;align-items:center;height:28px;padding:2px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.start-button{color:#000;cursor:pointer;background:linear-gradient(135deg,silver 0%,#dfdfdf 100%);border:2px outset #dfdfdf;outline:1px solid #dfdfdf;padding:3px 7px;font-family:MS Sans Serif,Arial,sans-serif;font-size:11px;font-weight:700;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.start-button:active{border:2px inset #dfdfdf;box-shadow:inset -1px -1px #fff,inset 1px 1px #000}.start-button:hover{background:linear-gradient(135deg,#dfdfdf 0%,#f0f0f0 100%)}.window{z-index:15;background:silver;border:2px solid gray;border-color:#dfdfdf gray gray #dfdfdf;flex-direction:column;display:flex;position:absolute;box-shadow:inset 1px 1px #fff,inset -1px -1px #000}.splash-screen{z-index:200;cursor:pointer;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-content{text-align:center}.splash-content h1{color:#fff;letter-spacing:2px;font-family:Courier New,monospace;font-size:3rem;animation:1.5s ease-in-out infinite splash-pulse}@keyframes splash-pulse{0%,to{opacity:1;text-shadow:0 0 10px #ffffff4d}50%{opacity:.6;text-shadow:0 0 20px #ffffff1a}}.desktop-container{opacity:0;background:teal;width:100%;height:100vh;animation:1s ease-out .2s forwards desktop-jitter-fade}@keyframes desktop-jitter-fade{0%{opacity:0;transform:translate(0)}10%{transform:translate(-2px,2px)}20%{transform:translate(2px,-2px)}30%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}50%{transform:translate(-1px)}60%{transform:translateY(1px)}70%{transform:translate(-.5px,-.5px)}80%{opacity:.9;transform:translate(.5px,.5px)}to{opacity:1;transform:translate(0)}}