diff --git a/proj-web/space-game001plain.html b/proj-web/space-game001plain.html index aae27f4..8470238 100644 --- a/proj-web/space-game001plain.html +++ b/proj-web/space-game001plain.html @@ -30,13 +30,52 @@ border-radius: 5px; } #status { color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } + + /* Nick modal */ + #nickOverlay { + position: absolute; + inset: 0; + display: flex; + align-items: center; + justify-content: center; + background: rgba(0,0,0,0.85); + z-index: 9999; + } + #nickBox { + background: #111; + border: 1px solid #444; + padding: 24px; + width: 320px; + box-shadow: 0 8px 24px rgba(0,0,0,0.6); + text-align: center; + } + #nickBox h2 { margin: 0 0 12px 0; font-size: 18px; color: #eee; } + #nickBox input[type="text"] { + width: 100%; + padding: 10px; + font-size: 16px; + box-sizing: border-box; + margin-bottom: 12px; + border: 1px solid #333; + background: #000; + color: #fff; + } + #nickBox button { + padding: 10px 16px; + font-size: 16px; + background: #2a9fd6; + border: none; + color: #fff; + cursor: pointer; + } + #nickSkip { margin-left: 8px; background: #666; }