@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:320px;min-height:100vh;overflow-x:hidden;background:#000}#app{width:100%}:root{background:#000;color:#fff;overflow-x:hidden}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;-webkit-user-select:none;user-select:none;background:linear-gradient(125deg,#050005,#150015 40%,#000020,#000),radial-gradient(circle at 10% 20%,rgba(255,0,255,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,255,255,.05) 0%,transparent 40%);background-attachment:fixed}.section-title{font-family:Permanent Marker,cursive;font-size:2rem;color:#0ff;margin:3rem 0 1.5rem;text-shadow:0 0 10px #00ffff;letter-spacing:3px}.hero{cursor:pointer;margin-bottom:2rem;transition:transform .2s;position:relative}.hero:hover{transform:scale(1.02)}.hero:active{transform:scale(.95)}.main-goon-wrapper{position:relative;display:inline-block}.speech-bubble{position:absolute;top:-20px;right:-80px;background:#fff;color:#000;padding:10px 20px;border-radius:20px;font-family:Permanent Marker,cursive;font-size:1.2rem;box-shadow:0 0 20px #f0f;animation:float 2s infinite ease-in-out;z-index:20}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:10px;border-width:10px 10px 0;border-style:solid;border-color:#fff transparent transparent}@keyframes float{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-10px) rotate(8deg)}}.main-goon{width:90vw;max-width:600px;filter:drop-shadow(0 0 30px #ff00ff);animation:pulse 1.5s infinite ease-in-out}.neon-text{font-family:Permanent Marker,cursive;font-size:clamp(2.5rem,8vw,6rem);font-weight:900;margin-top:-1.5rem;background:linear-gradient(to right,#f0f,#0ff,#f0f,#0ff);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:neonFlow 2s linear infinite,textGrow 1s infinite ease-in-out;text-shadow:0 0 20px rgba(255,0,255,.8),0 0 40px rgba(0,255,255,.8);position:relative;z-index:10}@keyframes pulse{0%,to{transform:scale(1) rotate(-2deg);filter:drop-shadow(0 0 30px #ff00ff)}50%{transform:scale(1.05) rotate(2deg);filter:drop-shadow(0 0 60px #00ffff)}}@keyframes neonFlow{to{background-position:300% center}}@keyframes textGrow{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.5)}}.sound-board{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;max-width:1000px;background:#ffffff0d;padding:2rem;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.sound-icon-container{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sound-icon-container:hover{transform:translateY(-5px) scale(1.1)}.sound-icon-container.active .sound-icon{border-color:#0ff;box-shadow:0 0 30px #0ff;animation:wiggle .5s infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.icon-wrapper{position:relative;width:80px;height:80px}.sound-icon{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #ff00ff;box-shadow:0 0 15px #f0f;transition:all .3s}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#fff;opacity:0;transition:opacity .3s;text-shadow:0 0 10px black}.sound-icon-container:hover .play-overlay{opacity:1}.sound-label{margin-top:.8rem;font-size:.8rem;color:#fff;font-weight:700;text-transform:uppercase}.playlist-container{width:100%;max-width:600px;background:#0009;border:2px solid #ff00ff;border-radius:15px;overflow:hidden;margin-bottom:5rem}.playlist-item{display:flex;align-items:center;padding:1rem 1.5rem;cursor:pointer;border-bottom:1px solid rgba(255,0,255,.2);transition:background .2s}.playlist-item:last-child{border-bottom:none}.playlist-item:hover{background:#ff00ff1a}.playlist-item.active{background:#00ffff1a}.playlist-icon-mini{width:40px;height:40px;margin-right:1.5rem}.playlist-icon-mini img{width:100%;height:100%;object-fit:cover;border-radius:5px;border:1px solid #00ffff}.playlist-info{flex-grow:1;text-align:left;display:flex;flex-direction:column}.song-name{font-weight:700;font-size:1.1rem}.playing-indicator{font-size:.7rem;color:#0ff;letter-spacing:1px;margin-top:2px}.playlist-play-btn{font-size:1.5rem;color:#f0f}.blasted-goon{position:fixed;width:60px;pointer-events:none;z-index:9999;filter:drop-shadow(0 0 5px #ff00ff)}@media(max-width:768px){.neon-text{font-size:2.5rem;margin-top:0}.speech-bubble{right:0;top:-40px}}