html, body {
    margin: 0; padding: 0; height: 100%; background: #050507; overflow: hidden;
    font-family: 'Courier New', 'Lucida Console', monospace; color: #aaa;
  }
  #c { display: block; width: 100vw; height: 100vh; cursor: pointer; }
  #hint {
    position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%);
    color: #6dd2ff; font-size: 11px; letter-spacing: 3px; pointer-events: none;
    transition: opacity 0.6s; text-shadow: 0 0 10px #2a8ec0, 0 0 24px #1a4a70;
  }
  #hint.hidden { opacity: 0; }
  .vendor {
    position: fixed; top: 10px; right: 14px; color: #2a3040; font-size: 9px;
    letter-spacing: 2px; pointer-events: none;
  }
  .credit {
    position: fixed; bottom: 6px; right: 12px; color: #1a1f2c; font-size: 9px;
    letter-spacing: 1px; pointer-events: none;
  }