.retro-button{background:silver;border:2px outset #c0c0c0;color:#000;padding:10px 20px;font-family:"MS Sans Serif",Comic Sans MS;font-size:1.2em;font-weight:700;cursor:pointer;margin:10px;transition:all .1s;display:inline-flex;align-items:center;gap:8px}.retro-button:hover{background:#e0e0e0}.retro-button:active{border:2px inset #c0c0c0;background:#a0a0a0}.button-icon{height:16px;vertical-align:middle}.welcome-box{background:silver;border:2px inset #c0c0c0;padding:15px;margin:20px 0;text-align:center}.welcome-box h2{color:#ff0080;text-shadow:2px 2px 4px #808080;display:flex;align-items:center;justify-content:center;gap:10px}.title-icon{height:30px;vertical-align:middle}.marquee{background:navy;color:#ff0;padding:10px;margin:20px 0;border:2px inset #000080;overflow:hidden;white-space:nowrap}.marquee-text{display:inline-block;animation:scroll 10s linear infinite}.marquee-gif{height:20px;vertical-align:middle;margin:0 5px}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.gif-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:30px 0}.gif-item{border:2px inset #c0c0c0;padding:5px;background:silver;box-shadow:1px 1px 3px gray}.gif-item img{max-width:150px;max-height:150px;border:1px solid #808080;display:block}.gif-caption{text-align:center;font-size:12px;color:#000;margin-top:5px;font-weight:700}.intro-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:10000;overflow:hidden}.power-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:"MS Sans Serif",Courier New,monospace}.crt-container{background:transparent;border:none;border-radius:0;padding:60px;box-shadow:none;position:relative;text-align:center}.crt-container:before{display:none}.power-button-container{display:flex;flex-direction:column;align-items:center;gap:20px}.power-button{background:#333;border:3px outset #666666;border-radius:50%;width:120px;height:120px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 0 10px #00000080,inset 0 0 10px #ffffff1a}.power-button:hover{background:#444;border:3px outset #777777;box-shadow:0 0 15px #ffffff4d,inset 0 0 10px #fff3}.power-button:active{border:3px inset #666666;background:#222}.power-symbol{font-size:48px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.power-text{color:#fff;font-size:16px;text-shadow:0 0 10px rgba(255,255,255,.5);animation:pulse 2s infinite}.power-status{color:#fff;font-size:14px;text-align:center;margin-top:10px}.status-text{margin-bottom:5px}.loading-dots{animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.bios-screen{width:100%;height:100%;padding:20px;box-sizing:border-box;background:#000;color:#fff;font-family:Courier New,monospace;font-size:14px;line-height:1.2}.bios-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff;padding-bottom:10px;margin-bottom:20px}.bios-brand{font-size:24px;font-weight:700;color:#fff}.bios-logo{font-size:20px;font-weight:700;color:#000;background:#fff;padding:5px 15px;border:2px solid #ffffff}.bios-content{max-width:800px}.system-info{display:flex;flex-direction:column;gap:5px}.bios-line{color:#fff;font-family:Courier New,monospace;font-size:14px;min-height:17px}.memory-test{color:#fff;font-weight:700}.boot-message{color:#fff;margin-top:20px;text-align:center;animation:blink 1s infinite}.loading-message{color:#fff;margin-top:20px;text-align:center;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.intro-screen.fade-out{animation:fadeOut 1s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.memory-test:after{content:"_";animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.bios-screen{font-size:12px;padding:15px}.bios-brand{font-size:18px}.bios-logo{font-size:16px;padding:3px 10px}.crt-container{padding:40px}.power-button{width:100px;height:100px}.power-symbol{font-size:36px}}@media (max-width: 480px){.bios-screen{font-size:10px;padding:10px}.bios-brand{font-size:16px}.bios-logo{font-size:14px;padding:2px 8px}.crt-container{padding:30px}.power-button{width:80px;height:80px}.power-symbol{font-size:28px}.power-text{font-size:14px}}
