@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.preloader{width:100vw;height:100vh;background:linear-gradient(45deg,#ff1493,#ff69b4,#db7093);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 51%);background-size:100% 4px;animation:scanline .8s linear infinite;z-index:10;pointer-events:none}.pixel-monitor{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.monitor-frame{background:#ffb6c1;padding:20px;border:8px solid;border-color:#ff1493 #ff69b4 #ff69b4 #ff1493;box-shadow:inset -4px -4px #db7093,inset 4px 4px #fff,0 0 20px #00000080}.monitor-screen{width:600px;height:400px;background:linear-gradient(135deg,#ffb6c1,#ff69b4);border:4px solid #ff1493;display:flex;justify-content:center;align-items:center}.boot-animation{text-align:center;color:#fff;text-shadow:2px 2px 0px #ff1493}.pixel-logo{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite}.pixel-name{font-size:1.5rem;margin-bottom:2rem;color:#fff}.loading-pixels{margin:2rem 0}.pixel-row{display:flex;justify-content:center;gap:4px}.pixel{width:20px;height:20px;background:#fff;border:2px solid #ff1493;animation:pixelLoad 1s infinite alternate}.pixel:nth-child(1){animation-delay:0s}.pixel:nth-child(2){animation-delay:.2s}.pixel:nth-child(3){animation-delay:.4s}.pixel:nth-child(4){animation-delay:.6s}.pixel:nth-child(5){animation-delay:.8s}.boot-text p{margin:.5rem 0;font-size:.7rem;opacity:0;animation:typewriter .5s forwards}.boot-text p:nth-child(1){animation-delay:1s}.boot-text p:nth-child(2){animation-delay:2s}.boot-text p:nth-child(3){animation-delay:3s}.monitor-stand{margin-top:20px}.stand-base{width:200px;height:20px;background:#ff1493;border:4px solid;border-color:#ff69b4 #ffb6c1 #ffb6c1 #ff69b4}@keyframes pixelLoad{0%{background:#fff}to{background:#ff69b4}}@keyframes typewriter{to{opacity:1}}@media (max-width: 768px){.monitor-screen{width:90vw;height:50vh}.pixel-name{font-size:1rem}}:root{--theme-primary: #ff1493;--theme-secondary: #ff69b4;--theme-accent: #ffb6c1;--theme-background: linear-gradient(45deg, #ffb6c1, #ff69b4, #db7093);--theme-text: #333333;--theme-border: #ff1493;--theme-shadow: #db7093}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10001}.modal-content{background:var(--theme-accent);border:4px solid;border-color:#fff var(--theme-primary) var(--theme-primary) #fff;box-shadow:8px 8px 0 var(--theme-shadow);width:90%;max-width:700px;max-height:80vh;overflow-y:auto}.modal-header{background:linear-gradient(45deg,var(--theme-primary),var(--theme-secondary));padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--theme-border)}.modal-header h2{color:#fff;text-shadow:2px 2px 0px var(--theme-shadow);margin:0;font-size:1.2rem}.modal-close{background:none;border:2px solid #fff;color:#fff;width:30px;height:30px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.themes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px}.theme-option{cursor:pointer;transition:all .2s;border:3px solid transparent}.theme-option:hover{transform:translateY(-2px)}.theme-option.selected{border-color:var(--theme-primary);box-shadow:0 0 10px var(--theme-primary)}.theme-preview{height:80px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.theme-preview-content{display:flex;gap:8px;padding:8px}.preview-icon{font-size:14px;background:rgba(255,255,255,.3);padding:4px;border-radius:2px}.theme-name{color:var(--theme-primary);text-shadow:1px 1px 0px #fff;font-weight:700;font-size:.8rem;text-align:center;padding:8px 5px;background:rgba(255,255,255,.8);margin-top:4px;border:2px solid #fff}.modal-footer{padding:15px 20px;background:linear-gradient(45deg,var(--theme-secondary),var(--theme-accent));border-top:2px solid var(--theme-border);display:flex;justify-content:flex-end;gap:10px}.modal-button{padding:10px 20px;border:3px solid;cursor:pointer;font-weight:700;transition:all .2s;font-size:.9rem}.modal-button.cancel{background:var(--theme-accent);color:var(--theme-primary);border-color:#fff var(--theme-primary) var(--theme-primary) #fff}.modal-button.cancel:hover{background:var(--theme-secondary);color:#fff;transform:translateY(-1px)}.modal-button.apply{background:var(--theme-primary);color:#fff;border-color:#fff var(--theme-secondary) var(--theme-secondary) #fff;text-shadow:1px 1px 0px var(--theme-shadow)}.modal-button.apply:hover{background:var(--theme-secondary);transform:translateY(-1px)}.modal-content::-webkit-scrollbar{width:12px}.modal-content::-webkit-scrollbar-track{background:var(--theme-accent);border:2px solid var(--theme-primary)}.modal-content::-webkit-scrollbar-thumb{background:var(--theme-primary);border:2px solid var(--theme-accent)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--theme-secondary)}@media (max-width: 768px){.modal-content{width:95%;margin:10px}.themes-grid{grid-template-columns:repeat(2,1fr)}.theme-preview{height:60px}}.taskbar{position:fixed;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(45deg,var(--theme-primary),var(--theme-secondary));border-top:2px solid var(--theme-border);display:flex;align-items:center;justify-content:space-between;padding:0 10px;z-index:10000;box-shadow:0 -2px 10px #0000004d}.start-button{background:linear-gradient(45deg,var(--theme-primary),var(--theme-secondary));border:2px solid;border-color:#fff var(--theme-border) var(--theme-border) #fff;color:#fff;padding:8px 15px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .2s;text-shadow:1px 1px 0px var(--theme-shadow);min-width:120px;flex-shrink:0}.start-button:hover{background:linear-gradient(45deg,var(--theme-secondary),var(--theme-primary));transform:translateY(-1px)}.start-icon{font-size:1.2rem;filter:drop-shadow(1px 1px 0px var(--theme-shadow))}.taskbar-items{display:flex;gap:5px;flex:1;margin:0 15px;overflow-x:auto;min-width:0}.taskbar-item{background:var(--theme-accent);border:2px solid var(--theme-primary);color:var(--theme-primary);padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;min-width:160px;white-space:nowrap;flex-shrink:0}.taskbar-item:hover{background:var(--theme-secondary);color:#fff;transform:translateY(-1px)}.taskbar-item.active{background:var(--theme-primary);color:#fff;border-color:#fff}.taskbar-icon{font-size:.9rem;display:flex;align-items:center}.taskbar-title{font-size:.7rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.2;max-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.system-tray{display:flex;align-items:center;gap:8px;background:var(--theme-accent);border:2px solid var(--theme-primary);padding:5px 10px;height:40px;flex-shrink:0;margin-left:auto}.background-button-container,.lock-button-container,.fullscreen-button-container{display:flex;align-items:center}.background-button,.lock-button,.fullscreen-button{background:var(--theme-accent);border:2px solid var(--theme-primary);color:var(--theme-primary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:3px;width:32px;height:32px}.background-button:hover,.lock-button:hover,.fullscreen-button:hover{background:var(--theme-primary);color:#fff;transform:scale(1.1)}.lock-button.locked{background:var(--theme-primary);color:#fff}.background-icon,.lock-icon,.fullscreen-icon{font-size:1rem;display:flex;align-items:center}.language-selector{position:relative;flex-shrink:0}.language-button{background:var(--theme-accent);border:2px solid var(--theme-primary);color:var(--theme-primary);padding:6px 10px;cursor:pointer;font-weight:700;transition:all .2s;min-width:50px;text-align:center;height:32px;display:flex;align-items:center;justify-content:center}.language-button:hover{background:var(--theme-primary);color:#fff}.language-menu{position:absolute;bottom:100%;right:0;background:var(--theme-accent);border:2px solid var(--theme-primary);border-bottom:none;margin-bottom:2px;min-width:60px;z-index:10001}.language-option{padding:8px 12px;cursor:pointer;color:var(--theme-primary);font-weight:700;transition:all .2s;border-bottom:1px solid var(--theme-primary);text-align:center}.language-option:hover{background:var(--theme-secondary);color:#fff}.language-option.active{background:var(--theme-primary);color:#fff}.tray-time{background:var(--theme-accent);border:2px solid var(--theme-primary);color:var(--theme-primary);padding:6px 10px;font-weight:700;min-width:70px;text-align:center;font-family:Courier New,monospace;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.taskbar-items::-webkit-scrollbar{height:6px}.taskbar-items::-webkit-scrollbar-track{background:var(--theme-accent);border:1px solid var(--theme-primary)}.taskbar-items::-webkit-scrollbar-thumb{background:var(--theme-primary);border:1px solid var(--theme-accent)}.taskbar-items::-webkit-scrollbar-thumb:hover{background:var(--theme-secondary)}@media (max-width: 768px){.taskbar{padding:0 5px;height:50px}.start-button{padding:6px 10px;min-width:100px;font-size:.8rem}.taskbar-items{margin:0 10px}.taskbar-item{padding:6px 8px;min-width:140px}.taskbar-title{font-size:.7rem}.system-tray{padding:5px;gap:6px}.background-button,.lock-button,.fullscreen-button{padding:4px;width:28px;height:28px}.language-button{padding:4px 8px;min-width:40px;font-size:.8rem;height:28px}.tray-time{padding:4px 8px;min-width:60px;font-size:.8rem;height:28px}}@media (max-width: 480px){.taskbar-items{display:none}.start-button{min-width:80px}.system-tray{gap:4px}.language-button{min-width:35px;padding:3px 6px}.tray-time{min-width:50px;padding:3px 6px}}.window{position:absolute;background:white;border:3px solid;border-color:var(--theme-primary) var(--theme-secondary) var(--theme-secondary) var(--theme-primary);box-shadow:4px 4px 0 var(--theme-shadow);display:flex;flex-direction:column;min-width:300px;min-height:200px;overflow:hidden}.window.active{box-shadow:6px 6px 0 var(--theme-shadow)}.window.maximized{left:0!important;top:0!important;width:100vw!important;height:calc(100vh - 60px)!important;border-width:2px}.window-header{background:linear-gradient(45deg,var(--theme-primary),var(--theme-secondary));padding:8px 12px;cursor:move;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--theme-border);-webkit-user-select:none;user-select:none;min-height:35px}.window-title{color:#fff;font-weight:700;display:flex;align-items:center;gap:8px;text-shadow:1px 1px 0px var(--theme-shadow);font-size:.9rem}.window-icon{font-size:.9rem;display:flex;align-items:center;filter:drop-shadow(1px 1px 0px var(--theme-shadow))}.window-controls{display:flex;gap:5px}.control-btn{background:var(--theme-accent);border:2px solid var(--theme-primary);color:var(--theme-primary);width:25px;height:25px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;transition:all .2s;border-radius:2px}.control-btn:hover{background:var(--theme-primary);color:#fff;transform:scale(1.1)}.control-btn.close:hover{background:#ff4444;border-color:#f44}.window-body{flex:1;overflow:auto;background:white}.window-resize-handle{position:absolute;bottom:2px;right:2px;width:15px;height:15px;cursor:nwse-resize;z-index:10}.resize-corner{position:relative;width:100%;height:100%}.resize-line{position:absolute;background:var(--theme-primary)}.resize-line.horizontal{bottom:2px;left:2px;width:8px;height:2px}.resize-line.vertical{top:2px;right:2px;width:2px;height:8px}.resize-border{position:absolute;background:transparent;z-index:5}.resize-border.top{top:0;left:5px;right:5px;height:5px;cursor:n-resize}.resize-border.right{top:5px;right:0;bottom:5px;width:5px;cursor:e-resize}.resize-border.bottom{bottom:0;left:5px;right:5px;height:5px;cursor:s-resize}.resize-border.left{top:5px;left:0;bottom:5px;width:5px;cursor:w-resize}.window-body::-webkit-scrollbar{width:12px}.window-body::-webkit-scrollbar-track{background:var(--theme-accent);border:2px solid var(--theme-primary)}.window-body::-webkit-scrollbar-thumb{background:var(--theme-primary);border:2px solid var(--theme-accent)}.window-body::-webkit-scrollbar-thumb:hover{background:var(--theme-secondary)}.window{transition:box-shadow .2s ease}.window.active{transition:box-shadow .3s ease}@media (max-width: 768px){.window{min-width:280px;min-height:180px}.window-header{padding:6px 10px;min-height:30px}.window-title{font-size:.8rem}.control-btn{width:22px;height:22px;font-size:.9rem}.window-resize-handle{width:12px;height:12px}}@media (max-width: 480px){.window.maximized{height:calc(100vh - 50px)!important}.window-header{padding:5px 8px}.window-title{font-size:.75rem;gap:5px}.control-btn{width:20px;height:20px;font-size:.8rem}}@media (max-width: 768px){.window{position:fixed!important;left:5px!important;top:5px!important;right:5px!important;bottom:65px!important;width:calc(100vw - 10px)!important;height:calc(100vh - 70px)!important;min-width:unset!important;min-height:unset!important;max-width:none!important;max-height:none!important;z-index:10000}.window.maximized{left:0!important;top:0!important;width:100vw!important;height:calc(100vh - 60px)!important;border-width:2px}.window-header{padding:10px 12px;min-height:40px}.window-title{font-size:.9rem}.window-body{height:calc(100% - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch}@supports (padding: max(0px)){.window{left:max(5px,env(safe-area-inset-left))!important;right:max(5px,env(safe-area-inset-right))!important;top:max(5px,env(safe-area-inset-top))!important;bottom:max(65px,env(safe-area-inset-bottom))!important;width:calc(100vw - max(10px,env(safe-area-inset-left) + env(safe-area-inset-right)))!important;height:calc(100vh - max(70px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important}.window.maximized{left:env(safe-area-inset-left)!important;right:env(safe-area-inset-right)!important;top:env(safe-area-inset-top)!important;bottom:max(60px,env(safe-area-inset-bottom))!important;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important;height:calc(100vh - env(safe-area-inset-top) - max(60px,env(safe-area-inset-bottom)))!important}}}@media (max-width: 480px){.window{left:2px!important;top:2px!important;right:2px!important;bottom:52px!important;width:calc(100vw - 4px)!important;height:calc(100vh - 54px)!important}.window.maximized{height:calc(100vh - 50px)!important}.window-header{padding:8px 10px;min-height:35px}.window-title{font-size:.8rem}.control-btn{width:25px;height:25px;font-size:.9rem}@supports (padding: max(0px)){.window{left:max(2px,env(safe-area-inset-left))!important;right:max(2px,env(safe-area-inset-right))!important;top:max(2px,env(safe-area-inset-top))!important;bottom:max(52px,env(safe-area-inset-bottom))!important;width:calc(100vw - max(4px,env(safe-area-inset-left) + env(safe-area-inset-right)))!important;height:calc(100vh - max(54px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important}.window.maximized{bottom:max(50px,env(safe-area-inset-bottom))!important;height:calc(100vh - env(safe-area-inset-top) - max(50px,env(safe-area-inset-bottom)))!important}}}@media (max-width: 360px){.window-header{padding:6px 8px;min-height:32px}.window-title{font-size:.75rem}.control-btn{width:22px;height:22px;font-size:.8rem}}.window{max-width:calc(100vw - 20px);max-height:calc(100vh - 80px)}.window-body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.start-menu{position:fixed;bottom:60px;left:10px;width:400px;background:linear-gradient(45deg,var(--theme-primary),var(--theme-secondary));border:3px solid var(--theme-border);border-bottom:none;z-index:9999;box-shadow:0 -4px 20px #0000004d;display:flex;flex-direction:column;font-family:"Press Start 2P",monospace}.start-menu-header{padding:20px;background:rgba(255,255,255,.1);border-bottom:2px solid var(--theme-border)}.user-info{display:flex;align-items:center;gap:15px}.user-avatar{font-size:3rem;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.3))}.user-details{color:#fff}.user-name{font-size:1.3rem;font-weight:700;margin-bottom:5px;text-shadow:1px 1px 0px var(--theme-shadow)}.user-profession{font-size:.9rem;opacity:.9;text-shadow:1px 1px 0px var(--theme-shadow)}.start-menu-content{flex:1;padding:15px;background:rgba(255,255,255,.95)}.menu-grid{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;padding:12px;background:var(--theme-accent);border:2px solid var(--theme-primary);cursor:pointer;transition:all .3s ease;gap:12px;min-height:60px;width:100%;box-sizing:border-box;white-space:nowrap}.menu-item:hover{background:var(--theme-secondary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.menu-item-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0}.menu-item-icon svg{width:100%;height:100%}.menu-item-info{flex:1;min-width:0;white-space:nowrap;overflow:hidden}.menu-item-title{font-weight:700;color:var(--theme-primary);font-size:.9rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item:hover .menu-item-title{color:#fff}.menu-item-description{font-size:.7rem;color:var(--theme-text);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item:hover .menu-item-description{color:#fff;opacity:1}.start-menu-footer{padding:15px 20px;background:rgba(255,255,255,.1);border-top:2px solid var(--theme-border)}.power-options{display:flex;justify-content:center}.power-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;font-family:inherit;font-weight:700;transition:all .3s ease;border-radius:4px}.power-button:hover{background:rgba(255,255,255,.3);border-color:#ffffff80;transform:scale(1.05)}.power-icon{font-size:1.2rem;display:flex;align-items:center}.power-icon svg{width:1.2rem;height:1.2rem}@media (max-width: 768px){.start-menu{width:350px;left:5px;bottom:50px}.start-menu-header{padding:15px}.user-avatar{font-size:2.5rem}.user-name{font-size:1.1rem}.user-profession{font-size:.8rem}.start-menu-content{padding:10px}.menu-grid{display:flex;flex-direction:column;gap:8px}.menu-item{padding:10px;min-height:55px}.menu-item-icon{font-size:1.3rem;width:25px;height:25px}.menu-item-title{font-size:.85rem}.menu-item-description{font-size:.65rem}.start-menu-footer{padding:10px 15px}.power-button{padding:8px 16px;font-size:.9rem}.power-icon{font-size:1rem}}@media (max-width: 480px){.start-menu{width:300px;left:2px}.start-menu-header{padding:12px}.user-info{gap:10px}.user-avatar{font-size:2rem}.user-name{font-size:1rem}.user-profession{font-size:.75rem}.menu-item{padding:8px;min-height:50px;gap:8px}.menu-item-icon{font-size:1.1rem;width:20px;height:20px}.menu-item-title{font-size:.8rem}.menu-item-description{font-size:.6rem}.power-button{padding:6px 12px;font-size:.8rem}}@media (max-width: 360px){.start-menu{width:280px}}@keyframes menuSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.start-menu{animation:menuSlideIn .3s ease-out}.easter-egg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(255,105,180,.95);display:flex;justify-content:center;align-items:center;z-index:100000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.easter-egg-content{background:linear-gradient(45deg,#ff1493,#ff69b4);padding:40px;border:8px solid;border-color:#fff #ff1493 #ff1493 #fff;text-align:center;color:#fff;box-shadow:0 0 50px #ff149380,inset 0 0 20px #ffffff4d}.easter-egg-title{font-size:2rem;margin-bottom:20px;text-shadow:3px 3px 0px rgba(0,0,0,.3)}.easter-egg-message{font-size:1.2rem;margin-bottom:30px}.easter-egg-message p{margin:10px 0}.pixel-cat{font-size:3rem;margin:20px 0;animation:bounce 1s infinite}.easter-egg-animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-heart{position:absolute;font-size:2rem;animation:float 3s infinite linear}@keyframes float{0%{transform:translateY(100px) rotate(0);opacity:0}50%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.shutdown-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:100000;color:#fff;font-family:"Press Start 2P",monospace;overflow:hidden}.crt-effect{position:absolute;top:0;left:0;width:100%;height:100%}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 51%);background-size:100% 4px;animation:scanline .8s linear infinite}.flicker{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.02);animation:flicker 3s infinite}.shutdown-content{text-align:center;z-index:2;width:100%;display:flex;justify-content:center;align-items:center;min-height:60vh}.shutdown-step{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.angelina-logo{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}.logo-icon{font-size:4rem;animation:bounce 2s infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.logo-text{font-size:1.5rem;text-shadow:2px 2px 0px rgba(0,0,0,.5);color:#ffb6c1}.shutdown-text{font-size:1.2rem;text-shadow:2px 2px 0px rgba(0,0,0,.5);animation:textGlow 2s infinite}.shutdown-progress{width:400px;height:20px;background:rgba(0,0,0,.5);border:2px solid #fff;position:relative;max-width:80%}.progress-bar{height:100%;background:linear-gradient(90deg,#ff69b4,#ff1493);transition:width .1s linear;box-shadow:0 0 10px #ff1493}.shutdown-hint{font-size:.7rem;opacity:.7;margin-top:20px}.poweroff-screen{display:flex;flex-direction:column;align-items:center;gap:30px}.monitor-off{text-align:center}.power-light{font-size:4rem;color:#ff1493;animation:powerPulse 2s infinite;text-shadow:0 0 20px #ff1493}.power-text{font-size:1rem;opacity:.8;margin-top:20px}.blinking-cursor{position:absolute;bottom:50px;left:50%;transform:translate(-50%);font-size:2rem;animation:blink 1s infinite;opacity:.5}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes textGlow{0%,to{text-shadow:2px 2px 0px rgba(0,0,0,.5)}50%{text-shadow:2px 2px 10px #ff1493}}@keyframes powerPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (max-width: 768px){.shutdown-text{font-size:1rem}.shutdown-progress{width:300px}.logo-icon{font-size:3rem}.logo-text{font-size:1.2rem}}.notification{position:fixed;top:20px;right:20px;z-index:100000;font-family:"Press Start 2P",monospace}.notification-content{background:linear-gradient(45deg,var(--theme-accent),var(--theme-secondary));padding:15px 20px;display:flex;align-items:center;gap:12px;min-width:250px;border:3px solid;border-color:#fff var(--theme-primary) var(--theme-primary) #fff;box-shadow:4px 4px 0 var(--theme-shadow),inset 2px 2px #fff;animation:notificationPulse 2s infinite}.notification-icon{font-size:1.5rem;color:#fff;text-shadow:2px 2px 0px var(--theme-shadow);animation:bounce 1s infinite}.notification-text{color:#fff;text-shadow:1px 1px 0px var(--theme-shadow);font-size:.8rem;flex:1}.notification-close{background:none;border:2px solid #fff;color:#fff;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s}.notification-close:hover{background:var(--theme-primary);transform:scale(1.1)}@keyframes notificationPulse{0%,to{box-shadow:4px 4px 0 var(--theme-shadow),inset 2px 2px #fff}50%{box-shadow:4px 4px 0 var(--theme-shadow),inset 2px 2px #fff,0 0 15px var(--theme-shadow)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width: 768px){.notification{top:10px;right:10px;left:10px}.notification-content{min-width:auto;padding:12px 15px}.notification-text{font-size:.7rem}}.bsod-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0078d7;color:#fff;font-family:Segoe UI,system-ui,sans-serif;display:flex;justify-content:center;align-items:center;z-index:1000000;cursor:default}.bsod-content{max-width:800px;padding:40px;width:90%}.bsod-header{display:flex;align-items:center;margin-bottom:30px;gap:20px}.bsod-face{font-size:4rem;animation:sadFace 3s infinite}.bsod-title p{font-size:1.3rem;font-weight:700;margin:0}.bsod-message{font-size:1.1rem;line-height:1.6;margin-bottom:30px}.bsod-progress-section{background:rgba(0,0,0,.2);padding:20px;border-radius:5px;margin:20px 0}.bsod-step-message{font-size:1rem;margin-bottom:10px;color:#ff6b6b}.bsod-percentage{font-size:1.3rem;font-weight:700;margin-bottom:15px}.bsod-progress-container{width:100%;height:20px;background:rgba(255,255,255,.2);border-radius:10px;overflow:hidden}.bsod-progress-bar{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff8e8e);border-radius:10px;transition:width .3s ease;position:relative}.bsod-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShine 2s infinite}.bsod-qr{display:flex;gap:20px;align-items:flex-start;margin-top:20px}.qr-code{background:white;padding:10px;border:2px solid #fff;flex-shrink:0}.qr-pixels{display:grid;grid-template-columns:repeat(5,12px);grid-template-rows:repeat(5,12px);gap:2px;width:64px;height:64px}.qr-pixel{background:#0078d7;border:1px solid #005a9e}.qr-pixel:nth-child(odd){background:#005a9e}.qr-text{flex:1;font-size:.9rem}.bsod-website{color:#ff6b6b;font-weight:700}.bsod-footer{margin-top:30px;text-align:center}.bsod-collecting{font-size:.9rem;opacity:.8}.collecting-dots{display:flex;align-items:center;justify-content:center;gap:2px}.dot{animation:dotPulse 1.5s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes sadFace{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.1)}75%{transform:rotate(5deg) scale(1.1)}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes dotPulse{0%,to{opacity:.2}50%{opacity:1}}.bsod-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 51%);background-size:100% 4px;animation:scanline .8s linear infinite;pointer-events:none}.bsod-screen:after{content:"";position:absolute;bottom:40px;right:40px;width:10px;height:20px;background:white;animation:cursorBlink 1s infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.bsod-content{padding:20px}.bsod-face{font-size:3rem}.bsod-message{font-size:.9rem}.bsod-qr{flex-direction:column;align-items:center}.qr-text{font-size:.8rem;text-align:center}.bsod-header{flex-direction:column;text-align:center;gap:10px}}:root{--theme-primary: #ff1493;--theme-secondary: #ff69b4;--theme-accent: #ffb6c1;--theme-background: linear-gradient(45deg, #ffb6c1, #ff69b4, #db7093);--theme-text: #333333;--theme-border: #ff1493;--theme-shadow: #db7093;--theme-text-inverted: #ffffff;--pixel-font: "Press Start 2P", monospace}*{font-family:var(--pixel-font)!important;word-break:keep-all!important;overflow-wrap:normal!important}input,textarea,[contenteditable=true]{font-family:system-ui,-apple-system,sans-serif!important}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.desktop{width:100vw;height:100vh;position:relative;overflow:hidden;touch-action:manipulation}.crt-effect{position:relative;width:100%;height:100%}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 51%);background-size:100% 4px;animation:scanline .8s linear infinite;pointer-events:none;z-index:1}.desktop-background{width:100%;height:calc(100% - 60px);position:relative;overflow:visible;background:var(--theme-background)!important}.pixel-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3}.desktop-icons{display:flex;flex-direction:column;gap:20px;padding:20px 15px;align-items:flex-start;position:relative;z-index:2;height:100%;touch-action:manipulation}.desktop-icon{position:absolute!important;display:flex;flex-direction:column;align-items:center;width:125px!important;padding:12px 8px;z-index:10;cursor:grab;-webkit-user-select:none;user-select:none;transition:none!important;transform:none!important;touch-action:none;text-align:center;box-sizing:border-box}.desktop-icon:active{cursor:grabbing}.desktop-icon .icon{font-size:2.2rem;margin-bottom:10px;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.3));pointer-events:none;min-height:45px;display:flex;align-items:center;justify-content:center}.desktop-icon span{color:var(--theme-text-inverted);text-shadow:2px 2px 0px rgba(0,0,0,.3);font-size:.75rem;text-align:center;line-height:1.3;pointer-events:none;white-space:normal!important;overflow:visible!important;display:block!important;width:100%!important;word-break:break-all!important;-webkit-hyphens:auto!important;hyphens:auto!important;word-wrap:break-word!important;max-width:100%!important;min-height:2.6em}.desktop-icon span{word-break:break-all!important}.desktop-icon:hover{background:rgba(255,255,255,.2);border:2px dotted #fff;transform:translateY(-2px);transition:all .2s ease}.desktop-icon.locked{cursor:default;opacity:.8}.desktop-icon.locked:hover{background:rgba(255,255,255,.1);border:2px dotted rgba(255,255,255,.5);transform:none}.lock-overlay{position:absolute;top:5px;right:5px;background:rgba(255,255,255,.9);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 0 5px #0000004d;pointer-events:none}.lock-indicator{font-size:.7rem;filter:drop-shadow(1px 1px 0px rgba(0,0,0,.3));pointer-events:none}[data-framer-motion-div],[style*=transformStyle],[style*=transformOrigin]{transition:none!important;animation:none!important;transform:none!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.desktop-icon.locked:active{animation:shake .3s ease-in-out}.window-content{padding:20px;color:var(--theme-text);height:100%;background:white;overflow-y:auto;-webkit-overflow-scrolling:touch}*{scrollbar-width:thin;scrollbar-color:var(--theme-primary) var(--theme-accent)}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{background:var(--theme-accent);border:2px solid var(--theme-primary)}*::-webkit-scrollbar-thumb{background:var(--theme-primary);border:2px solid var(--theme-accent);border-radius:0}*::-webkit-scrollbar-thumb:hover{background:var(--theme-secondary)}.window-content h3{color:var(--theme-primary);margin-bottom:15px;text-shadow:1px 1px 0px #fff;text-align:center;font-size:1.5rem}.pixel-avatar{font-size:4rem;text-align:center;margin-bottom:15px;filter:drop-shadow(2px 2px 0px var(--theme-primary))}.pixel-divider{height:4px;background:var(--theme-primary);margin:15px 0;border:2px solid #fff;box-shadow:0 2px 0 var(--theme-secondary)}.profession{font-weight:700;color:var(--theme-primary);margin:10px 0;font-size:16px;text-shadow:1px 1px 0px #fff;text-align:center}.welcome-text{white-space:pre-line;line-height:1.6;margin-top:15px;text-align:left;max-width:100%;font-size:14px;color:var(--theme-text);background:#fff;padding:15px;border:2px solid var(--theme-accent);border-radius:4px;box-shadow:inset 2px 2px 0 var(--theme-primary),inset -2px -2px 0 var(--theme-secondary)}.about-me-content{max-width:100%;word-wrap:break-word}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.skill-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--theme-accent);border:2px solid var(--theme-primary);transition:all .2s}.skill-item:hover{background:var(--theme-secondary);color:#fff;transform:translate(5px)}.skill-icon{font-size:1.2rem}.projects-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.project-item{padding:20px;background:var(--theme-accent);border:3px solid var(--theme-primary);transition:all .3s ease;position:relative}.project-item:hover{background:var(--theme-secondary);color:#fff;transform:translateY(-5px);box-shadow:0 5px 15px var(--theme-primary)}.project-item h4{color:var(--theme-primary);margin-bottom:10px;font-size:1.2rem;text-shadow:1px 1px 0px #fff}.project-item:hover h4{color:#fff;text-shadow:1px 1px 0px var(--theme-primary)}.project-item p{margin-bottom:15px;line-height:1.5;font-size:.9rem}.project-links{display:flex;gap:15px;margin-bottom:15px}.project-link{padding:8px 16px;background:#fff;color:var(--theme-primary);text-decoration:none;border:2px solid var(--theme-primary);border-radius:4px;font-size:.8rem;font-weight:700;transition:all .2s;text-align:center;flex:1;max-width:100px}.project-link:hover{background:var(--theme-primary);color:#fff;transform:scale(1.05)}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tags span{padding:4px 8px;background:rgba(255,255,255,.8);color:var(--theme-primary);border:1px solid var(--theme-primary);border-radius:3px;font-size:.7rem;font-weight:700}.project-item:hover .project-tags span{background:rgba(255,255,255,.9);color:var(--theme-secondary)}.contact-info{display:flex;flex-direction:column;gap:15px;margin-top:20px}.contact-item{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--theme-accent);border:2px solid var(--theme-primary);transition:all .2s}.contact-item:hover{background:var(--theme-secondary);transform:translate(5px)}.contact-icon{font-size:1.5rem;color:var(--theme-primary);flex-shrink:0}.contact-text{color:var(--theme-text);font-size:.9rem;flex:1}.contact-link{color:var(--theme-text);text-decoration:none;font-size:.9rem;flex:1;transition:color .2s}.contact-link:hover{color:#fff;text-decoration:underline}.copy-btn{padding:6px 10px;background:#fff;border:2px solid var(--theme-primary);color:var(--theme-primary);font-family:inherit;font-size:.8rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:4px}.copy-btn:hover{background:var(--theme-primary);color:#fff;transform:scale(1.05)}.copy-icon{font-size:1rem}.paint-tools{background:var(--theme-accent);padding:15px;border:2px solid var(--theme-primary);margin-bottom:15px;display:flex;flex-direction:column;gap:15px}.tool-section{display:flex;align-items:center;gap:10px}.tool-section label{color:var(--theme-text);font-weight:700;min-width:120px}.color-palette{display:flex;gap:5px;flex-wrap:wrap}.color-btn{width:25px;height:25px;border:2px solid #fff;cursor:pointer;transition:all .2s;border-radius:3px;touch-action:manipulation}.color-btn:hover{transform:scale(1.2);box-shadow:0 0 5px #0000004d}.color-btn.active{border-color:#333;transform:scale(1.3);box-shadow:0 0 8px #00000080}.brush-slider{flex:1;max-width:200px;background:var(--theme-secondary);height:6px;border-radius:3px;outline:none}.brush-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--theme-primary);border:2px solid #fff;cursor:pointer;box-shadow:0 2px 4px #0003}.brush-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--theme-primary);border:2px solid #fff;cursor:pointer;box-shadow:0 2px 4px #0003}.tool-buttons{display:flex;gap:10px;flex-wrap:wrap}.paint-btn{padding:10px 15px;background:#fff;border:2px solid var(--theme-primary);color:var(--theme-primary);cursor:pointer;font-family:inherit;font-size:.8rem;transition:all .2s;border-radius:4px;flex:1;min-width:120px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;touch-action:manipulation}.paint-btn:hover{background:var(--theme-primary);color:#fff;transform:scale(1.05)}.paint-canvas-container{display:flex;justify-content:center;margin-bottom:15px;position:relative;touch-action:none}.paint-canvas{border:3px solid var(--theme-primary);background:white;cursor:crosshair;box-shadow:0 4px 8px #0003;touch-action:none;width:400px;height:400px;max-width:100%}.image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.9);padding:10px 20px;border:2px solid var(--theme-primary);border-radius:5px;color:var(--theme-primary);font-weight:700}.paint-hint{text-align:center;color:#666;font-size:.8rem;background:var(--theme-accent);padding:10px;border:1px solid var(--theme-secondary);border-radius:4px;line-height:1.4}.restart-screen{width:100vw;height:100vh;background:#000;display:flex;justify-content:center;align-items:center;color:#0f0;font-family:"Press Start 2P",monospace}.restart-text{font-size:1.5rem;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(4px)}}.folder-icon{font-size:2rem;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.3))}@media (max-width: 1024px){.desktop-icons{padding:15px 10px;gap:15px}.desktop-icon{width:110px!important}.desktop-icon span{font-size:.7rem}.window-content{padding:15px}.welcome-text{font-size:13px;padding:12px}.skills-grid{grid-template-columns:1fr}.project-links{flex-direction:column}.project-link{max-width:none}}@media (max-width: 768px){.desktop-background{height:calc(100% - 50px)}.desktop-icons{padding:10px 8px;gap:12px}.desktop-icon{width:100px!important;padding:10px 6px}.desktop-icon .icon{font-size:2rem;margin-bottom:8px}.desktop-icon span{font-size:.65rem;line-height:1.25}.lock-overlay{width:16px;height:16px}.lock-indicator{font-size:.6rem}.window-content{padding:12px}.window-content h3{font-size:1.3rem}.pixel-avatar{font-size:3rem}.profession{font-size:14px}.welcome-text{font-size:12px;padding:10px;line-height:1.5}.project-item{padding:15px}.project-item h4{font-size:1.1rem}.project-tags{gap:5px}.project-tags span{font-size:.65rem;padding:3px 6px}.paint-tools{padding:10px}.tool-section{flex-direction:column;align-items:flex-start;gap:8px}.tool-section label{min-width:auto}.brush-slider{max-width:none;width:100%}.paint-canvas{width:300px;height:300px}.tool-buttons{flex-direction:column}.paint-btn{min-width:auto;padding:12px}}@media (max-width: 480px){.desktop-background{height:calc(100% - 45px)}.desktop-icons{padding:8px 5px;gap:10px}.desktop-icon{width:90px!important;padding:8px 4px}.desktop-icon .icon{font-size:1.8rem;margin-bottom:6px}.desktop-icon span{font-size:.6rem;line-height:1.2}.window-content{padding:10px}.window-content h3{font-size:1.1rem}.pixel-avatar{font-size:2.5rem}.profession{font-size:12px}.welcome-text{font-size:11px;padding:8px}.project-item{padding:12px}.project-item h4{font-size:1rem}.project-links{gap:8px}.project-link{padding:6px 12px;font-size:.7rem}.paint-canvas{width:250px;height:250px}.color-btn{width:20px;height:20px}.paint-btn{padding:10px;font-size:.7rem}}@media (max-width: 360px){.desktop-icon{width:85px!important}.desktop-icon span{font-size:.55rem}.paint-canvas{width:220px;height:220px}.color-palette{gap:3px}.color-btn{width:18px;height:18px}}@media (max-height: 600px) and (orientation: portrait){.desktop-icons{flex-direction:row;flex-wrap:wrap;gap:15px}.desktop-icon{position:relative!important;margin-bottom:10px}}@media (max-height: 500px) and (orientation: landscape){.desktop-background{height:calc(100% - 40px)}.desktop-icons{flex-direction:row;flex-wrap:wrap;gap:10px;padding:5px}.desktop-icon{position:relative!important;margin-bottom:5px}}@media (max-width: 320px){.desktop-icon{width:80px!important}.desktop-icon span{font-size:.5rem}.paint-canvas{width:200px;height:200px}}@media (max-width: 768px){.window-content{padding:15px;height:calc(100% - 30px);overflow-y:auto;-webkit-overflow-scrolling:touch}.desktop-background{height:calc(100% - 60px);overflow:hidden}}@media (max-width: 768px){.window{touch-action:pan-x pan-y}.window-body input,.window-body textarea,.window-body [contenteditable=true]{font-size:16px}}.window-title,.start-button,.taskbar-item,.menu-item-title,.notification-text,.bsod-title p,.shutdown-text,.tetris-header h3{word-break:keep-all!important;white-space:normal!important;line-height:1.3!important}.menu-item-title{white-space:normal!important;line-height:1.2!important;font-size:.8rem!important}.menu-item-description{font-size:.6rem!important;line-height:1.3!important}.taskbar-title{font-size:.7rem!important;line-height:1.2!important;white-space:normal!important;max-height:2.4em!important;overflow:hidden!important}.window-title{font-size:.8rem!important;line-height:1.2!important;white-space:normal!important;max-width:200px!important}.notification-text{font-size:.7rem!important;line-height:1.3!important;white-space:normal!important}.bsod-title p{font-size:1.1rem!important;line-height:1.3!important}.bsod-message{font-size:.9rem!important;line-height:1.4!important}.start-button,.taskbar-item,.control-btn,.modal-button,.paint-btn,.project-link,.copy-btn,.tetris-start-btn,.tetris-restart-btn,.tetris-pause-btn,.tetris-drop-btn{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}@media (max-width: 768px){.desktop-icon span{font-size:.65rem!important}.window-title{font-size:.7rem!important;max-width:150px!important}.taskbar-title{font-size:.6rem!important}.menu-item-title{font-size:.7rem!important}}@media (max-width: 480px){.desktop-icon span{font-size:.6rem!important}.window-title{font-size:.65rem!important;max-width:120px!important}}.desktop-icon span{word-break:break-all!important;overflow-wrap:break-word!important;word-wrap:break-word!important}.desktop-icon span{word-break:break-word!important;overflow-wrap:break-word!important}.site-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;z-index:10}.site-preview-toolbar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--theme-accent);border-bottom:2px solid var(--theme-primary);flex-shrink:0;flex-wrap:wrap}.site-preview-url{flex:1;font-size:.55rem;color:var(--theme-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.preview-toolbar-btn{padding:4px 10px;background:#fff;border:2px solid var(--theme-primary);color:var(--theme-primary);font-family:inherit;font-size:.55rem;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all .2s;border-radius:3px}.preview-toolbar-btn:hover{background:var(--theme-primary);color:#fff}.preview-close-btn{background:#fff0f5}.site-preview-iframe{flex:1;width:100%;border:none;min-height:0}.iframe-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:var(--theme-text);font-size:.8rem}.portfolio-divider{height:3px;background:var(--theme-primary);margin:25px 0 10px;border:1px solid var(--theme-accent)}.project-title-with-icon{display:flex;align-items:center;gap:8px}.project-title-with-icon svg{flex-shrink:0}.project-item:hover .project-title-with-icon svg{color:#fff!important}.tetris-game{padding:20px;color:var(--theme-text);height:100%;background:white;overflow-y:auto;font-family:"Press Start 2P",monospace;position:relative}.tetris-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--theme-primary)}.tetris-header h3{color:var(--theme-primary);margin:0;text-shadow:1px 1px 0px #fff;font-size:1.5rem}.tetris-stats{display:flex;gap:20px;font-weight:700}.tetris-score,.tetris-level{background:var(--theme-accent);padding:8px 12px;border:2px solid var(--theme-primary);color:var(--theme-text);font-size:.9rem;text-shadow:1px 1px 0px #fff;min-width:120px;text-align:center}.tetris-content{display:flex;gap:30px;align-items:flex-start;justify-content:center}.tetris-board-container{position:relative}.tetris-board{border:4px solid var(--theme-primary);background:var(--theme-accent);box-shadow:inset 2px 2px #fff,inset -2px -2px 0 var(--theme-shadow);padding:5px}.tetris-row{display:flex}.tetris-cell{width:25px;height:25px;border:1px solid rgba(255,255,255,.2);box-sizing:border-box}.tetris-cell.empty{background:transparent}.tetris-cell.filled{border:2px solid;border-color:#fff var(--theme-shadow) var(--theme-shadow) #fff;box-shadow:inset 1px 1px #ffffff80}.tetris-controls{width:250px;display:flex;flex-direction:column;gap:15px;position:relative}.tetris-start-btn,.tetris-restart-btn,.tetris-pause-btn,.tetris-drop-btn{padding:12px 20px;background:linear-gradient(45deg,var(--theme-secondary),var(--theme-primary));border:3px solid;border-color:#fff var(--theme-shadow) var(--theme-shadow) #fff;color:#fff;cursor:pointer;font-family:inherit;font-weight:700;font-size:.9rem;transition:all .2s;text-shadow:1px 1px 0px var(--theme-shadow)}.tetris-start-btn:hover,.tetris-restart-btn:hover,.tetris-pause-btn:hover,.tetris-drop-btn:hover{background:linear-gradient(45deg,var(--theme-primary),var(--theme-shadow));transform:scale(1.05)}.tetris-start-btn:active,.tetris-restart-btn:active,.tetris-pause-btn:active,.tetris-drop-btn:active{transform:scale(.95)}.tetris-pause-btn.paused{background:linear-gradient(45deg,#32cd32,#228b22)}.tetris-game-over{text-align:center;padding:20px;background:var(--theme-accent);border:3px solid var(--theme-primary);animation:gameOverPulse 2s infinite}.final-score{font-size:1rem;color:var(--theme-text);margin-bottom:15px;font-weight:700}.tetris-game-buttons{display:flex;flex-direction:column;gap:10px}.tetris-instructions{background:var(--theme-accent);padding:15px;border:2px solid var(--theme-secondary);font-size:.8rem;line-height:1.4}.tetris-instructions p{margin:5px 0;color:var(--theme-text);text-align:left}.tetris-instructions strong{color:var(--theme-primary);display:block;text-align:center;margin-bottom:10px}.tetris-pause-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:10}.pause-text{font-size:2rem;font-weight:700;color:var(--theme-primary);text-shadow:2px 2px 0px #fff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.tetris-mobile-controls{display:none;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;margin-top:20px;max-width:300px;width:100%}.tetris-mobile-btn{background:linear-gradient(45deg,var(--theme-primary),var(--theme-secondary));border:3px solid;border-color:#fff var(--theme-shadow) var(--theme-shadow) #fff;color:#fff;padding:15px;cursor:pointer;font-family:inherit;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s;text-shadow:1px 1px 0px var(--theme-shadow);min-height:60px}.tetris-mobile-btn:active{background:linear-gradient(45deg,var(--theme-shadow),var(--theme-primary));transform:scale(.95)}.mobile-rotate{grid-column:2;grid-row:1}.mobile-left{grid-column:1;grid-row:2}.mobile-down{grid-column:2;grid-row:2}.mobile-right{grid-column:3;grid-row:2}.mobile-drop{grid-column:2;grid-row:3}@media (max-width: 1024px){.tetris-content{flex-direction:column;gap:20px;align-items:center}.tetris-controls{width:100%;max-width:400px}.tetris-mobile-controls{display:grid}}@media (max-width: 768px){.tetris-cell{width:20px;height:20px}.tetris-header{flex-direction:column;gap:10px;text-align:center}.tetris-stats{flex-direction:column;gap:10px;width:100%}.tetris-instructions{font-size:.7rem}.tetris-mobile-btn{padding:12px;font-size:1rem;min-height:50px}}@media (max-width: 480px){.tetris-cell{width:15px;height:15px}.tetris-game{padding:10px}.tetris-header h3{font-size:1.2rem}.tetris-instructions{font-size:.6rem;padding:10px}.tetris-mobile-btn{padding:10px;font-size:.9rem;min-height:45px}.tetris-controls{gap:10px}}@media (max-width: 360px){.tetris-cell{width:12px;height:12px}.tetris-mobile-btn{padding:8px;min-height:40px;font-size:.8rem}}.minesweeper-game{padding:20px;color:var(--theme-text);height:100%;background:white;overflow-y:auto;font-family:"Press Start 2P",monospace;position:relative}.minesweeper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--theme-primary)}.minesweeper-header h3{color:var(--theme-primary);margin:0;text-shadow:1px 1px 0px #fff;font-size:1.5rem}.minesweeper-stats{display:flex;gap:20px;font-weight:700}.minesweeper-mines,.minesweeper-timer{background:var(--theme-accent);padding:8px 12px;border:2px solid var(--theme-primary);color:var(--theme-text);font-size:.9rem;text-shadow:1px 1px 0px #fff;min-width:120px;text-align:center}.minesweeper-content{display:flex;gap:30px;align-items:flex-start;justify-content:center}.minesweeper-board-container{position:relative}.minesweeper-board{border:4px solid var(--theme-primary);background:var(--theme-accent);box-shadow:inset 2px 2px #fff,inset -2px -2px 0 var(--theme-shadow);padding:5px;display:inline-block}.minesweeper-row{display:flex}.minesweeper-cell{width:30px;height:30px;border:2px solid;border-color:#fff var(--theme-shadow) var(--theme-shadow) #fff;background:var(--theme-secondary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .1s;box-sizing:border-box}.minesweeper-cell:hover{background:var(--theme-primary);opacity:.8}.minesweeper-cell.revealed{background:var(--theme-accent);border:1px solid var(--theme-shadow)}.minesweeper-cell.mine{background:#ff4444;color:#fff}.minesweeper-cell.flagged{background:var(--theme-secondary);color:#f44}.minesweeper-cell.number-1{color:#00f}.minesweeper-cell.number-2{color:green}.minesweeper-cell.number-3{color:red}.minesweeper-cell.number-4{color:navy}.minesweeper-cell.number-5{color:maroon}.minesweeper-cell.number-6{color:teal}.minesweeper-cell.number-7{color:#000}.minesweeper-cell.number-8{color:gray}.minesweeper-controls{width:250px;display:flex;flex-direction:column;gap:15px;position:relative}.minesweeper-restart-btn{padding:12px 20px;background:linear-gradient(45deg,var(--theme-secondary),var(--theme-primary));border:3px solid;border-color:#fff var(--theme-shadow) var(--theme-shadow) #fff;color:#fff;cursor:pointer;font-family:inherit;font-weight:700;font-size:.9rem;transition:all .2s;text-shadow:1px 1px 0px var(--theme-shadow)}.minesweeper-restart-btn:hover{background:linear-gradient(45deg,var(--theme-primary),var(--theme-shadow));transform:scale(1.05)}.minesweeper-restart-btn:active{transform:scale(.95)}.minesweeper-game-over{text-align:center;padding:20px;background:var(--theme-accent);border:3px solid var(--theme-primary);animation:gameOverPulse 2s infinite}@keyframes gameOverPulse{0%,to{background:var(--theme-accent)}50%{background:var(--theme-secondary)}}.game-over-text{font-size:1.2rem;font-weight:700;color:var(--theme-primary);margin-bottom:10px;text-shadow:1px 1px 0px #fff}.final-time{font-size:1rem;color:var(--theme-text);margin-bottom:15px;font-weight:700}.minesweeper-game-buttons{display:flex;flex-direction:column;gap:10px}.minesweeper-instructions{background:var(--theme-accent);padding:15px;border:2px solid var(--theme-secondary);font-size:.8rem;line-height:1.4}.minesweeper-instructions p{margin:5px 0;color:var(--theme-text);text-align:left}.minesweeper-instructions strong{color:var(--theme-primary);display:block;text-align:center;margin-bottom:10px}@media (max-width: 1024px){.minesweeper-content{flex-direction:column;gap:20px;align-items:center}.minesweeper-controls{width:100%;max-width:400px}}@media (max-width: 768px){.minesweeper-cell{width:25px;height:25px;font-size:.7rem}.minesweeper-header{flex-direction:column;gap:10px;text-align:center}.minesweeper-stats{flex-direction:column;gap:10px;width:100%}.minesweeper-instructions{font-size:.7rem}}@media (max-width: 480px){.minesweeper-cell{width:20px;height:20px;font-size:.6rem}.minesweeper-game{padding:10px}.minesweeper-header h3{font-size:1.2rem}.minesweeper-instructions{font-size:.6rem;padding:10px}.minesweeper-controls{gap:10px}}@media (max-width: 360px){.minesweeper-cell{width:18px;height:18px}}.snake-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;background:white;padding:10px;gap:10px;overflow:auto}.snake-header{display:flex;align-items:center;gap:20px;padding:8px 16px;background:var(--theme-accent);border:2px solid var(--theme-primary);width:100%;max-width:400px;box-sizing:border-box}.snake-score{flex:1;color:var(--theme-primary);font-size:.75rem}.snake-btn{padding:4px 12px;background:white;border:2px solid var(--theme-primary);color:var(--theme-primary);font-family:inherit;font-size:.65rem;cursor:pointer;transition:all .2s}.snake-btn:hover{background:var(--theme-primary);color:#fff}.snake-board-wrap{display:flex;justify-content:center}.snake-board{position:relative;background:#f8f0f5;border:3px solid var(--theme-primary);box-shadow:0 4px 12px var(--theme-shadow);overflow:hidden}.snake-seg{position:absolute;background:var(--theme-secondary);border:1px solid var(--theme-primary);box-sizing:border-box;border-radius:2px}.snake-head{background:var(--theme-primary);border-radius:4px}.snake-food{position:absolute;background:#ff4444;border-radius:50%;box-sizing:border-box;border:2px solid #cc0000;box-shadow:0 0 6px #ff444480}.snake-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10}.snake-overlay h3{color:var(--theme-primary);font-size:1rem;margin:0}.snake-overlay p{color:var(--theme-text);font-size:.65rem;text-align:center;line-height:1.6;margin:0}.snake-controls-hint{background:var(--theme-accent);padding:8px 12px;border:1px solid var(--theme-primary)}.snake-start-btn{padding:8px 20px;background:var(--theme-primary);border:2px solid var(--theme-primary);color:#fff;font-family:inherit;font-size:.7rem;cursor:pointer;transition:all .2s}.snake-start-btn:hover{background:var(--theme-secondary);border-color:var(--theme-secondary)}.snake-mobile-controls{display:none;flex-direction:column;align-items:center;gap:4px}.snake-mobile-row{display:flex;gap:4px}.snake-mobile-btn{width:48px;height:48px;background:var(--theme-accent);border:2px solid var(--theme-primary);color:var(--theme-primary);font-size:1.2rem;cursor:pointer;font-family:inherit;touch-action:manipulation;border-radius:4px}.snake-mobile-btn:active{background:var(--theme-primary);color:#fff}@media (max-width: 768px){.snake-mobile-controls{display:flex}.snake-board{transform:scale(.85);transform-origin:top center}}@media (max-width: 480px){.snake-board{transform:scale(.65);transform-origin:top center}}.games-folder{width:100%;height:100%;background:white;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:1px solid #ccc}.folder-header{background:linear-gradient(45deg,var(--theme-primary),var(--theme-secondary));border-bottom:1px solid var(--theme-border)}.folder-toolbar{padding:5px 10px;background:rgba(255,255,255,.1)}.toolbar-group{display:flex;gap:2px}.toolbar-btn{background:transparent;border:none;color:#fff;padding:6px 12px;cursor:pointer;font-size:.8rem;border-radius:3px;transition:all .2s}.toolbar-btn:hover{background:rgba(255,255,255,.2)}.address-bar{padding:8px 10px;background:white;border-top:1px solid var(--theme-border)}.address-path{color:var(--theme-text);font-size:.9rem;font-weight:500}.folder-body{display:flex;flex:1;overflow:hidden}.folder-sidebar{width:200px;background:#f8f9fa;border-right:1px solid #dee2e6;padding:15px 10px;overflow-y:auto}.sidebar-section{margin-bottom:20px}.sidebar-section h4{color:var(--theme-primary);font-size:.8rem;margin-bottom:8px;padding-left:5px;font-weight:600}.sidebar-item{padding:6px 10px;cursor:pointer;font-size:.8rem;border-radius:3px;transition:all .2s;color:var(--theme-text)}.sidebar-item:hover{background:var(--theme-accent);color:var(--theme-primary)}.folder-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-header{padding:10px 15px;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.view-options{display:flex;gap:5px}.view-btn{padding:4px 8px;background:white;border:1px solid #ccc;cursor:pointer;font-size:.7rem;border-radius:3px;transition:all .2s}.view-btn.active{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.view-btn:hover:not(.active){background:#e9ecef}.folder-info{display:flex;gap:15px;font-size:.7rem;color:#666}.games-grid{flex:1;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;overflow-y:auto;align-content:start}.game-file{display:flex;flex-direction:column;align-items:center;padding:15px 10px;cursor:pointer;border-radius:5px;transition:all .3s ease;border:2px solid transparent;text-align:center}.game-file:hover{background:var(--theme-accent);border-color:var(--theme-primary);transform:translateY(-2px)}.game-file:active{transform:translateY(0)}.file-icon{font-size:2.5rem;margin-bottom:8px;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.1))}.file-name{font-weight:600;color:var(--theme-text);font-size:.8rem;margin-bottom:4px;word-break:break-word;max-width:100px}.file-type{color:#666;font-size:.7rem;margin-bottom:2px}.file-size{color:#888;font-size:.65rem}.folder-statusbar{background:#f8f9fa;border-top:1px solid #dee2e6;padding:5px 15px;display:flex;justify-content:space-between;font-size:.8rem;color:#666}.statusbar-left,.statusbar-right{display:flex;gap:15px}.game-file{cursor:pointer;transition:all .2s}.game-file:hover{background:var(--theme-accent);transform:translateY(-2px)}.coming-soon{text-align:center;padding:40px 20px;color:var(--theme-text)}.coming-soon-icon{font-size:3rem;margin-bottom:20px}.coming-soon h3{color:var(--theme-primary);margin-bottom:15px}@media (max-width: 768px){.folder-sidebar{width:150px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;padding:15px}.file-icon{font-size:2rem}.file-name{font-size:.75rem;max-width:80px}.content-header{flex-direction:column;gap:10px;align-items:flex-start}.folder-info{flex-direction:column;gap:5px}}@media (max-width: 480px){.folder-sidebar{display:none}.games-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;padding:10px}.file-icon{font-size:1.8rem}.file-name{font-size:.7rem;max-width:70px}}.games-grid::-webkit-scrollbar{width:8px}.games-grid::-webkit-scrollbar-track{background:#f1f1f1}.games-grid::-webkit-scrollbar-thumb{background:var(--theme-primary);border-radius:4px}.games-grid::-webkit-scrollbar-thumb:hover{background:var(--theme-secondary)}.game-fullscreen{width:100%;height:100%;display:flex;flex-direction:column;background:white}.game-header{display:flex;align-items:center;gap:15px;padding:15px 20px;background:var(--theme-accent);border-bottom:2px solid var(--theme-primary)}.back-button{padding:8px 12px;background:var(--theme-accent);border:2px solid var(--theme-primary);color:var(--theme-primary);cursor:pointer;font-family:inherit;font-size:.8rem;transition:all .2s;border-radius:4px}.back-button:hover{background:var(--theme-primary);color:#fff}.game-title{color:var(--theme-primary);margin:0;display:flex;align-items:center;gap:10px;font-size:1.2rem}.game-icon{font-size:1.5rem}.game-content{flex:1;overflow:hidden;padding:0}.coming-soon{text-align:center;padding:60px 20px;background:var(--theme-accent);border:3px solid var(--theme-primary);font-size:1rem;color:var(--theme-primary);display:flex;flex-direction:column;align-items:center;gap:20px;height:100%;justify-content:center}.coming-soon-icon{font-size:3rem}.coming-soon h3{margin:0;font-size:1.2rem}.coming-soon p{margin:0;font-size:.9rem;line-height:1.5}@media (max-width: 768px){.game-header{padding:10px 15px}.back-button{padding:6px 10px;font-size:.7rem}.game-title{font-size:1rem}}<<<<<<< HEAD .games-list-view{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.game-list-item{======= .view-list {display: flex; flex-direction: column; padding: 10px; gap: 2px; align-content: start;} .game-file-list {>>>>>>> 901fcc0264df55b468a0744854b7fb802f2f7d84 display: flex; align-items: center; gap: 10px; padding: 6px 10px; cursor: pointer; border-radius: 3px; transition: background .15s; border: 1px solid transparent;} <<<<<<< HEAD .game-list-item:hover {======= .game-file-list:hover {>>>>>>> 901fcc0264df55b468a0744854b7fb802f2f7d84 background: var(--theme-accent); border-color: var(--theme-primary);} <<<<<<< HEAD .game-list-item .list-icon {======= .list-icon {>>>>>>> 901fcc0264df55b468a0744854b7fb802f2f7d84 font-size: 1.2rem; flex-shrink: 0;} <<<<<<< HEAD .game-list-item .list-name {font-size: .8rem; color: var(--theme-text); font-weight: 500;} .games-details-view {flex: 1; overflow-y: auto; display: flex; flex-direction: column;} .details-header-row {display: grid; grid-template-columns: 32px 1fr 100px 80px; padding: 6px 10px; background: #e9ecef; border-bottom: 2px solid var(--theme-primary); font-size: .7rem; font-weight: 700; color: var(--theme-primary); ======= .list-name {font-size: .85rem; font-weight: 500; color: var(--theme-text);} .view-details {display: flex; flex-direction: column; padding: 0; gap: 0; align-content: start;} .details-header {display: grid; grid-template-columns: 1.5rem 160px 80px 70px 1fr; gap: 0 12px; padding: 5px 10px; background: #e9ecef; border-bottom: 1px solid #ccc; font-size: .75rem; font-weight: 600; color: #555; >>>>>>> 901fcc0264df55b468a0744854b7fb802f2f7d84 position: sticky; top: 0;} <<<<<<< HEAD .game-details-item {display: grid; grid-template-columns: 32px 1fr 100px 80px; padding: 7px 10px; cursor: pointer; border-bottom: 1px solid #f0f0f0; transition: background .15s; align-items: center;} .game-details-item:hover {background: var(--theme-accent);} .details-col-icon {font-size: 1.1rem;} .details-col-name {font-size: .75rem; color: var(--theme-text); font-weight: 500;} .details-col-type,.details-col-size {font-size: .7rem; color: #666;} ======= .game-file-details {display: grid; grid-template-columns: 1.5rem 160px 80px 70px 1fr; gap: 0 12px; align-items: center; padding: 6px 10px; cursor: pointer; border-bottom: 1px solid #f0f0f0; transition: background .15s; font-size: .8rem;} .game-file-details:hover {background: var(--theme-accent);} .details-icon {font-size: 1.1rem;} .details-name {font-weight: 500; color: var(--theme-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .details-type {color: #666;} .details-size {color: #888; text-align: right;} .details-desc {color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} >>>>>>> 901fcc0264df55b468a0744854b7fb802f2f7d84 * {margin: 0; padding: 0; box-sizing: border-box;} body {font-family: "Press Start 2P",cursive,monospace; background: #ff69b4; overflow: hidden; touch-action: manipulation;} .app {width: 100vw; height: 100vh; position: relative; overflow: hidden;} .pixel-border {border-style: solid; border-width: 4px; border-color: #ffb6c1 #ff1493 #ff1493 #ffb6c1; box-shadow: inset 2px 2px 0px #fff,inset -2px -2px 0px #ff1493;} .pixel-border-inset {border-style: solid; border-width: 4px; border-color: #ff1493 #ffb6c1 #ffb6c1 #ff1493; box-shadow: inset -2px -2px 0px #fff,inset 2px 2px 0px #ff1493;} .app.mobile {font-size: 14px;} .app.mobile .window {min-width: 300px; max-width: 95vw;} .app.mobile .window-content {padding: 10px; font-size: 14px;} @media (max-width: 768px) {* {-webkit-text-size-adjust: none; text-size-adjust: none;} input,textarea,select {font-size: 16px;}} @media (max-width: 360px) {.app.mobile .window {min-width: 280px;}} @media (max-height: 600px) and (orientation: portrait) {.app {height: 100vh;}} @media (max-height: 500px) and (orientation: landscape) {.app.mobile {font-size: 12px;}} :root {font-family: "Press Start 2P",cursive,monospace;} html {overflow: hidden;} body {margin: 0; min-width: 320px; min-height: 100vh; overflow: hidden;} #root {width: 100%; height: 100vh;}}}}}