*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--surface:#1e293b;--surface2:#334155;--primary:#6366f1;--primary-hover:#818cf8;--danger:#ef4444;--text:#f1f5f9;--text-dim:#94a3b8;--hit:#ef4444;--miss:#64748b;--ship:#3b82f6;--hover:#6366f140;--radius:10px}body{background:#0f172a;background:var(--bg);color:#f1f5f9;color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.btn{border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 22px;transition:all .15s}.btn:disabled{cursor:default;opacity:.4}.btn-primary{background:#6366f1;background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#818cf8;background:var(--primary-hover)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-small{background:#6366f1;background:var(--primary);color:#fff;font-size:.85rem;padding:6px 14px}.btn-small:hover:not(:disabled){background:#818cf8;background:var(--primary-hover)}.mt{margin-top:18px}.mb{margin-bottom:10px}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-card{background:#1e293b;background:var(--surface);border-radius:16px;box-shadow:0 20px 60px #0006;padding:48px 40px;text-align:center;width:380px}.login-card h1{font-size:2rem;margin-bottom:6px}.subtitle{color:#94a3b8;color:var(--text-dim);font-size:.95rem;margin-bottom:28px}.input-name{background:#0f172a;background:var(--bg);border:2px solid #334155;border:2px solid var(--surface2);border-radius:10px;border-radius:var(--radius);color:#f1f5f9;color:var(--text);font-size:1rem;margin-bottom:16px;outline:none;padding:12px 16px;transition:border-color .15s;width:100%}.input-name:focus{border-color:#6366f1;border-color:var(--primary)}.login-card .btn{width:100%}.lobby-container{margin:0 auto;max-width:600px;padding:30px 20px}.lobby-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.lobby-header h1{font-size:1.5rem}.header-right{align-items:center;display:flex;gap:10px}.btn-logout{background:#0000;border:1px solid #ef4444;border:1px solid var(--danger);color:#ef4444;color:var(--danger)}.btn-logout:hover:not(:disabled){background:#ef4444;background:var(--danger);color:#fff}.user-badge{background:#334155;background:var(--surface2);border-radius:20px;font-size:.85rem;padding:6px 14px}.game-selector{display:flex;gap:16px;margin-bottom:28px}.game-option{align-items:center;background:#1e293b;background:var(--surface);border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;flex:1 1;gap:8px;padding:14px 16px;transition:background .15s}.game-option:hover{background:#334155;background:var(--surface2)}.game-option input[type=radio]{accent-color:#6366f1;accent-color:var(--primary)}.game-label{font-weight:500}.disabled-option{cursor:not-allowed;opacity:.5}.disabled-option:hover{background:#1e293b;background:var(--surface)}.coming-soon{background:#334155;background:var(--surface2);border-radius:10px;color:#94a3b8;color:var(--text-dim);display:inline-block;font-size:.7rem;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}.player-list h2{font-size:1.15rem;margin-bottom:14px}.player-count{font-size:.9rem;font-weight:400}.empty-msg,.player-count{color:#94a3b8;color:var(--text-dim)}.empty-msg{font-style:italic}.player-card{background:#1e293b;background:var(--surface);border-radius:10px;border-radius:var(--radius);justify-content:space-between;margin-bottom:8px;padding:14px 18px}.player-card,.player-name{align-items:center;display:flex}.player-name{font-weight:500;gap:8px}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-dot.idle{background:#22c55e}.status-dot.playing{background:#eab308}.pending-badge{animation:pulse-fade 1.5s ease-in-out infinite;color:#eab308;font-size:.85rem;font-weight:600}@keyframes pulse-fade{0%,to{opacity:1}50%{opacity:.5}}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{background:#1e293b;background:var(--surface);border-radius:16px;box-shadow:0 20px 60px #00000080;min-width:300px;padding:32px;text-align:center}.modal h3{font-size:1.2rem;margin-bottom:10px}.modal p{color:#94a3b8;color:var(--text-dim);margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:center}.toast{border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 20px #0000004d;cursor:pointer;font-weight:500;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:200}.toast-warn{background:#eab308;color:#000}.game-container{margin:0 auto;max-width:900px;padding:30px 20px;text-align:center}.game-container h2{font-size:1.6rem;margin-bottom:6px}.game-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.game-top-bar h2{margin-bottom:0}.btn-leave{background:#0000;border:1px solid #ef4444;border:1px solid var(--danger);color:#ef4444;color:var(--danger)}.btn-leave:hover:not(:disabled){background:#ef4444;background:var(--danger);color:#fff}.game-vs{margin-bottom:8px}.game-vs,.status{color:#94a3b8;color:var(--text-dim)}.status{font-size:1.05rem;margin-bottom:20px}.status-win{color:#22c55e;font-size:1.2rem;font-weight:700}.ttt-board{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);justify-content:center;margin:0 auto}.ttt-cell{background:#1e293b;background:var(--surface);border:2px solid #334155;border:2px solid var(--surface2);border-radius:8px;color:#f1f5f9;color:var(--text);cursor:default;font-size:2.4rem;font-weight:700;transition:background .12s,transform .12s}.ttt-cell.clickable{cursor:pointer}.ttt-cell.clickable:hover{background:#334155;background:var(--surface2);transform:scale(1.05)}.mark-x{color:#6366f1}.mark-o{color:#f472b6}.bs-game-layout,.bs-placing-layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:36px;justify-content:center}.bs-board{grid-gap:2px;display:grid;gap:2px;grid-template-columns:30px repeat(10,34px);grid-template-rows:30px repeat(10,34px);-webkit-user-select:none;user-select:none}.bs-cell{align-items:center;background:#1e293b;background:var(--surface);border:1px solid #334155;border:1px solid var(--surface2);border-radius:4px;display:flex;font-size:.7rem;height:34px;justify-content:center;transition:background .1s;width:34px}.bs-header{background:#0000;border:none;color:#94a3b8;color:var(--text-dim);font-size:.75rem;font-weight:600}.cell-ship{background:#3b82f6;background:var(--ship)}.cell-hit{background:#ef4444;background:var(--hit)}.cell-miss{background:#64748b;background:var(--miss)}.cell-hover{background:#3b82f659;cursor:pointer}.cell-target{cursor:crosshair}.cell-target:hover{background:#ef44444d}.health-bars{align-items:center;background:#1e293b;background:var(--surface);border-radius:10px;border-radius:var(--radius);display:flex;gap:14px;justify-content:center;margin-bottom:14px;padding:14px 18px}.hb-side{display:flex;flex:1 1;flex-direction:column;gap:4px;max-width:260px}.hb-name{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-left .hb-name{text-align:left}.hb-right .hb-name{text-align:right}.hb-track{background:#334155;background:var(--surface2);border-radius:9px;box-shadow:inset 0 2px 4px #0000004d;height:18px;overflow:hidden;position:relative;width:100%}.hb-left .hb-fill{float:left}.hb-right .hb-fill{float:right}.hb-fill{border-radius:9px;height:100%;position:relative;transition:width .4s ease}.hb-fill:after{background:#fff3;border-radius:4px;content:"";height:5px;left:4px;position:absolute;right:4px;top:2px}.hb-healthy{background:linear-gradient(180deg,#22c55e,#16a34a)}.hb-warning{background:linear-gradient(180deg,#eab308,#ca8a04)}.hb-critical{animation:hb-pulse .8s ease-in-out infinite;background:linear-gradient(180deg,#ef4444,#dc2626)}@keyframes hb-pulse{0%,to{opacity:1}50%{opacity:.65}}.hb-count{font-feature-settings:"tnum";color:#94a3b8;color:var(--text-dim);font-size:.75rem;font-variant-numeric:tabular-nums}.hb-left .hb-count{text-align:left}.hb-right .hb-count{text-align:right}.hb-vs{flex-shrink:0;font-size:1.4rem}@media (max-width:700px){.health-bars{gap:8px;padding:10px 12px}.hb-track{height:14px}.hb-name{font-size:.75rem}}.ship-selector{min-width:200px;text-align:left}.ship-selector h3{margin-bottom:10px}.ship-item{background:#1e293b;background:var(--surface);border-radius:6px;cursor:pointer;margin-bottom:4px;padding:8px 12px;transition:background .12s}.ship-item:hover:not(.placed){background:#334155;background:var(--surface2)}.ship-item.selected{outline:2px solid #6366f1;outline:2px solid var(--primary)}.ship-item.placed{cursor:default;opacity:.4}.spinner{animation:spin 1s linear infinite;border:4px solid #334155;border-top-color:#6366f1;border:4px solid var(--surface2);border-radius:50%;border-top-color:var(--primary);height:40px;margin:20px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:700px){.bs-board{grid-template-columns:22px repeat(10,26px);grid-template-rows:22px repeat(10,26px)}.bs-cell{font-size:.6rem;height:26px;width:26px}.ttt-board{grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px)}.ttt-cell{font-size:1.8rem}}
/*# sourceMappingURL=main.7fb9b218.css.map*/