:root{font-family:Avenir Next,Segoe UI Variable,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e8f4ff;background:radial-gradient(circle at top,rgba(67,123,255,.24),transparent 28%),radial-gradient(circle at right,rgba(28,195,187,.12),transparent 26%),linear-gradient(180deg,#040d18,#081523 48%,#0a1a2f);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:transparent}button{border-radius:999px;border:1px solid rgba(83,160,255,.24);padding:.8rem 1.08rem;font-size:.98rem;font-weight:600;font-family:inherit;background:linear-gradient(180deg,#4b99ff,#2b6fe8);color:#f8fbff;cursor:pointer;box-shadow:0 14px 30px #1854b13d;transition:transform .12s ease,filter .12s ease,opacity .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 18px 34px #1854b14d}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:focus,button:focus-visible{outline:3px solid rgba(115,240,255,.5);outline-offset:2px}*{box-sizing:border-box}#root{min-height:100vh}.app-shell{position:relative;width:min(1380px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 3.5rem}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(77,163,255,.16),transparent 22%),radial-gradient(circle at 88% 12%,rgba(24,215,201,.12),transparent 18%),radial-gradient(circle at 50% 100%,rgba(255,129,76,.08),transparent 28%);z-index:-1}.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#0c192deb,#071121f0);border:1px solid rgba(148,195,255,.16);border-radius:28px;box-shadow:0 24px 80px #02070f61;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 32%);opacity:.7;pointer-events:none}.hero,.room-bar,.log-panel,.setup-grid,.captain-grid,.game-grid{margin-top:1rem}.hero,.room-bar{display:flex;justify-content:space-between;gap:1.25rem;padding:1.6rem;align-items:flex-start}.hero h1,.room-bar h2,.panel-heading h2,.setup-card h2,.enemy-card h3{margin:0;letter-spacing:-.04em}.hero h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:.95}.hero-copy{max-width:34rem;margin:.9rem 0 0;font-size:1.02rem;color:#deecfcd6}.hero-meta,.button-row,.captain-heading,.enemy-head,.panel-heading,.ship-selector{display:flex;gap:.75rem;flex-wrap:wrap}.hero-meta,.captain-heading,.enemy-head,.panel-heading{align-items:center}.hero-meta{justify-content:flex-end;max-width:20rem}.status-pill{border-radius:999px;padding:.55rem .9rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#eff8ff;font-size:.92rem}.status-ok{background:#36c18524;border-color:#36c18547}.status-warn{background:#ffae4729;border-color:#ffae4742}.your-turn{background:#58bbff2e;border-color:#58bbff4d}.setup-grid,.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.setup-card,.board-panel,.battle-panel,.log-panel{padding:1.35rem}.board-panel,.battle-panel{min-width:0}.captain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.captain-card{padding:1.05rem 1.15rem;border-width:1px;border-style:solid;background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.captain-card p{margin:.35rem 0 0;color:#cadbedd1}.status-dot{width:.8rem;height:.8rem;border-radius:999px;display:inline-block}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#7dd7ff;opacity:.9}label{display:grid;gap:.45rem;color:#d9e7f6;text-align:left}.field-label{display:block;margin-bottom:.45rem;color:#d9e7f6;text-align:left}input{width:100%;border-radius:16px;border:1px solid rgba(125,174,228,.2);background:#040b16b8;color:#f2fbff;padding:.9rem 1rem;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input::placeholder{color:#c5d6e773}input:focus{outline:none;border-color:#7dd7ff8c;box-shadow:0 0 0 4px #56aaff24;background:#06101eeb}.secondary{background:#ffffff0f}.compact button,.ship-chip{padding:.6rem .85rem}.powerup-button{display:inline-flex;align-items:center;gap:.55rem}.room-size-row{justify-content:flex-start}.size-chip-active{background:linear-gradient(180deg,#83e2ff,#4393ff);color:#081929;border-color:#83e2ff66}.button-text{white-space:nowrap}.cooldown-tag{border-radius:999px;padding:.18rem .45rem;background:#0711218c;border:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#e9f2fac2}.cooldown-ready{color:#9ee4ff}.cooldown-offline{color:#ffb4b4}.ability-hint{margin:0 0 1rem;color:#d6e3f1c7}.placement-hint{margin-top:.9rem}.ship-chip.selected{background:linear-gradient(180deg,#83e2ff,#4393ff);color:#081929}.ship-roster{display:grid;gap:.55rem;margin-top:.9rem}.ship-roster-compact{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin-top:0}.ship-roster-enemy-detail{grid-template-columns:1fr}.ship-roster-chip{display:grid;gap:.15rem;padding:.7rem .8rem;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#deecfce0}.ship-roster-chip strong{font-size:.92rem}.ship-roster-chip span{font-size:.78rem;color:#cadbedc7}.ship-roster-chip-enemy{gap:.25rem;grid-template-columns:minmax(0,1fr);padding:.9rem 1rem;background:linear-gradient(180deg,#ffffff0d,#ffffff08)}.ship-roster-status{margin-top:.15rem;color:#9ee4ff}.ship-roster-chip-sunk{opacity:.62;border-color:#ff7d7d2e}.board-wrap{overflow:auto}.board{display:grid;grid-template-columns:repeat(8,minmax(2.4rem,1fr));gap:.42rem}.cell{position:relative;width:100%;aspect-ratio:1;border-radius:16px;border:1px solid rgba(255,255,255,.08);font-size:1.1rem;font-weight:700;padding:0;box-shadow:inset 0 1px #ffffff14;transition:transform .12s ease,border-color .12s ease,filter .12s ease}.cell:disabled{opacity:1;cursor:default}.cell.interactive:hover{transform:translateY(-2px);border-color:#86d3ff5c;filter:brightness(1.06)}.cell-water,.cell-unknown{background:linear-gradient(180deg,#6797c229,#3a5a7d2e)}.cell-ship{background:linear-gradient(180deg,#6f87a1,#465f79)}.cell-hit{background:linear-gradient(180deg,#ff9a73,#d94e47)}.cell-miss{background:linear-gradient(180deg,#dbedf838,#abc6dd38)}.cell-sunk{background:linear-gradient(180deg,#451725,#85273f)}.cell-sonar{border-color:#75daff73;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #75daff2e}.cell-sonar-center{box-shadow:inset 0 1px #ffffff14,0 0 0 2px #75daff57}.cell-value{position:relative;z-index:1}.cell-overlay-label{position:absolute;right:.28rem;bottom:.28rem;min-width:1.15rem;padding:.08rem .22rem;border-radius:999px;background:#75daffe0;color:#062032;font-size:.7rem;font-weight:800;line-height:1.1}.enemy-stage{display:grid;gap:1rem}.enemy-target-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.85rem}.enemy-target-card{display:grid;gap:.45rem;padding:1rem;text-align:left;border-radius:20px;border:1px solid rgba(125,174,228,.16);background:linear-gradient(180deg,#ffffff0a,#ffffff05);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.enemy-target-card:hover{transform:translateY(-2px);border-color:#7dd7ff66;box-shadow:0 14px 30px #02070f38}.enemy-target-card-active{border-color:#7dd7ff94;background:linear-gradient(180deg,#3e81c342,#10233e4d);box-shadow:0 0 0 1px #7dd7ff2e}.enemy-target-topline,.enemy-target-metrics,.enemy-focus-meta{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.enemy-target-topline{justify-content:space-between}.enemy-target-subline{color:#deecfcd6}.enemy-target-metrics{font-size:.8rem;color:#bfd3e7c2}.enemy-focus-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.95fr);gap:1rem;align-items:start}.enemy-card{display:grid;min-width:0;gap:.75rem;padding:1rem;border-radius:22px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.enemy-focus-card,.enemy-intel-card{padding:1.15rem}.enemy-focus-head,.enemy-intel-heading{align-items:flex-start}.enemy-board-wrap{width:100%}.enemy-focus-board-wrap{overflow-x:auto}.enemy-board{grid-template-columns:repeat(8,minmax(0,1fr))}.enemy-focus-board{min-width:min(100%,35rem)}.enemy-board .cell{font-size:1rem}.enemy-focus-board .cell{border-radius:18px}.enemy-head{justify-content:space-between}.enemy-intel-column{min-width:0}.panel-footer{margin-top:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;color:#cadbedd1}.rules-list,.log-list{margin:0;padding-left:1.1rem;color:#d6e3f1d1}.log-list{display:grid;gap:.85rem}.log-list li{display:flex;gap:.75rem;align-items:baseline;padding:.7rem .85rem;border-radius:16px;background:#ffffff08}.log-turn{color:#7dd7ff;font-weight:700;min-width:2.5rem}.winner-banner,.error-text{margin-top:1rem;border-radius:16px;padding:.85rem 1rem}.winner-banner{background:#ffcc5c24;color:#ffe7ac}.winner-actions{display:flex;justify-content:space-between;gap:1rem;align-items:center}.error-text{background:#ff6f9129;color:#ffd2db}.floating-error{position:sticky;bottom:1rem}@media(max-width:1080px){.setup-grid,.game-grid,.captain-grid,.enemy-focus-layout{grid-template-columns:1fr}.hero,.room-bar,.panel-footer,.winner-actions{flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(2.4rem,12vw,3.6rem)}}@media(max-width:1240px){.enemy-target-strip{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}}@media(max-width:720px){.app-shell{width:min(100vw - 1rem,1380px);padding-top:1rem}.panel,.enemy-target-card{border-radius:22px}.enemy-focus-card,.enemy-intel-card,.board-panel,.battle-panel,.setup-card,.log-panel{padding:1rem}.enemy-target-strip{grid-template-columns:1fr}.enemy-target-topline{align-items:flex-start}}@media(prefers-reduced-motion:no-preference){.panel{animation:panel-rise .42s ease both}}@keyframes panel-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}