*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#030712;color:#f3f4f6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.join-screen{width:100%;height:100%;display:grid;place-items:center;background:#030712}.join-box{width:min(90vw,360px);padding:20px;border:1px solid #374151;background:#030712d9;display:grid;gap:10px}.join-box h1{margin:0 0 8px;text-align:center;font-size:26px;letter-spacing:.08em}.join-box input,.join-box button{width:100%;padding:10px;border:1px solid #4b5563;background:#0b1220;color:#f9fafb;font:inherit}.join-box button{cursor:pointer;background:#111827}.game-shell{position:relative;width:100%;height:100%}.star-layer,.world{position:absolute;top:0;right:0;bottom:0;left:0}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff}.ship-wrap{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.ship{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:20px solid #e5e7eb}.ship.mine{border-left-color:#22d3ee}.ship-name,.ship-lives{font-size:12px;line-height:1.1;white-space:nowrap}.ship-name{margin-bottom:4px}.ship-lives{margin-top:4px;color:#fca5a5}.beam{position:absolute;width:1px;height:8px;background:#fde047;box-shadow:0 0 6px #fde047;transform-origin:center;pointer-events:none}.powerup{position:absolute;width:20px;height:20px;border:1px solid #d1d5db;transform:translate(-50%,-50%);display:grid;place-items:center;font-size:11px;font-weight:700;color:#e5e7eb;background:#030712e6}.powerup.speed{border-color:#22d3ee;color:#22d3ee}.powerup.rapid_fire{border-color:#fde047;color:#fde047}.powerup.heal{border-color:#34d399;color:#34d399}.hud{position:absolute;left:50%;transform:translate(-50%);color:#e5e7eb;font-size:14px;letter-spacing:.05em}.hud.top{top:16px}.hud.bottom{bottom:16px}.hud.center{top:50%;transform:translate(-50%,-50%)}