@font-face{font-family:Caveat;font-weight:700;font-display:swap;src:url(/battleship/assets/caveat-700-CXpGlwxz.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:400;font-display:swap;src:url(/battleship/assets/alegreya-sans-400-CUl-7pZ6.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:500;font-display:swap;src:url(/battleship/assets/alegreya-sans-500-DqiCFOjO.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:700;font-display:swap;src:url(/battleship/assets/alegreya-sans-700-wtMREkJN.woff2) format("woff2")}:root{--paper: #e9ebe2;--sheet: #f2f3ec;--grid: #a9bcd0;--margin: #c4746b;--ink: #2a3c72;--red: #a8362c;--secondary: #8f9bb5;--crossed: #8b93a3;--pencil: rgba(88, 92, 102, .72);--hand: "Caveat", cursive;--sans: "Alegreya Sans", system-ui, sans-serif}:root[data-ink=black]{--ink: #2e3036}:root[data-ink=green]{--ink: #2d5c45}:root[data-ink=pencil]{--ink: #575c66}:root[data-paper=cream]{--paper: #e4dcc4;--sheet: #f3ecd7;--grid: #cdbd92;--margin: #b65c50;--secondary: #a1946f;--crossed: #a99c7e}:root[data-paper=night]{--paper: #17191d;--sheet: #23262d;--grid: #3a414f;--margin: #8a4a44;--red: #c65a4e;--secondary: #6e7787;--crossed: #5d6572;--pencil: rgba(196, 202, 214, .6);--ink: #aebfe4}:root[data-paper=night][data-ink=black]{--ink: #ced2db}:root[data-paper=night][data-ink=green]{--ink: #8fc9a8}:root[data-paper=night][data-ink=pencil]{--ink: #99a0ac}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background-color:var(--paper);background-image:radial-gradient(130% 90% at 50% 0%,rgba(255,255,255,.5),transparent 60%),radial-gradient(120% 120% at 50% 110%,rgba(42,60,114,.07),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-attachment:fixed;font-family:var(--sans);transition:background-color .3s ease,color .3s ease;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.app{height:100dvh;display:flex;flex-direction:column}:root[data-paper=night] body{background-image:radial-gradient(130% 90% at 50% 0%,rgba(255,255,255,.03),transparent 60%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}.menu-screen{flex:1;display:grid;place-items:center;padding:1.5rem;background-color:var(--sheet);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:34px 34px}.menu-inner{text-align:center;transform:translateY(-4%)}.menu-title .title-underline{position:absolute;left:-2%;bottom:-.18em;width:104%;height:.16em;overflow:visible}.menu-sub{margin:1rem 0 2.2rem;font-family:var(--sans);font-size:1rem;letter-spacing:.04em;color:var(--secondary)}.menu-actions{display:flex;flex-direction:column;align-items:center;gap:.9rem}.tool-btn{font-family:var(--hand);font-weight:700;font-size:1.4rem;line-height:1;color:var(--ink);background:var(--sheet);padding:.45rem 1.2rem;border:1.8px solid currentColor;border-radius:14px 255px 16px/255px 16px;box-shadow:2px 2px #2a3c7224;cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease}.tool-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 #2a3c7200}.tool-btn:disabled{color:var(--secondary);opacity:.55;box-shadow:none;cursor:default}.tool-btn.primary{color:var(--red)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;background:#e9ebe2bf;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fade-in .2s ease-out;z-index:10}:root[data-paper=night] .overlay{background:#17191dbf}@keyframes fade-in{0%{opacity:0}}.card{max-width:400px;padding:1.5rem 1.7rem 1.7rem;background-color:var(--sheet);background-image:linear-gradient(to right,rgba(169,188,208,.28) 1px,transparent 1px),linear-gradient(to bottom,rgba(169,188,208,.28) 1px,transparent 1px);background-size:26px 26px;border:1px solid rgba(169,188,208,.6);border-radius:3px;box-shadow:0 2px #fff9 inset,0 12px 32px #2a3c7229;transform:rotate(-.4deg);text-align:center}.card-title{margin:0 0 .6rem;font-family:var(--hand);font-weight:700;font-size:2.1rem;color:var(--ink)}.rules-list{margin:0 0 1rem;padding-left:1.15rem;text-align:left;font-size:1rem;line-height:1.45;color:#4a5878}.rules-list li{margin-bottom:.45rem}.rules-list strong{color:var(--ink)}:root[data-paper=night] .rules-list{color:#9aa4bb}.mode-btn{font-family:var(--hand);font-weight:700;font-size:1.2rem;line-height:1;color:var(--secondary);background:transparent;flex:0 0 auto;white-space:nowrap;padding:.38rem .85rem;border:1.6px solid currentColor;border-radius:10px 160px 12px/160px 12px;cursor:pointer}.mode-btn.active{color:var(--ink);border-color:var(--red);box-shadow:1px 1px #a8362c59}.mode-opts{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.settings-note{margin:.7rem 0 1rem;font-size:1rem;line-height:1.35;color:var(--secondary)}.card-actions{display:flex;justify-content:center;gap:.8rem}.win-card .card-title{margin-bottom:.1rem}.underline{width:200px;color:var(--red);stroke-dasharray:230;stroke-dashoffset:230;animation:draw .42s ease-out .18s forwards}@keyframes draw{to{stroke-dashoffset:0}}.win-stats{margin:.7rem 0 1.3rem;font-family:var(--sans);color:var(--secondary);font-size:1.05rem}.win-stats strong{color:var(--ink)}.toast{position:fixed;left:50%;transform:translate(-50%) rotate(-1.6deg);padding:.2rem .6rem;font-family:var(--hand);font-weight:700;font-size:1.35rem;line-height:1.1;color:var(--red);text-shadow:0 0 8px var(--paper),0 0 4px var(--paper),0 0 2px var(--paper);animation:toast-cycle 1.9s ease-in-out forwards;pointer-events:none;z-index:20;white-space:nowrap}@keyframes toast-cycle{0%{opacity:0;transform:translate(-50%) rotate(-1.6deg) translateY(8px)}12%,80%{opacity:1;transform:translate(-50%) rotate(-1.6deg) translateY(0)}to{opacity:0}}#root{display:flex;flex-direction:column;min-height:100%}.menu-title{position:relative;display:inline-block;margin:0;font-family:var(--hand);font-weight:700;font-size:clamp(3rem,14vw,4.6rem);line-height:1;color:var(--ink);transform:rotate(-1deg)}.menu-title .title-underline{position:absolute;left:-2%;bottom:-.16em;width:104%;height:.16em;overflow:visible}.title-underline path{fill:none;stroke:var(--red);stroke-width:2px;stroke-linecap:round;opacity:.85;stroke-dasharray:100;animation:bs-draw-100 .5s ease-out .25s backwards}@keyframes bs-draw-100{0%{stroke-dashoffset:100}}.bs-post-row{display:flex;justify-content:center;gap:10px}.bs-rows{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:22px}.bs-row{display:flex;align-items:baseline;justify-content:center;gap:10px}.bs-row-label{min-width:64px;text-align:right;color:var(--secondary);font-size:1.05rem}.bs-row-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.bs-note{margin-top:16px;color:var(--secondary);font-size:.85rem;text-align:center}.bs-screen{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background-color:var(--sheet);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:34px 34px}.bs-head{margin:0;font-family:var(--hand);font-size:1.9rem;color:var(--ink);transform:rotate(-1deg)}.bs-turn{font-size:1.1rem;color:var(--secondary);white-space:nowrap}.bs-turn.over{color:var(--red)}.bs-status{margin:0;font-family:var(--hand);font-size:1.1rem;color:var(--secondary)}.bs-sub{margin:4px 0 0;font-size:.8rem;color:var(--secondary)}.bs-sea{width:min(86vw,46dvh,380px);touch-action:manipulation}.bs-sea.small{width:min(50vw,26dvh,210px)}.bs-grid{fill:none;stroke:var(--grid);stroke-width:.35}.bs-frame{fill:none;stroke:var(--ink);stroke-width:.8;opacity:.75}.bs-ship{fill:none;stroke:var(--ink);stroke-width:.9;opacity:.85}.bs-miss{fill:var(--secondary)}.bs-hit{fill:none;stroke:var(--ink);stroke-width:1;stroke-linecap:round}.bs-strike{fill:none;stroke:var(--red);stroke-width:1.2;stroke-linecap:round;opacity:.9}.bs-crosshair{fill:none;stroke:var(--red);stroke-width:1}.bs-unfolding{opacity:.35;transition:opacity .3s ease-out}.bs-toolbar{margin-top:6px;display:flex;gap:10px}.bs-toast{position:sticky;bottom:24px;margin-top:10px;font-family:var(--hand);font-size:1.1rem;color:var(--ink);background:var(--sheet);border:1px solid var(--grid);border-radius:9px;padding:6px 14px;box-shadow:1px 2px 4px #0003}