:root{--bg:#031426;--panel:#08243c;--panel2:#0b2f4b;--line:#1a5770;--cyan:#22e6e3;--cyan2:#00a9cb;--text:#f5fbff;--muted:#9cb5c7;--orange:#ff5a3c;--red:#ff3d45;--green:#2dd886;--yellow:#ffc857;--shadow:0 20px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 50% -10%,#0b3855 0,#031426 45%,#020b14 100%);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(34,230,227,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,230,227,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 85%)}button,input,select{font:inherit}.hidden{display:none!important}.app-shell{width:min(100%,980px);min-height:100vh;margin:auto;padding:16px}.operator-shell{width:min(100%,1180px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 18px;border-bottom:1px solid rgba(34,230,227,.2);position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(3,20,38,.96),rgba(3,20,38,.86));backdrop-filter:blur(12px)}.brand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;line-height:.9}.brand-ship{grid-row:1/3;font-size:28px;margin-right:9px;filter:saturate(.7) hue-rotate(130deg)}.brand strong{font-size:clamp(25px,7vw,42px);letter-spacing:.04em;text-shadow:0 0 18px rgba(34,230,227,.2)}.brand small{font-weight:900;color:var(--cyan);letter-spacing:.18em;font-size:14px}.room-pill{border:1px solid rgba(34,230,227,.35);background:#071f35;border-radius:999px;padding:10px 14px;color:#dff;font-weight:800;white-space:nowrap}.screen{padding:22px 0 90px}.hero{text-align:center;margin:12px 0 22px}.hero h1{font-size:clamp(30px,8vw,52px);margin:0 0 7px}.hero p{margin:0;color:var(--muted)}.panel{background:linear-gradient(180deg,rgba(11,47,75,.95),rgba(6,30,52,.96));border:1px solid rgba(51,174,197,.35);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.panel+.panel{margin-top:14px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;font-size:18px;color:#dff}.panel-title span{color:var(--cyan)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:7px;color:#bfe7ec;font-weight:750}input,select{width:100%;border:1px solid #2b6880;background:#061a2e;color:white;border-radius:14px;padding:14px 15px;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,230,227,.12)}.btn{border:0;border-radius:16px;padding:14px 17px;font-weight:900;letter-spacing:.01em;color:white;background:#123d5b;cursor:pointer;box-shadow:inset 0 -3px rgba(0,0,0,.18);transition:.16s transform,.16s filter}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#ff6547,#e54029)}.btn.cyan{background:linear-gradient(180deg,#12cdd0,#0689aa)}.btn.success{background:linear-gradient(180deg,#2cd88b,#138d58)}.btn.danger{background:linear-gradient(180deg,#f65353,#b82029)}.btn.outline{background:transparent;border:1px solid var(--cyan);color:var(--cyan);box-shadow:none}.btn.small{padding:9px 11px;border-radius:12px;font-size:13px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn-row>.btn{flex:1}.alert{padding:13px 15px;border-radius:14px;margin:12px 0}.alert.danger{background:rgba(255,61,69,.12);border:1px solid rgba(255,61,69,.5);color:#ffd6d8}.alert.info{background:rgba(34,230,227,.1);border:1px solid rgba(34,230,227,.35);color:#dff}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{border:1px solid rgba(34,230,227,.26);background:#071d31;border-radius:16px;padding:14px;text-align:center}.stat strong{display:block;font-size:28px;color:var(--cyan)}.stat small{color:var(--muted)}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.player-card{border:1px solid rgba(34,230,227,.23);background:#071d31;border-radius:17px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;cursor:pointer}.player-card.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(34,230,227,.12),0 0 24px rgba(34,230,227,.18)}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#0b3c59;border:2px solid rgba(34,230,227,.7);font-size:23px}.player-card strong,.player-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card small{color:var(--muted)}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;text-transform:uppercase}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}.status.eliminated:before,.status.kicked:before,.status.blocked:before{background:var(--red)}.status.spectator:before{background:var(--yellow)}.board-wrap{overflow:auto;padding:4px}.board{--size:10;display:grid;grid-template-columns:32px repeat(var(--size),minmax(28px,1fr));gap:3px;width:min(100%,640px);margin:auto;user-select:none}.cell,.axis{aspect-ratio:1;display:grid;place-items:center;border-radius:6px}.axis{color:var(--cyan);font-weight:900;font-size:12px}.cell{position:relative;border:1px solid #245776;background:linear-gradient(180deg,#0b2d49,#071f36);cursor:pointer;min-width:28px}.cell:hover{border-color:var(--cyan)}.cell.selected{outline:3px solid var(--cyan);z-index:2}.cell.water:after,.cell.hit:after,.cell.sunk:after{content:"";width:48%;height:48%;border-radius:50%;box-shadow:0 0 13px currentColor}.cell.water{color:#3ca9ff}.cell.water:after{background:#2697ef}.cell.hit{color:#ff5a3c}.cell.hit:after{background:#ff5a3c}.cell.sunk{background:linear-gradient(180deg,#a5211c,#531418);border-color:#ff6f56;color:#ff6f56}.cell.sunk:after{background:transparent;border:2px solid #fff;border-radius:4px}.cell.ship{background:linear-gradient(180deg,#13a9ae,#08747f);border-color:#59ffff;box-shadow:inset 0 0 12px rgba(255,255,255,.2)}.cell.ship:before{content:"";width:34%;height:34%;border-radius:50%;border:2px solid rgba(255,255,255,.65);background:#075269}.cell.preview-invalid{background:#6b1d2a;border-color:#ff4a5b}.legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:12px}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:5px}.dot.water{background:#2697ef}.dot.hit{background:#ff5a3c}.dot.sunk{background:#b42625;border-radius:3px}.dot.ship{background:#16adb1;border-radius:3px}.fleet-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.ship-chip{padding:10px 12px;border:1px solid #2d6e87;background:#071e34;color:white;border-radius:13px;cursor:pointer}.ship-chip.active{border-color:var(--cyan);color:var(--cyan)}.ship-chip.done{opacity:.45;text-decoration:line-through}.nav-tabs{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,980px);display:grid;grid-template-columns:repeat(3,1fr);background:rgba(3,20,38,.96);border-top:1px solid rgba(34,230,227,.25);backdrop-filter:blur(12px);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.nav-tabs button{border:0;background:transparent;color:#9fb5c7;padding:13px 8px 11px;font-weight:850}.nav-tabs button.active{color:var(--cyan);background:linear-gradient(180deg,rgba(34,230,227,.08),transparent)}.attack-action{position:sticky;bottom:72px;z-index:10;display:grid;grid-template-columns:1fr 2fr 1fr;gap:9px;margin-top:14px;background:rgba(3,20,38,.92);padding:10px;border:1px solid rgba(34,230,227,.23);border-radius:18px;backdrop-filter:blur(12px)}.coord,.timer{display:grid;place-items:center;text-align:center;background:#071e34;border-radius:13px;padding:8px}.coord strong,.timer strong{font-size:25px;color:var(--cyan)}.timer strong{color:white}.event-list{display:grid;gap:8px}.event{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.event:last-child{border-bottom:0}.event time{color:var(--muted);font-size:12px;white-space:nowrap}.leaderboard{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:45px 1fr 80px 70px 80px;gap:8px;align-items:center;padding:11px;border:1px solid rgba(34,230,227,.18);background:#071e34;border-radius:14px}.rank-row.me{border-color:var(--cyan);box-shadow:0 0 18px rgba(34,230,227,.13)}.rank{font-size:22px;font-weight:950;color:var(--cyan)}.ships-mini{color:var(--cyan);letter-spacing:2px}.player-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}.player-row:last-child{border-bottom:0}.qr{width:180px;aspect-ratio:1;background:white;padding:8px;border-radius:16px;border:3px solid var(--cyan)}.room-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.code-big{font-size:clamp(44px,12vw,82px);font-weight:950;color:var(--cyan);letter-spacing:.08em}.operator-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.two-col{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}.public-screen{min-height:100vh;padding:22px;display:grid;grid-template-rows:auto 1fr auto;gap:16px}.public-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.public-header .brand{justify-self:center}.public-header .timer-display{justify-self:end}.public-main{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(450px,2fr) minmax(260px,1fr);gap:14px;min-height:0}.public-center{position:relative;overflow:hidden}.ocean-map{min-height:520px;border-radius:22px;border:1px solid rgba(34,230,227,.32);background:radial-gradient(circle at center,rgba(34,230,227,.16),transparent 35%),linear-gradient(rgba(34,230,227,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(34,230,227,.04) 1px,transparent 1px),#061a2e;background-size:auto,40px 40px,40px 40px;display:grid;place-items:center;position:relative}.target-ring{width:150px;height:150px;border:3px solid var(--orange);border-radius:50%;box-shadow:0 0 40px rgba(255,90,60,.4),inset 0 0 30px rgba(255,90,60,.2);display:grid;place-items:center;font-size:54px}.orbit-player{position:absolute;background:#082743;border:1px solid var(--cyan);border-radius:16px;padding:10px 14px;min-width:150px}.orbit-player:nth-child(2){top:9%;left:43%}.orbit-player:nth-child(3){top:32%;right:4%}.orbit-player:nth-child(4){bottom:10%;right:28%}.orbit-player:nth-child(5){bottom:13%;left:8%}.orbit-player:nth-child(6){top:28%;left:5%}.public-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.install-body{display:grid;place-items:center;min-height:100vh;padding:22px}.install-card{width:min(760px,100%);background:#071e34;border:1px solid rgba(34,230,227,.32);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.install-card .brand{width:max-content;margin-bottom:20px}.muted{color:var(--muted)}.center{text-align:center}.waiting{padding:35px;text-align:center}.spinner{width:46px;height:46px;border:4px solid rgba(34,230,227,.2);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.app-shell{padding:10px}.topbar{padding-top:8px}.brand strong{font-size:26px}.brand small{font-size:11px}.room-pill{font-size:12px;padding:8px 10px}.form-grid,.two-col,.room-hero{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.operator-actions{grid-template-columns:1fr 1fr}.attack-action{grid-template-columns:80px 1fr 78px}.rank-row{grid-template-columns:38px 1fr 56px 50px}.rank-row .points{display:none}.board{grid-template-columns:25px repeat(var(--size),minmax(25px,1fr));gap:2px}.public-screen{padding:12px}.public-main{grid-template-columns:1fr}.public-main>section:first-child{order:2}.public-main>section:last-child{order:3}.public-header{grid-template-columns:1fr auto}.public-header .brand{display:none}.public-footer{grid-template-columns:1fr 1fr}.ocean-map{min-height:420px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}
@media(min-width:1200px){body[data-page=public]{overflow:hidden}}

/* v0.1.1 · Disparos visibles en la pantalla pública */
.public-shot-stage{height:100%;min-height:520px;border-radius:22px;border:1px solid rgba(34,230,227,.34);background:linear-gradient(180deg,rgba(8,39,67,.97),rgba(3,20,38,.98));padding:14px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;overflow:hidden;box-shadow:inset 0 0 55px rgba(34,230,227,.035)}
.public-shot-stage.new-shot{animation:publicStageFlash .7s ease-out}
@keyframes publicStageFlash{0%{box-shadow:inset 0 0 100px rgba(255,101,71,.42),0 0 40px rgba(255,101,71,.28)}100%{box-shadow:inset 0 0 55px rgba(34,230,227,.035)}}
.public-shot-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:2px 4px 8px;border-bottom:1px solid rgba(34,230,227,.18)}
.shot-versus{display:flex;align-items:center;gap:12px;min-width:0}.shot-versus small{display:block;color:var(--cyan);font-weight:850;letter-spacing:.08em;margin-bottom:3px}.shot-versus strong{display:block;font-size:clamp(17px,1.5vw,25px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-versus b{color:var(--orange);padding:0 6px}.shot-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0b3c59;border:2px solid rgba(34,230,227,.7);font-size:26px;flex:0 0 auto}
.shot-result{min-width:132px;border-radius:15px;padding:8px 14px;text-align:center;border:1px solid currentColor;background:rgba(255,255,255,.035)}.shot-result span{display:block;font-size:23px;font-weight:950}.shot-result strong{font-size:12px;letter-spacing:.12em}.shot-result.water{color:#52b8ff}.shot-result.hit,.shot-result.sunk{color:#ff684d}.shot-result.sunk{background:rgba(255,70,50,.16)}
.public-target-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;background:#061a2e;border:1px solid rgba(34,230,227,.2);border-radius:13px;padding:8px 12px}.public-target-bar span,.public-target-bar small{color:var(--muted)}.public-target-bar strong{color:#fff;font-size:18px}
.public-board-wrap{min-height:0;display:grid;place-items:center;overflow:hidden;padding:2px}
.public-board{--size:10;width:min(100%,540px);height:min(100%,540px);aspect-ratio:1;display:grid;grid-template-columns:28px repeat(var(--size),1fr);grid-template-rows:28px repeat(var(--size),1fr);gap:3px;user-select:none}
.public-axis{display:grid;place-items:center;color:var(--cyan);font-weight:900;font-size:12px}
.public-cell{position:relative;display:grid;place-items:center;border:1px solid #245776;border-radius:5px;background:linear-gradient(180deg,#0a2b47,#061d32);min-width:0;min-height:0;overflow:hidden}.public-cell:before{content:"";position:absolute;width:10%;height:10%;border-radius:50%;background:rgba(139,188,209,.25)}
.public-cell.water{border-color:rgba(61,166,242,.65);background:linear-gradient(180deg,rgba(20,79,122,.95),rgba(7,37,65,.98));color:#5fc0ff}.public-cell.hit{border-color:#ff765f;background:linear-gradient(180deg,#8a2c27,#3e171b);color:#fff}.public-cell.sunk{border-color:#ff3f36;background:linear-gradient(180deg,#bd2a22,#521216);color:#fff;box-shadow:inset 0 0 14px rgba(255,96,65,.45)}
.public-cell.water:before,.public-cell.hit:before,.public-cell.sunk:before{display:none}.shot-symbol{font-size:clamp(12px,1.5vw,23px);font-weight:950;text-shadow:0 0 13px currentColor}.public-cell.latest-shot{z-index:2;animation:latestShotPulse 1.1s ease-in-out infinite;outline:3px solid #fff;outline-offset:-2px}
@keyframes latestShotPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.55)}}
.public-board-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding:1px 4px}.public-board-legend .hidden-rule{margin-left:auto;color:#dff}
.public-rule{margin:10px 0 0}.public-waiting-map{min-height:520px}.waiting-shot-copy{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);display:grid;text-align:center;background:rgba(3,20,38,.88);border:1px solid rgba(34,230,227,.3);border-radius:14px;padding:10px 18px;min-width:300px}.waiting-shot-copy strong{color:var(--cyan);font-size:18px}.waiting-shot-copy small{color:var(--muted);margin-top:4px}
@media(max-width:1200px){.public-board{width:min(100%,470px);height:auto}.public-shot-stage{min-height:470px}.public-waiting-map{min-height:470px}}
@media(max-width:760px){.public-shot-stage{min-height:440px}.public-board{width:min(100%,430px);height:auto;grid-template-columns:22px repeat(var(--size),1fr);grid-template-rows:22px repeat(var(--size),1fr);gap:2px}.public-shot-head{align-items:flex-start}.shot-result{min-width:92px;padding:6px 8px}.shot-result span{font-size:18px}.shot-versus strong{font-size:15px}.shot-avatar{width:38px;height:38px;font-size:21px}.public-target-bar{grid-template-columns:auto 1fr}.public-target-bar small{grid-column:1/-1}.public-board-legend .hidden-rule{width:100%;margin-left:0}}

/* v0.2.0 · Turnos automáticos y cuadrícula pública por jugador */
.turn-banner{margin:2px 0 14px;padding:13px 16px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(34,230,227,.35);background:#071e34;box-shadow:var(--shadow)}
.turn-banner strong{font-size:18px}.turn-banner span{color:var(--muted);text-align:right}.turn-banner.my-turn{border-color:#35e59d;background:linear-gradient(90deg,rgba(27,160,102,.25),rgba(7,30,52,.96));box-shadow:0 0 28px rgba(53,229,157,.15)}.turn-banner.my-turn strong{color:#5bffb8}.turn-banner.waiting-turn strong{color:var(--cyan)}
.current-rank{border-color:#35e59d!important;box-shadow:0 0 16px rgba(53,229,157,.14)}
.public-turn-head{justify-self:end;text-align:right;display:grid;gap:4px;min-width:235px}.public-turn-head>small{color:var(--cyan);font-weight:900;letter-spacing:.1em}.public-turn-head>strong{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-turn-head>div{display:flex;justify-content:flex-end;align-items:baseline;gap:9px;color:var(--muted)}.public-turn-head b{font-size:38px;color:#fff}
.public-main.public-main-boards{grid-template-columns:minmax(250px,.7fr) minmax(650px,2.2fr) minmax(300px,.9fr)}
.public-boards-stage{height:100%;min-height:520px;border:1px solid rgba(34,230,227,.32);border-radius:22px;background:linear-gradient(180deg,rgba(8,39,67,.97),rgba(3,20,38,.98));padding:13px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;overflow:hidden;box-shadow:inset 0 0 60px rgba(34,230,227,.03)}
.public-last-shot{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid rgba(34,230,227,.28);background:#061a2e;border-radius:15px;padding:9px 14px;min-height:62px}.public-last-shot small{display:block;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.11em}.public-last-shot strong{font-size:17px}.public-last-shot .last-shot-result{display:flex;align-items:center;gap:12px}.public-last-shot .last-shot-result b{font-size:27px}.public-last-shot .last-shot-result span{font-weight:950;letter-spacing:.08em}.public-last-shot.water{border-color:#52b8ff}.public-last-shot.hit,.public-last-shot.sunk{border-color:#ff684d;background:linear-gradient(90deg,rgba(255,104,77,.11),#061a2e)}.public-last-shot.new-shot{animation:publicStageFlash .75s ease-out}.public-last-shot.empty span{color:var(--muted)}
.public-boards-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0 4px}.public-boards-head small{display:block;color:var(--cyan);font-weight:900;letter-spacing:.11em}.public-boards-head strong{font-size:20px}.public-boards-head p{margin:0;color:var(--muted);font-size:12px;text-align:right;max-width:500px}
.public-boards-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:11px;padding:2px 4px 5px;align-content:start;scrollbar-color:#1e758b #061a2e}
.public-player-board{border:1px solid rgba(34,230,227,.25);border-radius:17px;background:linear-gradient(180deg,#082843,#061b2f);padding:10px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-width:0}.public-player-board.current-turn{border-color:#52ffb4;box-shadow:0 0 24px rgba(53,229,157,.16)}.public-player-board.last-target{box-shadow:0 0 30px rgba(255,104,77,.2);border-color:#ff684d}.public-player-board header{display:flex;align-items:center;justify-content:space-between;gap:10px}.public-player-name{display:flex;align-items:center;gap:9px;min-width:0}.public-player-name>span{font-size:25px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#0b3c59;border:1px solid rgba(34,230,227,.6)}.public-player-name div{min-width:0}.public-player-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-player-name small{color:var(--muted)}.public-ships{text-align:center;border:1px solid rgba(34,230,227,.2);border-radius:11px;padding:4px 9px;min-width:57px}.public-ships b{display:block;color:var(--cyan);font-size:20px}.public-ships small{font-size:10px;color:var(--muted)}
.public-mini-wrap{display:grid;place-items:center;min-height:0}.public-mini-board{--size:10;width:min(100%,340px);aspect-ratio:1;display:grid;grid-template-columns:20px repeat(var(--size),1fr);grid-template-rows:20px repeat(var(--size),1fr);gap:2px;user-select:none}.public-mini-axis{display:grid;place-items:center;color:var(--cyan);font-weight:900;font-size:9px}.public-mini-cell{position:relative;display:grid;place-items:center;border:1px solid #245776;border-radius:3px;background:linear-gradient(180deg,#0a2b47,#061d32);min-width:0;min-height:0;overflow:hidden}.public-mini-cell:before{content:"";position:absolute;width:9%;height:9%;border-radius:50%;background:rgba(139,188,209,.22)}.public-mini-cell.water{border-color:rgba(61,166,242,.72);background:linear-gradient(180deg,rgba(20,79,122,.95),rgba(7,37,65,.98));color:#5fc0ff}.public-mini-cell.hit{border-color:#ff765f;background:linear-gradient(180deg,#8a2c27,#3e171b);color:#fff}.public-mini-cell.sunk{border-color:#ff3f36;background:linear-gradient(180deg,#bd2a22,#521216);color:#fff;box-shadow:inset 0 0 10px rgba(255,96,65,.5)}.public-mini-cell.water:before,.public-mini-cell.hit:before,.public-mini-cell.sunk:before{display:none}.public-mini-cell span{font-size:clamp(8px,.9vw,15px);font-weight:950;text-shadow:0 0 8px currentColor}.public-mini-cell.latest-shot{z-index:2;outline:2px solid white;outline-offset:-2px;animation:latestShotPulse 1.1s ease-in-out infinite}
.public-player-board footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:10px}.public-player-board footer>span{display:flex;align-items:center;gap:4px}.public-player-board footer>strong{margin-left:auto;color:#5bffb8;letter-spacing:.08em}.public-empty-boards{height:100%;min-height:480px;display:grid;place-content:center;place-items:center;text-align:center}.public-empty-boards h2{margin:16px 0 5px}.public-empty-boards p{margin:0;color:var(--muted)}
@media(max-width:1250px){.public-main.public-main-boards{grid-template-columns:230px minmax(520px,2fr) 270px}.public-boards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.public-mini-board{width:min(100%,290px)}}
@media(max-width:760px){.turn-banner{align-items:flex-start;flex-direction:column}.turn-banner span{text-align:left}.public-turn-head{min-width:0}.public-turn-head>strong{font-size:16px}.public-turn-head b{font-size:27px}.public-main.public-main-boards{grid-template-columns:1fr}.public-boards-stage{min-height:520px}.public-boards-head{align-items:flex-start;flex-direction:column;gap:4px}.public-boards-head p{text-align:left}.public-boards-grid{grid-template-columns:1fr}.public-mini-board{width:min(100%,360px)}}