.retro-window{background:#fff;border:2px solid #000;font-family:Open Sans,Monaco,Menlo,monospace;color:#000}@media (max-width:768px){.retro-window{margin:0 8px;max-width:calc(100vw - 16px)}.retro-desktop{padding:44px 8px 8px}.retro-menu-bar{padding:4px 8px;font-size:10px;height:auto}.retro-title-bar{padding:4px 8px;font-size:11px}.retro-button{padding:6px 12px;font-size:11px}.retro-input{padding:6px;font-size:12px}.retro-text{font-size:11px}.retro-alert{margin:16px;padding:16px}}.retro-button{background:#fff;border:2px solid #000;padding:8px 16px;font-family:Open Sans,Monaco,Menlo,monospace;cursor:pointer;transition:all .1s ease;color:#000}.retro-button:hover{background:#f0f0f0}.retro-button:active{background:#e0e0e0;border-style:inset}.retro-button:disabled{opacity:.5;cursor:not-allowed}.retro-input{border:1px solid #000;padding:4px 8px;font-family:Open Sans,Monaco,Menlo,monospace;background:#fff;color:#000}.retro-input:focus{outline:2px solid #000;outline-offset:1px}.retro-dialog{background:#fff;border:3px solid #000;box-shadow:4px 4px 0 rgba(0,0,0,.5)}.retro-menu-bar{padding:4px 16px;font-size:12px;position:fixed;top:0;left:0;right:0;z-index:1000}.retro-menu-bar,.retro-title-bar{background:#fff;border-bottom:1px solid #000;font-family:Open Sans,Monaco,Menlo,monospace;color:#000}.retro-title-bar{padding:8px 16px;font-weight:700}.retro-close-box{width:16px;height:16px;border:1px solid #000;background:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer}.retro-close-box:hover{background:#f0f0f0}.retro-icon{width:32px;height:32px;border:1px solid #000;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto}.retro-desktop{background:silver;min-height:100vh;height:100vh;font-family:Open Sans,Monaco,Menlo,monospace;padding:44px 20px 20px;color:#000;overflow:hidden}.retro-folder-icon{background:repeating-linear-gradient(45deg,#fff,#fff 2px,#000 0,#000 4px)}.retro-text{font-family:Open Sans,Monaco,Menlo,monospace;font-size:12px;line-height:1.4;color:#000}.retro-progress-bar{width:100%;height:20px;border:2px solid #000;background:#fff;position:relative;overflow:hidden}.retro-progress-fill{height:100%;background:#000;transition:width .3s ease}.retro-image{image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.retro-scrollbar::-webkit-scrollbar{width:16px}.retro-scrollbar::-webkit-scrollbar-track{background:#fff;border:1px solid #000}.retro-scrollbar::-webkit-scrollbar-thumb{background:silver;border:1px solid #000}.retro-scrollbar::-webkit-scrollbar-thumb:hover{background:#a0a0a0}@keyframes retro-blink{0%,50%{opacity:1}51%,to{opacity:0}}.retro-blink{animation:retro-blink 1s linear infinite}.retro-alert{background:#fff;border:3px solid #000;box-shadow:6px 6px 0 rgba(0,0,0,.5);padding:20px;text-align:center;color:#000}.retro-folder-contents{background:#fff;border:2px solid #000;padding:16px;min-height:300px}.retro-file-icon{width:48px;height:48px;border:1px solid #000;background:#fff;margin:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.retro-file-icon:hover{background:#000;color:#fff}.retro-file-name{font-size:10px;text-align:center;margin-top:4px;max-width:48px;word-wrap:break-word}.retro-button-secondary{background:#fff;border:2px solid #000;padding:8px 16px;font-family:Open Sans,Monaco,Menlo,monospace;cursor:pointer;transition:all .1s ease}.retro-button-secondary:hover{background:#f0f0f0}.retro-button-secondary:active{background:#e0e0e0;border-style:inset}.retro-button-secondary:disabled{opacity:.5;cursor:not-allowed}.retro-simple-desktop-icons{position:absolute;top:0;left:0;width:120px;height:100%;pointer-events:none;z-index:1}.retro-simple-icon{position:absolute;display:flex;flex-direction:column;align-items:center;pointer-events:all;cursor:pointer;width:80px}.retro-simple-folder{width:48px;height:48px;background:#fff;border:1px solid #000;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.retro-simple-label{font-family:Open Sans,Monaco,Menlo,monospace;font-size:10px;text-align:center;line-height:12px;background:transparent;color:#000;max-width:60px;word-wrap:break-word}.retro-simple-icon:hover .retro-simple-folder{background:#000;color:#fff}.retro-simple-icon:hover .retro-simple-label{background:#000;color:#fff;padding:1px 2px}.retro-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #000;box-shadow:2px 2px 0 rgba(0,0,0,.2);z-index:2000;min-width:200px;padding:2px 0}.retro-dropdown-item{padding:4px 16px;cursor:pointer;display:block;color:#000;text-decoration:none}.retro-dropdown-item:hover{background:#000;color:#fff}.retro-dropdown-separator{border-top:1px solid #000;margin:4px 0}@media (max-width:768px){.retro-simple-desktop-icons{display:none}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.retro-menu-bar{padding:2px 12px;font-size:10px;height:28px}.retro-desktop{padding:28px 12px 12px}.retro-window{margin:0 auto;max-width:960px}.retro-title-bar{padding:4px 12px;font-size:10px}.retro-folder-contents{padding:12px;min-height:200px}.retro-text{font-size:10px;line-height:1.3}.retro-button,.retro-button-secondary{padding:6px 12px;font-size:10px}.retro-input{padding:4px 6px;font-size:11px}.retro-close-box{width:14px;height:14px;font-size:9px}.retro-icon{width:24px;height:24px;font-size:16px}.retro-simple-desktop-icons{display:none}}