:root{--bg-primary:#0a0e1a;--bg-secondary:#0f1424;--bg-surface:#141a2e;--bg-surface-hover:#1a2240;--bg-elevated:#1e2744;--quantum-purple:#8b5cf6;--quantum-purple-dim:#8b5cf626;--quantum-purple-glow:#8b5cf666;--quantum-purple-vivid:#a78bfa;--quantum-cyan:#06b6d4;--quantum-cyan-dim:#06b6d426;--quantum-cyan-glow:#06b6d466;--color-hit:#ef4444;--color-hit-glow:#ef444480;--color-miss:#3b82f6;--color-miss-dim:#3b82f640;--color-sunk:#dc2626;--color-ship:#6366f1;--color-ship-dim:#6366f14d;--color-ghost:#f59e0b;--color-ghost-glow:#f59e0b66;--super-a:#8b5cf6;--super-b:#06b6d4;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#c4b5fd;--border-primary:#1e293b;--border-accent:#8b5cf64d;--border-grid:#8b5cf61f;--shadow-lg:0 20px 40px #00000080;--shadow-glow-purple:0 0 30px #8b5cf64d;--shadow-glow-cyan:0 0 30px #06b6d44d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--cell-size:42px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% 20%,#8b5cf60f,#0000),radial-gradient(60% 40% at 80% 80%,#06b6d40a,#0000);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:600}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1rem}p{color:var(--text-secondary)}a{color:var(--quantum-purple-vivid);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--quantum-cyan)}.btn{border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--quantum-purple), #6d28d9);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-accent)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--quantum-purple)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:16px 36px;font-size:1.1rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-normal);outline:none;padding:12px 16px;font-size:.95rem}.input:focus{border-color:var(--quantum-purple);box-shadow:0 0 0 3px var(--quantum-purple-dim)}.input::placeholder{color:var(--text-muted)}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:#141a2ecc;padding:24px}.card-glow{box-shadow:var(--shadow-glow-purple)}@keyframes quantum-shimmer{0%,to{opacity:.6;background-position:0%}50%{opacity:1;background-position:100%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--quantum-purple-glow)}50%{box-shadow:0 0 20px var(--quantum-purple-glow)}}@keyframes hit-flash{0%{background:var(--color-hit);transform:scale(1.3)}50%{background:#fca5a5}to{background:var(--color-hit);transform:scale(1)}}@keyframes collapse-wave{0%{opacity:0;border-radius:50%;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;border-radius:var(--radius-sm);transform:scale(1)}}@keyframes ghost-fade{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.9)}to{opacity:.7;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(720deg)}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-cyan{color:var(--quantum-cyan)}.text-hit{color:var(--color-hit)}.text-miss{color:var(--color-miss)}.text-ghost{color:var(--color-ghost)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.gap-1{gap:8px}.gap-2{gap:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--quantum-purple)}.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-particles{pointer-events:none;z-index:0;position:fixed;inset:0}.particle{opacity:0;border-radius:50%;width:4px;height:4px;animation:linear infinite particle-float;position:absolute}.particle-purple{background:var(--quantum-purple);box-shadow:0 0 8px var(--quantum-purple-glow)}.particle-cyan{background:var(--quantum-cyan);box-shadow:0 0 8px var(--quantum-cyan-glow)}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-accent);border-radius:var(--radius-xl);width:420px;max-width:90vw;box-shadow:var(--shadow-glow-purple);z-index:1;background:#141a2ed9;padding:40px;animation:.6s forwards slide-up}.login-header{text-align:center;margin-bottom:32px}.login-logo{margin-bottom:8px;font-size:3rem}.login-title{font-family:var(--font-heading);background:linear-gradient(135deg, var(--quantum-purple-vivid), var(--quantum-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2rem;font-weight:700}.login-subtitle{color:var(--text-muted);font-size:.9rem}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.login-toggle{text-align:center;margin-top:16px}.login-toggle-text{color:var(--text-muted);font-size:.85rem}.login-toggle-link{color:var(--quantum-purple-vivid);cursor:pointer;transition:color var(--transition-fast);font-size:.85rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none}.login-toggle-link:hover{color:var(--quantum-cyan)}.login-error{border-radius:var(--radius-sm);color:var(--color-hit);text-align:center;background:#ef444426;border:1px solid #ef44444d;padding:10px 14px;font-size:.85rem}.lobby{flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:calc(100vh - 70px);padding:40px 20px;animation:.5s forwards fade-in;display:flex}.lobby-hero{text-align:center;max-width:600px}.lobby-emoji{margin-bottom:16px;font-size:4rem;animation:3s ease-in-out infinite float}.lobby-title{font-family:var(--font-heading);background:linear-gradient(135deg, var(--quantum-purple-vivid), var(--quantum-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:700}.lobby-subtitle{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.lobby-stats{gap:24px;display:flex}.stat-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:20px 32px;display:flex}.stat-value{font-family:var(--font-heading);color:var(--quantum-purple-vivid);font-size:2rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.lobby-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.find-match-btn{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--quantum-purple), #6d28d9, var(--quantum-cyan));color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;font-family:var(--font-heading);transition:all var(--transition-normal);background-size:200% 200%;border:none;padding:18px 48px;animation:3s ease-in-out infinite quantum-shimmer;position:relative;overflow:hidden;box-shadow:0 8px 30px #8b5cf666}.find-match-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 40px #8b5cf699}.find-match-btn:active{transform:translateY(0)scale(.98)}.find-match-btn:after{content:"";background:linear-gradient(135deg,#0000,#ffffff1a,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.find-match-btn:hover:after{transform:translate(100%)}.lobby-rules{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-width:500px;padding:24px}.rules-title{font-family:var(--font-heading);color:var(--quantum-purple-vivid);align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:600;display:flex}.rules-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.rules-list li{color:var(--text-secondary);padding-left:20px;font-size:.85rem;line-height:1.5;position:relative}.rules-list li:before{content:"⟩";color:var(--quantum-purple);font-weight:700;position:absolute;left:0}.grid-wrapper{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-purple);flex-direction:column;gap:0;padding:4px;display:flex}.grid-col-labels{padding-left:calc(var(--cell-size) + 4px);display:flex}.grid-col-label{width:var(--cell-size);height:24px;font-family:var(--font-mono);color:var(--text-muted);justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.grid-row{align-items:center;display:flex}.grid-row-label{width:var(--cell-size);height:var(--cell-size);font-family:var(--font-mono);color:var(--text-muted);justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.grid-cell{width:var(--cell-size);height:var(--cell-size);border:1px solid var(--border-grid);cursor:default;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.85rem;display:flex;position:relative}.grid-cell-interactive{cursor:crosshair}.grid-cell-interactive:hover{background:var(--quantum-purple-dim);border-color:var(--quantum-purple);box-shadow:inset 0 0 12px var(--quantum-purple-glow)}.cell-empty{background:#0f142499}.cell-ship{background:var(--color-ship-dim);border-color:#6366f166}.cell-ship-segment{background:linear-gradient(135deg, var(--color-ship), #818cf8);border-radius:3px;width:80%;height:80%;box-shadow:0 0 6px #6366f166}.cell-hit{background:#ef444433;border-color:#ef444480;animation:.5s hit-flash}.cell-hit-marker{font-size:1.2rem}.cell-miss{background:var(--color-miss-dim);border-color:#3b82f64d}.cell-miss-marker{background:var(--color-miss);opacity:.7;border-radius:50%;width:10px;height:10px}.cell-sunk{background:#dc262640;border-color:#dc262680}.cell-sunk-marker{font-size:1.2rem}.cell-superposition{background:linear-gradient(135deg,#8b5cf633,#06b6d433,#8b5cf633) 0 0/200% 200%;border-color:#8b5cf666;animation:2s ease-in-out infinite quantum-shimmer}.cell-superposition-a{background:linear-gradient(135deg,#8b5cf64d,#8b5cf61a,#8b5cf64d) 0 0/200% 200%;border-color:#8b5cf680;animation:2s ease-in-out infinite quantum-shimmer}.cell-superposition-b{background:linear-gradient(135deg,#06b6d44d,#06b6d41a,#06b6d44d) 0 0/200% 200%;border-color:#06b6d480;animation:2s ease-in-out infinite quantum-shimmer}.cell-quantum-ghost{background:#f59e0b26;border-color:#f59e0b66;animation:2s ease-in-out infinite ghost-fade}.cell-ghost-marker{opacity:.8;font-size:1rem}.cell-preview-valid{background:#22c55e33;border-color:#22c55e80}.cell-preview-invalid{background:#ef444433;border-color:#ef444480}.cell-preview-super-a{background:#8b5cf640;border-color:#8b5cf699}.cell-preview-super-b{background:#06b6d440;border-color:#06b6d499}.cell-collapsing{animation:.6s forwards collapse-wave}.ship-placer{align-items:flex-start;gap:32px;padding:32px;animation:.5s forwards slide-up;display:flex}@media (width<=1000px){.ship-placer{flex-direction:column;align-items:center;gap:20px;padding:16px}}.placer-sidebar{flex-direction:column;gap:16px;width:280px;display:flex}.placer-title{font-family:var(--font-heading);background:linear-gradient(135deg, var(--quantum-purple-vivid), var(--quantum-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700}.placer-subtitle{color:var(--text-muted);font-size:.85rem;line-height:1.5}.ship-list{flex-direction:column;gap:8px;display:flex}.ship-item{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.ship-item:hover{border-color:var(--quantum-purple);background:var(--bg-surface-hover)}.ship-item-selected{border-color:var(--quantum-purple);background:var(--quantum-purple-dim);box-shadow:0 0 12px var(--quantum-purple-glow)}.ship-item-placed{opacity:.5;cursor:default;border-color:#22c55e4d}.ship-item-placed:hover{background:var(--bg-surface);border-color:#22c55e4d}.ship-info{align-items:center;gap:10px;display:flex}.ship-name{font-family:var(--font-heading);color:var(--text-primary);font-size:.9rem;font-weight:600}.ship-size{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.ship-cells{gap:2px;display:flex}.ship-cell-preview{background:var(--color-ship);border-radius:2px;width:14px;height:14px}.ship-item-placed .ship-cell-preview{background:#22c55e}.placement-controls{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.placement-mode-toggle{background:var(--bg-primary);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.mode-btn{border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);background:0 0;border:none;flex:1;padding:8px 12px;font-size:.8rem;font-weight:600}.mode-btn-active{color:#fff}.mode-btn-classical.mode-btn-active{background:var(--color-ship)}.mode-btn-quantum.mode-btn-active{background:linear-gradient(135deg, var(--quantum-purple), var(--quantum-cyan))}.orientation-btn{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);padding:8px;font-size:.85rem}.orientation-btn:hover{border-color:var(--quantum-purple);color:var(--text-primary)}.quantum-instruction{color:var(--quantum-cyan);text-align:center;background:var(--quantum-cyan-dim);border-radius:var(--radius-sm);padding:8px;font-size:.8rem;font-style:italic}.placer-actions{flex-direction:column;gap:8px;display:flex}.control-panel{flex-direction:column;gap:16px;width:280px;animation:.5s forwards fade-in;display:flex}@media (width<=1200px){.control-panel{width:100%;max-width:500px}}.turn-indicator{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);align-items:center;gap:12px;padding:16px;display:flex}.turn-orb{border-radius:50%;flex-shrink:0;width:16px;height:16px}.turn-orb-active{background:var(--quantum-purple);animation:1.5s ease-in-out infinite pulse-glow}.turn-orb-waiting{background:var(--text-muted)}.turn-text{font-family:var(--font-heading);font-size:.95rem;font-weight:600}.turn-text-active{color:var(--quantum-purple-vivid)}.turn-text-waiting{color:var(--text-muted)}.ship-tracker{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:16px}.tracker-title{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.85rem;font-weight:600}.tracker-ship{border-bottom:1px solid #1e293b80;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.tracker-ship:last-child{border-bottom:none}.tracker-ship-name{color:var(--text-secondary);font-size:.85rem}.tracker-ship-name-sunk{color:var(--color-hit);text-decoration:line-through}.tracker-ship-cells{gap:3px;display:flex}.tracker-cell{background:var(--color-ship-dim);border:1px solid #6366f14d;border-radius:2px;width:12px;height:12px}.tracker-cell-hit{background:var(--color-hit);border-color:var(--color-hit)}.tracker-cell-sunk{background:var(--color-sunk);border-color:var(--color-sunk)}.tracker-cell-quantum{background:linear-gradient(135deg, var(--quantum-purple-dim), var(--quantum-cyan-dim));border-color:var(--quantum-purple);background-size:200% 200%;animation:2s ease-in-out infinite quantum-shimmer}.move-log{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-direction:column;max-height:300px;padding:16px;display:flex}.move-log-title{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.85rem;font-weight:600}.move-log-entries{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.move-entry{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:4px 8px;font-size:.8rem;display:flex}.move-entry-hit{color:var(--color-hit);background:#ef44441a}.move-entry-miss{color:var(--text-muted);background:#3b82f60d}.move-entry-ghost{color:var(--color-ghost);background:#f59e0b1a}.move-entry-sunk{color:#fca5a5;background:#dc262626;font-weight:600}.move-coord{font-family:var(--font-mono);min-width:30px;font-weight:600}.move-icon{font-size:.9rem}.game-over{flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:calc(100vh - 70px);padding:40px 20px;animation:.6s forwards slide-up;display:flex}.game-over-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#141a2ed9;width:100%;max-width:500px;padding:48px}.game-over-win .game-over-card{border:1px solid #8b5cf666;box-shadow:0 0 60px #8b5cf633,0 0 120px #06b6d41a}.game-over-loss .game-over-card{border:1px solid #ef44444d;box-shadow:0 0 40px #ef444426}.game-over-emoji{margin-bottom:16px;font-size:5rem;animation:2s ease-in-out infinite float}.game-over-title{font-family:var(--font-heading);margin-bottom:8px;font-size:2.5rem;font-weight:700}.game-over-win .game-over-title{background:linear-gradient(135deg, var(--quantum-purple-vivid), var(--quantum-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.game-over-loss .game-over-title{color:var(--color-hit)}.game-over-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:1rem}.game-over-stats{justify-content:center;gap:20px;margin-bottom:32px;display:flex}.game-over-stat{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-primary);flex-direction:column;align-items:center;gap:4px;padding:12px 20px;display:flex}.game-over-stat-value{font-family:var(--font-heading);color:var(--quantum-purple-vivid);font-size:1.5rem;font-weight:700}.game-over-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.game-over-actions{justify-content:center;gap:12px;display:flex}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);z-index:100;background:#0f1424e6;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.app-logo{align-items:center;gap:12px;display:flex}.app-logo-icon{background:linear-gradient(135deg, var(--quantum-purple), var(--quantum-cyan));border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.app-logo h1{background:linear-gradient(135deg, var(--quantum-purple-vivid), var(--quantum-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.app-header-right{align-items:center;gap:16px;display:flex}.user-badge{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;display:flex}.user-badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.game-layout{flex:1;justify-content:center;align-items:flex-start;gap:40px;padding:32px;animation:.6s forwards fade-in;display:flex}@media (width<=1200px){.game-layout{flex-direction:column;align-items:center;gap:24px;padding:16px}}.board-container{flex-direction:column;align-items:center;gap:12px;display:flex}.board-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-primary);padding:8px 20px;font-size:1rem;font-weight:600}.board-label-own{color:var(--quantum-cyan);border-color:#06b6d44d}.board-label-opponent{color:var(--quantum-purple-vivid);border-color:var(--border-accent)}.turn-banner{text-align:center;font-family:var(--font-heading);border-bottom:1px solid var(--border-primary);padding:12px 24px;font-size:1.1rem;font-weight:600;animation:.3s fade-in}.turn-banner-your-turn{color:var(--quantum-purple-vivid);background:linear-gradient(90deg,#8b5cf61a,#06b6d41a)}.turn-banner-waiting{color:var(--text-muted);background:#64748b1a}.status-message{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:.9rem;font-weight:500;animation:.3s fade-in;display:flex}.status-hit{color:var(--color-hit);background:#ef444426;border:1px solid #ef44444d}.status-miss{color:var(--color-miss);background:#3b82f61a;border:1px solid #3b82f64d}.status-ghost{color:var(--color-ghost);background:#f59e0b26;border:1px solid #f59e0b4d}.status-sunk{color:#fca5a5;background:#dc262633;border:1px solid #dc262666}.searching-animation{flex-direction:column;align-items:center;gap:24px;padding:60px 20px;animation:.5s fade-in;display:flex}.quantum-spinner{border:3px solid var(--border-primary);border-top-color:var(--quantum-purple);border-right-color:var(--quantum-cyan);border-radius:50%;width:60px;height:60px;animation:1.5s linear infinite spin-slow}.searching-text{font-family:var(--font-heading);color:var(--text-secondary);font-size:1.1rem}.searching-dots:after{content:"";animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}