@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap');
        body { background-color: #0f1117; color: #e2e8f0; font-family: 'Orbitron', sans-serif; margin: 0; overflow: hidden; }
        canvas { display: block; }
        .neon-text { text-shadow: 0 0 10px rgba(0, 242, 255, 0.8); }
        .shop-item { background: rgba(30, 41, 59, 0.7); border: 1px solid #334155; transition: 0.2s; cursor: pointer; }
        .shop-item:hover { border-color: #fcd34d; background: rgba(252, 211, 77, 0.1); }
        .hud-bar { height: 8px; border-radius: 4px; background: #1e293b; overflow: hidden; border: 1px solid #334155; }
        .upgrade-card { transition: transform 0.2s; }
        .upgrade-card:hover { transform: scale(1.05); }
        .btn-glow:hover { box-shadow: 0 0 20px rgba(0, 242, 255, 0.4); }
        .ranking-list { scrollbar-width: none; }
        .ranking-list::-webkit-scrollbar { display: none; }
        .boss-alert { animation: blink 0.5s infinite alternate; }
        .synergy-badge { background: linear-gradient(45deg, #fcd34d, #f59e0b); color: black; padding: 2px 6px; border-radius: 4px; font-size: 8px; font-weight: 900; animation: bounce 0.5s infinite; }
        @keyframes blink { from { opacity: 0; } to { opacity: 1; } }
        @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }