@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
    
    @keyframes brutalPulse { 0% { transform: scale(1); box-shadow: 8px 8px 0 #1a1a2e; } 50% { transform: scale(1.05); box-shadow: 12px 12px 0 #1a1a2e; } 100% { transform: scale(1); box-shadow: 8px 8px 0 #1a1a2e; } }
    @keyframes brutalBarFill { 0% { width: 0%; } 100% { width: 100%; } }
    @keyframes brutalBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
    @keyframes brutalSlideUp { 0% { transform: translateY(100vh); } 100% { transform: translateY(0); } }
    @keyframes splashExit { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-50px); pointer-events: none; } }
    
    .bg-brutal-dots {
        position: absolute; inset: 0; z-index: 0; pointer-events: none;
        background-color: #fce4ec;
        background-image: radial-gradient(circle, rgba(26,26,46,0.3) 2px, transparent 2px);
        background-size: 30px 30px;
    }
    .splash-exiting { animation: splashExit 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards !important; }
    
    /* suppress old splash */
    .splash-icon-box,.splash-logo,[id="splashScreen"],[id="splash-overlay"],[id="loading-screen"],[id="loadingScreen"],[id="preloader"]{display:none!important;opacity:0!important;pointer-events:none!important}