*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:#0a1628;color:#c8d8f0;overflow:hidden;width:100vw;height:100vh}#app{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:none}#app>*{pointer-events:auto}.scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;max-width:500px;padding:20px}.title{font-size:clamp(1.5rem,5vw,3rem);font-weight:800;color:#e0e8ff;text-shadow:0 0 30px rgba(60,120,255,.5),0 2px 4px rgba(0,0,0,.5);letter-spacing:6px;text-align:center}.lobby-card{background:#14285ad9;border:1px solid rgba(80,130,220,.4);border-radius:16px;padding:clamp(20px,4vw,40px);display:flex;flex-direction:column;align-items:center;gap:16px;min-width:min(300px,85vw);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input{width:100%;padding:12px 16px;background:#0a1432cc;border:1px solid rgba(80,130,220,.4);border-radius:8px;color:#e0e8ff;font-size:1rem;outline:none}.input:focus{border-color:#64a0ffcc}.input:disabled{opacity:.5}.btn{padding:12px 32px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 15px #2563eb66}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.btn-secondary{background:#3c507899;color:#c8d8f0;border:1px solid rgba(80,130,220,.3)}.status-text{color:#90b8f0;font-size:.95rem}.error-text{color:#ff6b6b;font-size:.9rem}.footer-text{color:#6080a0;font-size:.85rem;margin-top:10px}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;font-weight:600;font-size:clamp(.9rem,2vw,1.1rem);pointer-events:none;opacity:0;transition:opacity .3s;z-index:20}.notification.show{opacity:1}.notification.sunk{background:#dc3232e6;color:#fff}.notification.hit{background:#dc6432e6;color:#fff}.notification.miss{background:#50648ce6;color:#c8d8f0}