*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:linear-gradient(180deg,#1a0f2e,#0a0a0a);color:#00f3ff;overflow:hidden;height:100vh;display:flex;justify-content:center;align-items:center}#game-container{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}#hud{display:flex;justify-content:space-between;padding:1rem 2rem;background:#0a0a0acc;border-bottom:2px solid #00f3ff;font-size:1.2rem;letter-spacing:2px}.hud-left,.hud-right{display:flex;gap:2rem}#game-area{flex:1;display:flex;position:relative}#dial-section{width:20%;min-width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:#1a0f2e99;border-right:2px solid #00f3ff}#dial-container{margin-bottom:2rem}#dial{width:180px;height:90px;border-radius:180px 180px 0 0;background:radial-gradient(circle at 50% 100%,#444,#111);border:4px solid #00f3ff;border-bottom:none;position:relative;box-shadow:0 0 20px #00f3ff80,inset 0 0 30px #000c;overflow:hidden}#dial-indicator{position:absolute;bottom:-2px;left:50%;width:4px;height:70px;background:linear-gradient(to top,#ff6b35,transparent);transform-origin:bottom center;transform:translate(-50%) rotate(0);box-shadow:0 0 10px #ff6b35;transition:transform .05s ease-out}#frequency-display{font-size:2rem;font-weight:700;letter-spacing:3px;text-shadow:0 0 10px #00f3ff}#game-canvas{flex:1;display:block;background:transparent}#start-overlay,#gameover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0af2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}#start-overlay h1,#gameover-overlay h1{font-size:4rem;margin-bottom:1rem;text-shadow:0 0 20px #00f3ff;letter-spacing:5px}#start-overlay p,#gameover-overlay p{font-size:1.2rem;margin-bottom:2rem;color:#888}button{font-family:Courier New,monospace;font-size:1.5rem;padding:1rem 3rem;background:transparent;border:3px solid #00f3ff;color:#00f3ff;cursor:pointer;letter-spacing:3px;transition:all .3s;text-shadow:0 0 10px #00f3ff}button:hover{background:#00f3ff;color:#0a0a0a;box-shadow:0 0 20px #00f3ff}#controls-hint{margin-top:2rem;color:#555;font-size:.9rem}.hidden{display:none!important}@media (max-width: 768px){#game-area{flex-direction:column-reverse}#dial-section{width:100%;min-width:unset;height:200px;border-right:none;border-top:2px solid #00f3ff}#dial{width:120px;height:120px}#frequency-display{font-size:1.5rem}#hud{font-size:.9rem;padding:.5rem 1rem}.hud-left,.hud-right{gap:1rem}#start-overlay h1,#gameover-overlay h1{font-size:2.5rem}button{font-size:1.2rem;padding:.8rem 2rem}}