body {
      margin: 0;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: Arial, sans-serif;
      background: #0f172a;
      color: white;
      flex-direction: column;
      gap: 20px;
    }

    #status {
      padding: 10px 16px;
      background: rgba(255,255,255,0.08);
      border-radius: 8px;
    }

    #message {
      font-size: 3rem;
      opacity: 0;
      transition: opacity 0.3s ease;
      padding: 20px 30px;
      border-radius: 12px;
      background: rgba(255,255,255,0.12);
    }

    #message.visible {
      opacity: 1;
    }
	


    h1 {
      margin-top: 0;
    }

    .status {
      margin: 20px 0;
      padding: 12px 16px;
      background: #222;
      border: 1px solid #444;
      border-radius: 8px;
    }

    .log {
      margin-top: 20px;
      background: #000;
      border: 1px solid #333;
      border-radius: 8px;
      padding: 16px;
      min-height: 220px;
      max-height: 400px;
      overflow-y: auto;
      font-family: Consolas, monospace;
      white-space: pre-wrap;
    }

    .hint {
      color: #bbb;
      margin-bottom: 20px;
    }