@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Permanent+Marker&display=swap";:root{--color-bg: #0a0a0a;--color-bg-subtle: #141414;--color-text: #f5f0e8;--color-text-muted: #a09a8c;--splash-yellow: #e8c547;--splash-blue: #3a7bd5;--splash-orange: #e85d3a;--splash-purple: #9b59b6;--font-hand: "Caveat", cursive;--font-marker: "Permanent Marker", cursive;--font-body: "Caveat", cursive;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1.25rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}#root{display:flex;flex-direction:column;min-height:100vh}a{color:var(--splash-yellow);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--splash-orange)}h1,h2,h3,h4,h5,h6{font-family:var(--font-marker);font-weight:400;line-height:1.2;letter-spacing:.02em}::selection{background-color:var(--splash-purple);color:var(--color-text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--splash-yellow)}:focus-visible{outline:2px dashed var(--splash-yellow);outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{min-height:110vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-xl)}.splash{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite;pointer-events:none}.splash-yellow{background:var(--splash-yellow);top:10%;left:10%;animation-delay:0s}.splash-blue{background:var(--splash-blue);top:5%;right:15%;animation-delay:-2s}.splash-orange{background:var(--splash-orange);bottom:20%;right:10%;animation-delay:-4s}.splash-purple{background:var(--splash-purple);bottom:15%;left:15%;animation-delay:-6s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-10px,20px) scale(.95)}75%{transform:translate(-25px,-15px) scale(1.02)}}.hero-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.hero-logo{width:clamp(320px,60vw,650px);height:auto;filter:drop-shadow(0 0 25px var(--splash-yellow)) drop-shadow(0 0 50px var(--splash-purple)) drop-shadow(0 0 80px var(--splash-blue));animation:logoFloat 4s ease-in-out infinite,fadeIn .8s ease both,logoGlow 6s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 20px var(--splash-yellow)) drop-shadow(0 0 40px var(--splash-purple)) drop-shadow(0 0 60px var(--splash-blue))}33%{filter:drop-shadow(0 0 20px var(--splash-orange)) drop-shadow(0 0 40px var(--splash-yellow)) drop-shadow(0 0 60px var(--splash-purple))}66%{filter:drop-shadow(0 0 20px var(--splash-blue)) drop-shadow(0 0 40px var(--splash-orange)) drop-shadow(0 0 60px var(--splash-yellow))}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-15px) rotate(.5deg)}}.hero-tagline{font-family:var(--font-hand);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--color-text-muted);font-weight:500;transform:rotate(-2deg);position:relative}.hero-tagline:before{content:"~";margin-right:.5rem;color:var(--splash-yellow)}.hero-tagline:after{content:"~";margin-left:.5rem;color:var(--splash-orange)}@media(max-width:768px){.hero{min-height:80vh;padding:var(--space-md)}.splash{width:200px;height:200px}.hero-logo{width:clamp(250px,70vw,400px)}}@media(max-width:480px){.splash{width:150px;height:150px;filter:blur(60px)}}.scroll-indicator{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);animation:fadeInUp 1s ease 1s both}.scroll-text{font-family:var(--font-hand);font-size:1rem;color:var(--color-text-muted);text-transform:lowercase}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--splash-yellow);border-bottom:2px solid var(--splash-yellow);transform:rotate(45deg);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:rotate(45deg) translateY(0);opacity:1}50%{transform:rotate(45deg) translateY(10px);opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hero-tagline{animation:fadeIn .8s ease .4s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.scroll-indicator{bottom:var(--space-md)}}.about{padding:var(--space-xl) 0;position:relative}.about-content{max-width:600px;margin:0 auto;text-align:center}.about-text{font-family:var(--font-hand);font-size:clamp(1.4rem,3vw,1.8rem);color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-sm)}.about-text:first-child{color:var(--color-text);font-size:clamp(1.6rem,3.5vw,2rem)}.about-signature{font-family:var(--font-marker);font-size:clamp(2rem,5vw,3rem);color:var(--splash-yellow);margin-top:var(--space-md);transform:rotate(-2deg);display:inline-block}@media(max-width:768px){.about{padding:var(--space-lg) var(--space-sm)}.about-text{line-height:1.6}}.releases{padding:var(--space-xl) 0;position:relative;animation:sectionFadeIn .8s ease both}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.releases-title{font-size:clamp(2.5rem,8vw,4rem);text-align:center;margin-bottom:var(--space-lg);color:var(--color-text);transform:rotate(-1deg);position:relative;display:inline-block;width:100%}.releases-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--splash-yellow),var(--splash-orange),var(--splash-purple));border-radius:2px}.releases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));justify-content:center;gap:var(--space-md);padding:var(--space-md) 0}.release-card{background:var(--color-bg-subtle);border-radius:16px;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;border:2px dashed transparent}.release-card:hover{transform:translateY(-8px) rotate(.5deg);box-shadow:0 20px 40px #0006,0 0 0 2px var(--splash-yellow);border-color:var(--splash-yellow)}.release-cover-wrapper{position:relative;padding-top:100%;overflow:hidden}.release-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.release-card:hover .release-cover{transform:scale(1.05)}.release-info{padding:var(--space-md);text-align:center}.release-title{font-family:var(--font-marker);font-size:1.6rem;color:var(--color-text);margin-bottom:var(--space-xs);transform:rotate(-.5deg)}.release-year{font-family:var(--font-hand);font-size:1.2rem;color:var(--color-text-muted);display:block;margin-bottom:var(--space-sm)}.release-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm)}.platform-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-bg);color:var(--color-text);transition:all var(--transition-fast);border:2px solid transparent}.platform-link svg{width:22px;height:22px}.platform-link:hover{color:var(--platform-color, var(--splash-yellow));border-color:var(--platform-color, var(--splash-yellow));transform:scale(1.15) rotate(-5deg);box-shadow:0 4px 12px #0000004d}.release-coming-soon{font-family:var(--font-hand);font-size:1.1rem;color:var(--color-text-muted);font-style:italic;margin-top:var(--space-sm)}@media(max-width:768px){.releases{padding:var(--space-lg) 0}.releases-grid{grid-template-columns:1fr;gap:var(--space-md)}.release-card:hover{transform:translateY(-4px)}}@media(max-width:480px){.release-info{padding:var(--space-sm)}.release-title{font-size:1.5rem}.platform-link{width:40px;height:40px}.platform-link svg{width:18px;height:18px}}.contact{padding:var(--space-xl) 0;text-align:center;position:relative;animation:contactFadeIn .8s ease .2s both}@keyframes contactFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;max-width:400px;height:2px;background:linear-gradient(90deg,transparent,var(--splash-purple),var(--splash-blue),var(--splash-yellow),transparent)}.contact-title{font-size:clamp(2rem,6vw,3rem);color:var(--color-text);margin-bottom:var(--space-md);transform:rotate(1deg)}.contact-email{font-family:var(--font-hand);font-size:clamp(1.5rem,5vw,2.5rem);color:var(--splash-yellow);display:inline-block;padding:var(--space-sm) var(--space-md);border:2px dashed var(--color-text-muted);border-radius:12px;transition:all var(--transition-normal);position:relative;background:var(--color-bg-subtle)}.contact-email:before{content:"→";position:absolute;left:-40px;top:50%;transform:translateY(-50%);color:var(--splash-orange);font-size:1.5rem;opacity:0;transition:all var(--transition-fast)}.contact-email:hover{color:var(--color-text);border-color:var(--splash-yellow);transform:translate(10px) rotate(-1deg);box-shadow:0 8px 24px #e8c54733,4px 4px 0 var(--splash-purple)}.contact-email:hover:before{opacity:1;left:-30px}@media(max-width:768px){.contact{padding:var(--space-lg) 0}.contact-email{padding:var(--space-xs) var(--space-sm)}.contact-email:before{display:none}.contact-email:hover{transform:translateY(-4px)}}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1;display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;padding:0 var(--space-md)}.footer{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--color-text-muted);font-size:1rem;border-top:1px dashed var(--color-text-muted);margin-top:auto}.footer-text{font-family:var(--font-hand)}@media(max-width:768px){.main-content{padding:0 var(--space-sm)}.footer{padding:var(--space-md) var(--space-sm)}}