@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}.main-layout{flex-direction:column;flex-grow:1;align-items:center;gap:16px;width:100%;display:flex}.layout-player{justify-content:center;width:100%;display:flex}.layout-blackhole,.layout-logo{display:none!important}@media (width>=768px){.app-container{max-width:1200px;padding:40px 24px}.main-layout{grid-template:"left middle right""left logo right"/1fr auto 1fr;place-items:center;gap:24px;width:100%;display:grid}.layout-player{grid-area:middle}.layout-blackhole{flex-direction:column;grid-area:1/left/span 2;align-self:start;align-items:flex-start;padding-top:55px;display:flex!important}.black-hole-wrapper{margin-left:-100px!important}.black-hole-canvas{transition:transform .5s ease-in-out,opacity .3s;transform:scale(1);width:340px!important;height:340px!important;margin:-110px 0 0!important}.black-hole-wrapper.hovered .black-hole-canvas{transition:transform 1.3s cubic-bezier(.1,.8,.25,1)!important;transform:scale(2)!important}.layout-logo{grid-area:logo;margin-top:20px!important;display:flex!important}}@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)}}.black-hole-text{color:#000;letter-spacing:4px;font-size:12px;font-weight:900;font-family:var(--font-sans);text-align:center;text-transform:uppercase;pointer-events:none;margin-bottom:8px;transition:letter-spacing .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.black-hole-wrapper.hovered .black-hole-text{text-shadow:1px 0 #0000001a,-1px 0 #0000001a;letter-spacing:6px!important}.black-hole-wrapper.clicked .black-hole-text{opacity:0;filter:blur(8px);transition:all .6s cubic-bezier(.6,-.28,.735,.045);transform:scale(.7)translateY(12px);letter-spacing:2px!important}.black-hole-canvas{pointer-events:none;width:340px;height:340px;margin-top:-110px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:block}