.player-avatar[data-v-e3670f29]{position:relative;display:inline-block;aspect-ratio:100/148;flex:none;vertical-align:middle;isolation:isolate}.player-avatar img[data-v-e3670f29]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#20332c;background:#f4f5ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:72px}.brand{font-weight:900;font-size:23px;letter-spacing:2px;color:inherit;text-decoration:none}.brand span{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:6px;color:#607068}h1{font-size:clamp(32px,5vw,58px);line-height:1.08;letter-spacing:-2px;margin:16px 0 28px}h2{font-size:24px;letter-spacing:-.5px}p{line-height:1.7;color:#607068}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#57824b}.welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.card{background:#fff;border:1px solid #e0e5da;border-radius:20px;padding:32px;box-shadow:0 12px 35px #263a2410}label{display:block;font-size:14px;font-weight:600;margin:22px 0}input{display:block;width:100%;border:1px solid #cad2c3;border-radius:10px;padding:14px;font:inherit;font-size:18px;margin-top:9px;background:#fafbf7}input:focus{outline:3px solid #d0e9ae;border-color:#527240}button{background:#d4ef84;border:0;border-radius:10px;color:#253c22;padding:15px 24px;font:inherit;font-weight:750;cursor:pointer}button:hover{background:#c1e46c}button:disabled{opacity:.5;cursor:default}.secondary{width:100%;background:#203b2d;color:#fff}.error{background:#ffebe4;color:#912d20;border-radius:10px;padding:14px}.status{font-size:13px;color:#527240}.room-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.room-code{text-align:right}.room-code small{display:block;font-size:11px;letter-spacing:2px;color:#6c7a71}.room-code strong{font-size:26px;letter-spacing:3px;overflow-wrap:anywhere}.game-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:24px}.play{min-height:330px}.muted{color:#8a968e;font-size:16px}.players,.results{list-style:none;padding:0}.players li,.results li{display:flex;justify-content:space-between;border-bottom:1px solid #edf0e9;padding:16px 0;gap:16px}.players small,.results small{display:block;color:#7a897c;font-size:12px;margin-top:5px}.countdown{float:right;font-size:48px;font-weight:800;color:#57824b}.countdown small{display:block;font-size:10px;letter-spacing:1px}.target{font-size:96px;font-weight:900;line-height:1.2;color:#527240}.text-button{background:none;padding-left:0;margin-top:24px}.footnote{font-size:12px;margin-top:0}.notice{background:#f2f7e8;border-radius:10px;padding:12px}.setup{max-width:700px}code{background:#edf2e5;padding:2px 5px;border-radius:4px}@media(max-width:700px){main{padding:20px}header{margin-bottom:40px}.welcome,.game-grid{grid-template-columns:1fr;gap:24px}.room-head{align-items:flex-start;flex-direction:column}.room-code{text-align:left}.card{padding:24px}h1{letter-spacing:-1px}.status{max-width:100px;text-align:right}}.host-controls{margin-bottom:24px;padding:20px 28px}.host-controls summary{font-weight:750;cursor:pointer}.host-controls-body{padding-top:4px}.host-controls-body p{margin:12px 0}.room-code strong{font-size:36px;letter-spacing:6px}.fleet-play{min-width:0}.fleet-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}.fleet-timer{font-size:2rem;font-weight:800;color:#0b776c}.fleet-timer small{display:block;font-size:.7rem}.fleet-play output{display:block;font-size:1.5rem;color:#086b62;margin:.6rem 0}.fleet-play input[type=range]{width:100%;padding:0;accent-color:#087f77;min-height:40px}.range-labels,.board-key{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem}.ocean{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:3px;background:#0a293b;padding:6px;border-radius:12px;margin:1rem 0}.ocean .sea-cell{aspect-ratio:1;min-width:0;padding:0;border:1px solid #33516a;border-radius:3px;background:#133e56;color:#e1eff2;position:relative;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.sea-cell small{position:absolute;bottom:1px;right:2px;font-size:clamp(.35rem,1.2vw,.6rem);opacity:.65}.ocean .own{background:#296e69}.ocean .hit{background:#9b433c}.ocean .miss{background:#295066}.ocean .sunk{background:#5f4d63}.ocean .selected{outline:3px solid #ffdf7d;z-index:1}.ocean .periphery{border:2px dashed #ffdf7d}.ocean .sea-cell:disabled{opacity:1;cursor:default}.directions{display:flex;flex-wrap:wrap;gap:.5rem}.directions button{background:#e7eeec;color:#163e44;padding:.65rem}.directions .chosen{background:#126c64;color:#fff}.fleet-play fieldset{border:0;padding:0;margin:1rem 0}.answer{font-size:2.5rem;font-weight:800;color:#08756b;margin:.5rem 0}@media(max-width:600px){.ocean{gap:2px;padding:4px}.ocean .sea-cell{font-size:.9rem}.board-key{flex-wrap:wrap}.results li{gap:.5rem}.results strong{font-size:.85rem}}.bouncing-answer .answer-track{display:block;position:relative;width:100%;height:88px;padding:0 12px;background:#e8f1ef;border:2px solid #a5c4bd;touch-action:manipulation;overflow:visible}.answer-track .answer-rail{position:absolute;left:0;right:0;top:25px;height:6px;background:#94b9ae;border-radius:5px}.answer-marker{position:absolute;top:12px;width:8px;height:32px;margin-left:-4px;border-radius:4px;background:#08756b;box-shadow:0 0 0 3px #fff;pointer-events:none}.answer-instruction{position:absolute;left:0;right:0;bottom:10px;font-size:.85rem;pointer-events:none}.bouncing-answer .answer-track:disabled{opacity:1;cursor:default}.answer-track:focus-visible{outline:3px solid #08756b;outline-offset:4px}.fleet-play{position:relative}.fleet-play.has-countdown{padding-right:46px}.vertical-countdown{position:absolute;right:12px;top:130px;bottom:26px;width:13px;background:#dce6e1;border:1px solid #b7ccc0;border-radius:8px;overflow:hidden}.vertical-countdown>span{position:absolute;bottom:0;left:0;right:0;background:#18825e;transition:height 1s linear}.vertical-countdown.urgent>span{background:#c15b27}.sound-toggle{display:block;margin-left:auto;padding:6px 10px;font-size:.8rem;background:#edf2ed;color:#254b3f}.ocean .enemy-hit{background:#174b36;color:#80ff9b}.ocean .enemy-hit>span{font-size:1.45em;font-weight:900}.ocean .friendly-hit{background:#9b433c;color:#fff3e5}.ocean .revealed{background:#34466a;color:#d6e4ff;border-style:dashed}.enemy-hit-key{color:#08783c;font-weight:700}@media(max-width:600px){.fleet-play.has-countdown{padding-right:38px}.vertical-countdown{right:9px;width:11px}}@media(prefers-reduced-motion:reduce){.vertical-countdown>span{transition:none}}.room-options{margin:1rem 0;padding:12px;border:1px solid #c4d3c8;border-radius:10px}.room-options summary{cursor:pointer;font-weight:700}.room-options input[type=checkbox]{display:inline;width:auto;margin-right:8px}.player-swatch{display:inline-block;width:13px;height:13px;border-radius:50%;margin-right:8px;border:1px solid #0003}.ocean .sea-cell{border:3px solid;border-color:#6f9db5 #072337 #072337 #6f9db5;box-shadow:1px 1px #061e2e}.ocean .sea-cell.exposed{border:1px solid #426174;box-shadow:none}.ocean .sea-cell.periphery{outline:1px dashed #ffdf7d;outline-offset:-3px}.hit-ring{position:absolute;border:2px solid;border-radius:50%;pointer-events:none;z-index:2;box-shadow:0 0 0 1px #10273380}.question-section,.ocean{scroll-margin-top:20px}.effect-outline{position:absolute;border:2px solid;border-radius:4px;pointer-events:none;z-index:2;box-shadow:0 0 0 1px #10273380}.board-icon{display:inline-block;width:1.25em;height:1.25em;flex-shrink:0;background:currentColor;-webkit-mask:var(--board-icon) center/contain no-repeat;mask:var(--board-icon) center/contain no-repeat;vertical-align:middle;pointer-events:none}.sea-cell>.board-icon{width:70%;height:70%}.sea-cell.sunk{background:#3a3550;color:#dfd5f5}.miss-markers{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;gap:0}.miss-markers .board-icon{width:35%;height:auto;aspect-ratio:1}.miss-markers .board-icon:only-child{width:65%}.board-key>span{display:inline-flex;align-items:center;gap:3px}.round-report{display:grid;grid-template-rows:1fr;opacity:1;scroll-margin-top:20px}.report-content{overflow:hidden;min-height:0}.round-report .results li{margin:8px 2px;padding:14px;border:2px solid transparent;border-radius:9px}.round-report .results .my-result{background:#e6f3d8;box-shadow:inset 5px 0 #43833d;font-weight:700}.round-report .results .result-hit{border-color:#c23f3f}.sinking-report{display:flex;align-items:center;gap:8px;color:#59456e}.result-panel-enter-active,.result-panel-leave-active{transition:grid-template-rows .45s ease,opacity .35s ease}.result-panel-enter-from,.result-panel-leave-to{grid-template-rows:0fr;opacity:0}@media(prefers-reduced-motion:reduce){.result-panel-enter-active,.result-panel-leave-active{transition:none}}.ocean .sea-cell.exposed{background-image:repeating-linear-gradient(135deg,transparent 0,transparent 9px,rgba(255,255,255,.1) 9px,rgba(255,255,255,.1) 18px)}.miss-markers .board-icon{flex:0 0 28%;width:28%;height:auto;aspect-ratio:1;max-width:40%}.miss-markers .board-icon:only-child{flex-basis:65%;width:65%;max-width:65%}.players li{align-items:center}.player-identity{display:flex;align-items:center;gap:10px;min-width:0}.player-identity>span{overflow-wrap:anywhere;min-width:0}.avatar-reroll{display:block;margin-top:9px;padding:7px 10px;font-size:.8rem}.players li{flex-wrap:wrap}.player-identity{flex:1}.player-identity>.player-avatar{flex:0 0 100px}.question-pool{font-size:.8rem;color:#607068}.room-options select{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #cad2c3;border-radius:10px;background:#fafbf7;font:inherit}.ocean-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}