/* Gemeinsame Stile für Chat & Lobby (2D und 3D) */
#chatin { position: fixed; left: 14px; bottom: 140px; width: min(420px, calc(100vw - 28px)); box-sizing: border-box; display: none; z-index: 5;
          padding: 9px 12px; background: rgba(20,16,13,0.94); color: #fff; border: 1px solid #c86a32; border-radius: 8px; font: 600 14px "Segoe UI", Roboto, sans-serif; outline: none; }
#lobby { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(5,8,12,0.78); z-index: 10; font-family: "Segoe UI", Roboto, sans-serif; }
#lobby .lb-box { width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; background: linear-gradient(#221b17, #15110e); border: 1px solid #8a4a24; border-radius: 6px; padding: 20px 22px; color: #e6e6e6; box-shadow: 0 10px 40px rgba(0,0,0,0.6); }
#lobby h2 { margin: 0 0 10px; color: #ff8a3a; font-size: 24px; font-family: Impact, "Arial Black", sans-serif; font-weight: normal; letter-spacing: 1px; }
#lobby p { margin: 12px 0 6px; font-size: 14px; line-height: 1.4; }
#lobby textarea { width: 100%; box-sizing: border-box; height: 74px; resize: vertical; background: #0b0f14; color: #cfe8ff; border: 1px solid #334050; border-radius: 6px; padding: 8px; font: 12px/1.3 Consolas, monospace; word-break: break-all; }
#lobby button { margin-top: 8px; padding: 9px 16px; border: 0; border-radius: 6px; background: #33302c; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; }
#lobby button:hover:not(:disabled) { background: #4a4038; }
#lobby button:disabled { opacity: 0.45; cursor: default; }
#lobby button.primary { background: linear-gradient(#d8641e, #8a2a10); color: #fff3e0; }
#lobby button.primary:hover { background: linear-gradient(#ff8a3a, #b0381a); }
#lobby #lb-status { min-height: 18px; font-weight: 600; }
#lobby input { width: 160px; box-sizing: border-box; padding: 10px 12px; margin-right: 8px; background: #0b0f14; color: #ffd36b; border: 1px solid #334050; border-radius: 6px; font: bold 24px/1 Consolas, monospace; letter-spacing: 6px; text-transform: uppercase; }
#lobby input#lb-name { width: 240px; font: bold 18px/1 sans-serif; letter-spacing: 0; text-transform: none; }
#lobby .lb-hint { font-size: 12px; color: #8a96a6; }

/* Handy: kein Zoomen/Scrollen/Markieren im Spiel */
html, body { overscroll-behavior: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
canvas { touch-action: none; }
#chatin, #lobby textarea, #lobby input { -webkit-user-select: text; user-select: text; }