*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#020408;color:#e2e8f0;font-family:system-ui,sans-serif;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#lobby-screen{width:400px;position:relative;z-index:1}h1{font-size:1.4rem;color:#f8fafc;margin-bottom:.25rem}.subtitle{font-size:.75rem;color:#64748b;margin-bottom:1rem}.card{background:rgba(13,17,23,0.85);border:1px solid #2d3748;border-radius:8px;padding:1rem;margin-bottom:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card-title{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#64748b;margin-bottom:.5rem}.label{font-size:.75rem;color:#cbd5e1;margin:.5rem 0 .2rem}.inp{width:100%;padding:.5rem;background:#1f2937;border:1px solid #374151;border-radius:6px;color:#f8fafc;font-size:.9rem}.inp:focus{outline:none;border-color:#3b82f6}.btn{width:100%;padding:.6rem;border:0;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;margin-top:.7rem}.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:white}.btn:disabled{opacity:.5}#lobby-status{font-size:.75rem;color:#64748b;text-align:center;margin-top:.5rem}#game-screen{display:none;width:min(1000px,100%);position:relative;z-index:1}.topbar{display:flex;gap:.6rem;align-items:center;justify-content:space-between;background:#0d1117;border:1px solid #2d3748;border-radius:8px;padding:.5rem .7rem;margin-bottom:.6rem}.pill{font-size:.75rem;color:#94a3b8}.pill strong{color:#f8fafc}#stage{background:#030712;border:1px solid #2d3748;border-radius:8px;padding:.7rem}#phaser-mount{min-height:450px}#phaser-mount canvas{display:block;margin:0 auto;border-radius:8px;box-shadow:0 0 0 1px rgba(148,163,184,.18),0 18px 50px rgba(0,0,0,.4)}#chat-overlay{display:flex;gap:.4rem;margin-top:.5rem}.chat-input{flex:1;padding:.4rem;background:#111827;border:1px solid #374151;border-radius:5px;color:#e2e8f0;font-size:.8rem}.chat-btn{padding:.4rem .7rem;background:#1a2330;border:1px solid #3b82f6;color:#93c5fd;border-radius:5px;cursor:pointer}#msg-log{height:80px;overflow:auto;background:#040812;border:1px solid #1f2937;border-radius:6px;margin-top:.5rem;padding:.4rem;font-family:monospace;font-size:.7rem;color:#94a3b8}.hint{font-size:.7rem;color:#64748b;margin-top:.4rem;text-align:center}