*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0e1a;font-family:Trebuchet MS,Segoe UI,sans-serif}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#141e3c8c,#050812eb);z-index:10}.overlay.hidden,#hud.hidden{display:none}.menu-card{text-align:center;padding:48px 56px;border:2px solid #c9a227;border-radius:12px;background:linear-gradient(180deg,#101628f2,#080c18f2);box-shadow:0 0 60px #c9a22740,inset 0 0 30px #0009}.menu-card h1{color:#f0d060;letter-spacing:8px;font-size:42px;text-shadow:0 2px 0 #7a5c10,0 0 24px rgba(240,208,96,.5)}.tagline{color:#9fb4d8;margin:10px 0 28px;font-style:italic}#name-input{display:block;width:280px;margin:0 auto 16px;padding:12px 16px;font-size:18px;text-align:center;color:#f5efdc;background:#00000080;border:1px solid #5a6b8c;border-radius:6px;outline:none}#name-input:focus{border-color:#c9a227}#play-btn{width:280px;padding:14px;font-size:20px;font-weight:700;letter-spacing:3px;color:#1a1206;background:linear-gradient(180deg,#f0d060,#c9a227);border:1px solid #7a5c10;border-radius:6px;cursor:pointer;transition:transform .08s,box-shadow .2s}#play-btn:hover{box-shadow:0 0 24px #f0d06099;transform:translateY(-1px)}#play-btn:disabled{opacity:.5;cursor:wait}.hint{margin-top:22px;color:#6e80a3;font-size:13px}.status{margin-top:10px;color:#e07050;font-size:13px;min-height:16px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#conn-badge{position:absolute;top:14px;right:16px;padding:5px 12px;font-size:12px;letter-spacing:2px;color:#cfe3ff;background:#0a1020a6;border:1px solid #3d4f75;border-radius:20px}.nameplate{position:absolute;transform:translate(-50%,-100%);color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none}