@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&family=Outfit:wght@400;600;700;900&display=swap";:root{--bg-color:#fff;--text-color:#000;--border-color:#000;--accent-color:red;--accent-hover:#c00;--border-width:1.5px;--border-width-thick:2px;--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}body{background-color:var(--bg-color);flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}#root{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#000;border:1px solid #fff}.brutalist-card{border:var(--border-width-thick) solid var(--border-color);background:#fff;border-radius:12px;padding:24px;transition:all .15s cubic-bezier(.165,.84,.44,1)}.brutalist-button{border:var(--border-width) solid var(--border-color);color:#000;text-transform:uppercase;cursor:pointer;text-align:center;width:100%;font-size:14px;font-weight:700;font-family:var(--font-sans);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;transition:all .15s cubic-bezier(.165,.84,.44,1);display:inline-flex}.brutalist-button:hover{background:#f5f5f5;transform:translateY(-1px)}.brutalist-button:active{background:#eee;transform:translateY(1px)}.brutalist-button-secondary{border:1px solid var(--border-color);color:#000;cursor:pointer;width:100%;font-size:12px;font-weight:600;font-family:var(--font-sans);background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:7px 12px;text-decoration:none;transition:all .15s;display:inline-flex}.brutalist-button-secondary:hover{background:#f0f0f0;transform:translateY(-1px)}.brutalist-button-secondary:active{transform:translateY(1px)}.on-air-badge{border:1px solid var(--accent-color);color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;background:#fff;border-radius:20px;align-items:center;gap:6px;margin:0;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.on-air-dot{background-color:var(--accent-color);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:.4;transform:scale(1.08)}to{opacity:0;transform:scale(1.22)}}.visualizer-container{justify-content:center;align-items:flex-end;gap:4px;height:48px;margin-top:16px;display:flex}.visualizer-bar{background-color:#000;border-radius:2px;width:4px;height:4px;transition:height .1s}.visualizer-bar.active{animation:bounce var(--duration,1s) ease-in-out infinite alternate}@keyframes bounce{10%{height:8px}30%{height:32px}60%{height:16px}80%{height:44px}to{height:12px}}.app-container{flex-direction:column;flex-grow:1;align-items:center;gap:16px;width:100%;max-width:600px;margin:0 auto;padding:16px;display:flex}@media (width>=768px){.app-container{max-width:900px;padding:40px 24px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bounceGuide{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.game-banner-button{transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s!important}.game-banner-button:hover{transform:translateY(-3px)scale(1.01);box-shadow:5px 5px #000!important}.game-banner-button:hover .game-overlay{background-color:#00000059!important}.game-banner-button:active{transform:translateY(2px)scale(.99);box-shadow:1px 1px #000!important}@keyframes bounceMoped{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}