* { margin: 0; padding: 0; box-sizing: border-box; }

    body {
      width: 100vw;
      height: 100vh;
      cursor: pointer;
      background-color: #000;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      transition: background-image 0.4s ease-in-out;
      color: white;
      font-family: courier;
      font-size: 15px;
    }
    
    a {
      text-decoration: none;
    }
    
    #nav {
      position: fixed;
      top: 20px;
      left: 20px;
      font-family: courier;
      font-size: 25px;
      pointer-events: all;
      z-index: 100;
    }

    #nav-title {
      color: white;
      text-shadow: 1px 1px 4px rgba(0,0,0,0.7);
      cursor: pointer;
      user-select: none;
    }

    #nav-title:hover {
      text-decoration: underline;
    }

    #nav-menu {
      display: none;
      flex-direction: column;
      margin-top: 8px;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 8px;
      overflow: hidden;
    }

    #nav-menu.open {
      display: flex;
    }

    #nav-menu a {
      color: white;
      text-decoration: none;
      padding: 8px 16px;
      font-family: courier;
      font-size: 14px;
    }

    #nav-menu a:hover {
      background: rgba(255, 255, 255, 0.15);
    }

    #hint {
      position: fixed;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(0, 0, 0, 0.5);
      color: white;
      padding: 10px 20px;
      border-radius: 20px;
      pointer-events: none;
      opacity: 1;
      transition: opacity 1s ease;
    }
    
    #gb {
      position: relative;
      top: 150px;
      left: 20px;
      max-width: 69%;
      margin: auto;
      font-family: courier;
      font-size: 15px;
    }