/* Copyright © 2025 by Day Job Media */
body {
           font-family: 'Orbitron', sans-serif;
           overflow: hidden;
           background-color: #1a1a1a;
           overscroll-behavior: none;
           touch-action: none;
           font-weight: 700; /* Bolder font weight for retro feel */
       }
       canvas {
           background-color: #0c0a09; /* even darker for space feel */
           display: block;
           border: 4px solid #4a4a4a;
           border-radius: 8px;
           touch-action: none;
       }
       .hud-item, .menu-button {
           background-color: rgba(0, 0, 0, 0.5);
           padding: 10px 20px;
           border-radius: 8px;
           border: 2px solid #4a4a4a;
           transition: all 0.2s;
       }
       .hud-item {
           min-height: 90px;
       }
       .menu-button:hover, .menu-button:focus {
           background-color: rgba(255, 255, 255, 0.1);
           border-color: #facc15;
           outline: none;
       }
       .time-button.active {
           border-color: #facc15; /* yellow-400 */
           background-color: rgba(250, 204, 21, 0.2);
           color: #fef08a;
       }
       .screen {
           position: absolute;
           inset: 0;
           background-color: rgba(0,0,0,0.85);
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           text-align: center;
           z-index: 100;
           padding: 1rem 1rem;
           max-height: 95vh;
           margin: 1rem;
           overflow-y: auto;
       }
       .effect-text, .taunt-text, .warning-text {
           font-size: 0.8rem;
           line-height: 1rem;
           animation: fadeIn 0.3s;
           font-weight: 400;
       }
       .warning-text {
            font-size: 1.25rem;
            animation: pulse 1.5s infinite;
            font-weight: 700;
       }
       .powerup-item {
           display: flex;
           align-items: center;
           gap: 1rem;
           text-align: left;
           margin-bottom: 0.75rem;
           background-color: rgba(255,255,255,0.05);
           padding: 0.5rem;
           border-radius: 8px;
           border-left: 4px solid;
       }
       .powerup-item canvas {
           width: 40px;
           height: 40px;
           border: none;
           background: transparent;
           flex-shrink: 0;
       }
       @keyframes fadeIn {
           from { opacity: 0; }
           to { opacity: 1; }
       }
       @keyframes pulse {
           0%, 100% { opacity: 1; transform: scale(1); }
           50% { opacity: 0.7; transform: scale(1.05); }
       }