*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{color:#fff;background:#0a0a12;font-family:VT323,monospace}#app{background:radial-gradient(at 20% 0,#7800c826 0%,#0000 50%),radial-gradient(at 80% 100%,#0096ff1a 0%,#0000 50%),radial-gradient(#00ff960d 0%,#0000 70%),linear-gradient(#0a0a12 0%,#12121f 50%,#0a0a12 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}#app:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.glow-orb{filter:blur(80px);opacity:.4;pointer-events:none;z-index:0;border-radius:50%;animation:20s ease-in-out infinite float;position:fixed}.glow-orb-1{background:radial-gradient(circle,#8a2be299 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.glow-orb-2{background:radial-gradient(circle,#00bfff80 0%,#0000 70%);width:500px;height:500px;animation-delay:-5s;bottom:-150px;right:-150px}.glow-orb-3{background:radial-gradient(circle,#00ff7f66 0%,#0000 70%);width:300px;height:300px;animation-delay:-10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,30px)scale(1.05)}}.header{z-index:1000;background:linear-gradient(#000000b3 0%,#0000 100%);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:#fff;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon{font-size:1.75rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logo-text{letter-spacing:3px;text-transform:uppercase;font-family:"Press Start 2P",cursive;font-size:.875rem}.logo-text span{color:#0f8;text-shadow:0 0 20px #00ff8880}.nav-links{gap:32px;display:flex}.nav-link{color:#fff9;letter-spacing:1px;font-size:1rem;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover{color:#0f8}.nav-link:after{content:"";background:linear-gradient(90deg,#0f8,#0cf);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.nav-btn{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}#webamp-container{z-index:10;justify-content:center;align-items:center;margin-top:80px;display:flex;position:relative}#webamp-container>div{flex-direction:column;align-items:center;display:flex}@media (max-width:768px){#webamp-container{margin-top:60px}#webamp-container *{touch-action:manipulation}}.info-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0009;border:1px solid #ffffff1a;border-radius:16px;gap:32px;padding:16px 32px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.info-item{flex-direction:column;align-items:center;gap:6px;display:flex}.info-icon{font-size:1.5rem}.info-text{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.loading-screen{z-index:9999;background:#0a0a12;flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-icon{font-size:4rem;animation:1s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.loading-title{color:#0f8;text-shadow:0 0 30px #00ff8880;letter-spacing:4px;font-family:"Press Start 2P",cursive;font-size:1rem}.loading-bar{background:#ffffff1a;border-radius:2px;width:250px;height:4px;overflow:hidden}.loading-bar-inner{background:linear-gradient(90deg,#0f8,#0cf,#8a2be2) 0 0/200% 100%;border-radius:2px;width:30%;height:100%;animation:1.5s ease-in-out infinite loading}@keyframes loading{0%{width:0%;margin-left:0%}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.loading-tip{color:#fff6;margin-top:16px;font-size:.875rem}.particles{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.particle{background:#fff6;border-radius:50%;width:3px;height:3px;animation:20s linear infinite particle-float;position:absolute}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(720deg)}}@media (max-width:768px){.header{padding:12px 16px}.logo-text{font-size:.625rem}.nav-links,.info-panel{display:none}.info-text{font-size:.625rem}}.mobile-message{display:none}@media (max-width:768px){.mobile-message{color:#0f8;z-index:1000;text-shadow:0 0 10px #00ff8880;background:#00ff8826;border:1px solid #0f86;border-radius:12px;padding:10px 20px;font-family:VT323,monospace;font-size:1.25rem;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}}@media (display-mode:standalone){.nav-links{display:none}}@media (display-mode:fullscreen){.nav-links{display:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.skin-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.skin-modal.hidden{display:none}.skin-modal-content{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 50%,#0f0f1a 100%);border:1px solid #00ff884d;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 0 40px #00ff881a,0 20px 60px #00000080}.skin-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.skin-modal-header h2{color:#0f8;text-shadow:0 0 20px #00ff8880;font-family:"Press Start 2P",cursive;font-size:.875rem}.skin-modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .3s;display:flex}.skin-modal-close:hover{background:#ff00004d;transform:rotate(90deg)}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;max-height:50vh;padding:24px;display:grid;overflow-y:auto}.skin-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;overflow:hidden}.skin-card:hover{border-color:#0f8;transform:translateY(-4px);box-shadow:0 10px 30px #0f83}.skin-preview{background:linear-gradient(135deg,#8a2be233 0%,#00bfff33 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100px;display:flex}.skin-placeholder{font-size:2.5rem}.skin-name{color:#fffc;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 8px;font-size:.75rem;overflow:hidden}.skin-apply-btn{color:#000;cursor:pointer;background:linear-gradient(90deg,#0f8,#0cf);border:none;width:100%;padding:12px;font-family:VT323,monospace;font-size:1rem;font-weight:700;transition:all .3s}.skin-apply-btn:hover{color:#fff;background:linear-gradient(90deg,#0cf,#8a2be2)}.skin-modal-footer{text-align:center;border-top:1px solid #ffffff1a;padding:16px 24px}.skin-modal-footer p{color:#ffffff80;font-size:.875rem}@media (max-width:768px){.skin-modal-content{max-height:90vh}.skin-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.skin-modal-header{padding:16px}.skin-modal-header h2{font-size:.75rem}.skin-preview{height:80px}.skin-placeholder{font-size:2rem}.skin-name{font-size:.65rem}.skin-apply-btn{padding:10px;font-size:.875rem}}#pwa-install-banner{z-index:10001;opacity:0;transition:all .3s;position:fixed;bottom:-100px;left:50%;transform:translate(-50%)}#pwa-install-banner.show{opacity:1;bottom:20px}.pwa-banner-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #0f86;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 0 30px #0f83,0 10px 40px #00000080}.pwa-banner-icon{font-size:2.5rem;animation:1s ease-in-out infinite bounce}.pwa-banner-text{flex-direction:column;gap:4px;display:flex}.pwa-banner-text strong{color:#0f8;text-shadow:0 0 20px #00ff8880;font-family:"Press Start 2P",cursive;font-size:.75rem}.pwa-banner-text span{color:#ffffffb3;font-size:.875rem}.pwa-banner-buttons{gap:8px;display:flex}.pwa-btn-install{color:#000;cursor:pointer;background:linear-gradient(90deg,#0f8,#0cf);border:none;border-radius:8px;padding:10px 20px;font-family:VT323,monospace;font-size:1rem;font-weight:700;transition:all .3s}.pwa-btn-install:hover{transform:scale(1.05);box-shadow:0 0 20px #00ff8880}.pwa-btn-dismiss{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px 16px;font-family:VT323,monospace;font-size:1rem;transition:all .3s}.pwa-btn-dismiss:hover{color:#fff;background:#fff3}@media (max-width:768px){#pwa-install-banner{width:auto;left:10px;right:10px;transform:none}.pwa-banner-content{text-align:center;flex-direction:column;gap:12px;padding:20px}.pwa-banner-icon{font-size:3rem}.pwa-banner-buttons{width:100%}.pwa-btn-install,.pwa-btn-dismiss{flex:1;padding:12px}}