@font-face{font-family:Black Ops One;font-style:normal;font-display:swap;font-weight:400;src:url(/ai-battleship/assets/black-ops-one-latin-400-normal-CYRH0z_U.woff2)format("woff2"),url(/ai-battleship/assets/black-ops-one-latin-400-normal-DmcO2QRk.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/ai-battleship/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/ai-battleship/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/ai-battleship/assets/pirata-one-latin-400-normal-C8jLWNfm.woff2)format("woff2"),url(/ai-battleship/assets/pirata-one-latin-400-normal-CiJE7gJH.woff)format("woff")}:root{--bg:#0d1b2a;--panel:#14263b;--panel-2:#1b3150;--ink:#e8eef5;--ink-dim:#a9b8c8;--accent:#f2b544;--water:#1c4466;--water-line:#ffffff1f;--hull:#8b98a6;--hull-edge:#4b5866;--detail:#5c6a78;--sail:#e9dfc6;--hit:#e2483d;--miss:#d7e3ee;--valid:#62d68473;--invalid:#e2483d80;--display-font:system-ui, sans-serif;--radius:10px;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}button{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-classic{--bg:#0f1a24;--panel:#18293a;--panel-2:#223a52;--accent:#e0b04a;--water:#27506f;--water-line:#dcebff29;--hull:#9aa6b2;--hull-edge:#4f5c69;--detail:#5b6976;--display-font:"Black Ops One", system-ui, sans-serif}.theme-roman{--bg:#1f1611;--panel:#2e2119;--panel-2:#3d2c20;--accent:#d9a441;--ink:#f5ead8;--ink-dim:#c9b79c;--water:#1f6a7a;--water-line:#fff0d229;--hull:#a8683a;--hull-edge:#5e3519;--detail:#7a4a26;--sail:#c4382f;--display-font:"Cinzel", Georgia, serif}.theme-pirate{--bg:#17130e;--panel:#2a2117;--panel-2:#3a2e20;--accent:#e8c15a;--ink:#f4ecd8;--ink-dim:#cdbd9c;--water:#2a5d63;--water-line:#fff5dc26;--hull:#7b4f2c;--hull-edge:#3e2712;--detail:#5a3a1e;--sail:#efe5cc;--display-font:"Pirata One", Georgia, serif}.app{background:var(--bg);min-height:100vh;color:var(--ink);flex-direction:column;display:flex}.app-bar{background:var(--panel);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.app-name{font-family:var(--display-font);cursor:pointer;background:0 0;border:0;padding:.25rem 0;font-size:1.15rem}.app-theme{color:var(--ink-dim);font-size:.9rem}.app-bar-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.confirm-leave{align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.app-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1rem}.app-footer{text-align:center;color:var(--ink-dim);padding:1rem;font-size:.8rem}.app-footer a{color:inherit}h1,h2,h3{font-family:var(--display-font);letter-spacing:.02em;font-weight:400}.btn{border-radius:var(--radius);background:var(--panel-2);cursor:pointer;border:1px solid #fff3;min-height:44px;padding:.5rem 1rem;transition:background .15s,transform .1s}.btn:hover:not(:disabled){background:color-mix(in srgb, var(--panel-2), white 10%)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1a1408;border-color:#0000;font-weight:700}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent), white 15%)}.btn-quiet{background:0 0}.btn-small{min-height:36px;padding:.25rem .7rem;font-size:.85rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.title-screen{text-align:center}.theme-title{--display-font:"Black Ops One", system-ui, sans-serif}.title-hero h1{margin:.5rem 0 .25rem;font-size:clamp(2.2rem,7vw,3.6rem)}.title-hero p{color:var(--ink-dim);margin:0 0 1.5rem}.choose-heading{margin-bottom:1rem;font-size:1.2rem}.theme-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.theme-card{cursor:pointer;background:var(--panel);color:var(--ink);border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem 1rem;transition:transform .15s,border-color .15s;display:flex}.theme-card:hover{border-color:var(--accent);transform:translateY(-3px)}.theme-card.theme-classic{background:linear-gradient(160deg,#223a52,#18293a)}.theme-card.theme-roman{background:linear-gradient(160deg,#4a3322,#2e2119)}.theme-card.theme-pirate{background:linear-gradient(160deg,#3a2e20,#1f1912)}.theme-card-avatar{background:#ffffff14;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.theme-card-name{font-family:var(--display-font);color:var(--accent);font-size:1.4rem}.theme-card-opponent{font-weight:600}.theme-card-tagline{color:var(--ink-dim);min-height:2.6em;font-size:.9rem}.theme-card-cta{margin-top:.4rem;font-weight:700}.how-to{text-align:left;background:var(--panel);border-radius:var(--radius);max-width:560px;margin:1.5rem auto 0;padding:.75rem 1rem}.how-to summary{cursor:pointer;min-height:32px;font-weight:600}.board{width:100%;max-width:480px}.board-grid{aspect-ratio:1;background:linear-gradient(var(--water), var(--water)) no-repeat calc(1.4rem) calc(1.4rem) / calc(100% - 1.4rem) calc(100% - 1.4rem);border-radius:6px;grid-template-rows:1.4rem repeat(10,minmax(0,1fr));grid-template-columns:1.4rem repeat(10,minmax(0,1fr));width:100%;display:grid;position:relative}.board-label{color:var(--ink-dim);-webkit-user-select:none;user-select:none;place-items:center;font-size:.72rem;display:grid}.cell{box-shadow:inset 0 0 0 .5px var(--water-line);z-index:3;background:0 0;border:0;min-width:0;min-height:0;margin:0;padding:0}button.cell{cursor:crosshair}button.cell[aria-disabled=true]{cursor:default}@media (hover:hover){.board-interactive button.cell:not([aria-disabled=true]):hover{background:#ffffff29}}.board-waiting{opacity:.85}.board-active .board-grid{box-shadow:0 0 0 2px var(--accent)}.ship{z-index:1;pointer-events:none;min-width:0;min-height:0;padding:0;display:flex;overflow:visible}.ship-svg{width:100%;height:100%;min-height:0;display:block;overflow:visible}.ship-hull{fill:var(--hull);stroke:var(--hull-edge);stroke-width:4px}.ship-detail{fill:var(--detail);stroke:var(--hull-edge);stroke-width:2px}.ship-line{stroke:var(--hull-edge);stroke-width:5px;fill:none;stroke-linecap:round}.ship-oar{stroke:#d8c39a;stroke-width:5px;stroke-linecap:round}.ship-ram{fill:#c9923e}.ship-sail{fill:var(--sail);stroke:#00000059;stroke-width:3px}.ship-sail-stripe{stroke:#f1d9a8;stroke-width:5px}.ship-mast{fill:#3e2712}.ship-sunk{filter:grayscale(.9)brightness(.55)}.preview{z-index:2;pointer-events:none}.preview-valid{background:var(--valid)}.preview-invalid{background:var(--invalid);background-image:repeating-linear-gradient(45deg,#0000 0 4px,#00000040 4px 8px)}.mark{z-index:2;pointer-events:none;place-items:center;display:grid}.mark svg{width:70%;height:70%}.mark-miss circle{fill:var(--miss);opacity:.85}.mark-hit{background:#e2483d47}.mark-hit path{stroke:var(--hit);stroke-width:3.2px;stroke-linecap:round}.mark-sunk{background:#14000073}.mark-sunk path{stroke:#ff7a6e}.mark-last{box-shadow:inset 0 0 0 2px var(--accent);animation:.45s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.fx{z-index:3;pointer-events:none;position:relative}.fx svg{width:170%;height:170%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.fx-flash{fill:#ffd27a;opacity:.85}.fx-core{fill:#fff6d8}.fx-ray{stroke:#ff9a3c;stroke-width:5px;stroke-linecap:round}.fx-blast{animation:.6s ease-out both blast}.fx-blast-big svg{width:230%;height:230%}.fx-blast-big .fx-flash{fill:#ff8a3c}.fx-splash{border:2px solid var(--miss);border-radius:50%;animation:.6s ease-out both splash}@keyframes blast{0%{opacity:0;transform:scale(.2)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes splash{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.3)}}.ship-sinking{animation:1.6s ease-in both sink}@keyframes sink{0%{filter:brightness(1.6)saturate(1.4);transform:none}8%{transform:translate(-3px,1px)rotate(-1.5deg)}16%{transform:translate(3px,-1px)rotate(1.5deg)}24%{filter:brightness(1.3)sepia(.6)saturate(3)hue-rotate(-20deg);transform:translate(-3px,1px)rotate(-1deg)}32%{transform:translate(2px)rotate(1deg)}45%{transform:none}to{filter:grayscale(.9)brightness(.55);transform:scale(.94)rotate(-2deg)}}.area{z-index:2;pointer-events:none;border:2px dashed var(--accent);border-radius:4px;position:relative}.area-badge{background:var(--accent);color:#1a1a1a;border-radius:999px;place-items:center;min-width:1.3rem;height:1.3rem;padding:0 .25rem;font-size:.75rem;font-weight:800;display:grid;position:absolute;top:-.55rem;right:-.55rem}.spotted{z-index:2;pointer-events:none;place-items:center;display:grid}.spotted svg{width:65%;height:65%}.spotted path{fill:var(--accent);stroke:#1a1a1a;stroke-width:1px;transform-origin:50%;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55;transform:scale(.85)}}.mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.mode-option{text-align:left;color:inherit;cursor:pointer;font:inherit;background:#ffffff0a;border:2px solid #ffffff26;border-radius:12px;gap:.2rem;padding:.8rem 1rem;display:grid}.mode-option:hover{background:#ffffff14}.mode-selected{border-color:var(--accent);background:#ffffff1a}.mode-name{font-size:1.05rem;font-weight:800}.mode-selected .mode-name:before{content:"✓ ";color:var(--accent)}.mode-blurb{color:var(--ink-dim);font-size:.9rem}.abilities{background:var(--panel);border-radius:12px;gap:.5rem;margin:0 0 .75rem;padding:.6rem .75rem;display:grid}.ability-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ability-owner{color:var(--ink-dim);min-width:7.5rem;font-size:.85rem;font-weight:700}.ability-cards{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.ability-card{text-align:left;color:inherit;font:inherit;cursor:pointer;background:#ffffff0f;border:2px solid #ffffff2e;border-radius:10px;gap:.15rem;min-height:44px;padding:.5rem .65rem;display:grid}.ability-card:hover:not(:disabled){background:#ffffff1f}.ability-card:disabled{cursor:default;opacity:.55}.ability-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.ability-spent .ability-name{text-decoration:line-through}.ability-name{font-weight:800}.ability-summary{color:var(--ink-dim);font-size:.78rem;line-height:1.25}.ability-targeting{color:var(--accent);flex-wrap:wrap;align-items:center;gap:.6rem;font-weight:700;display:flex}.ability-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.ability-chips li{border:1px solid #fff3;border-radius:999px;padding:.2rem .55rem;font-size:.8rem}.ability-chip-used{opacity:.5;text-decoration:line-through}@media (width<=760px){.ability-cards{grid-template-columns:1fr}.ability-row{flex-direction:column;align-items:stretch;gap:.4rem}.mode-picker{grid-template-columns:1fr}}.shop-link{margin-bottom:1.25rem}.resume-card{text-align:left;border:2px solid var(--accent);background:#ffffff12;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;margin:0 0 1.5rem;padding:.9rem 1.1rem;display:flex}.resume-card h2{margin:0 0 .2rem;font-size:1.1rem}.resume-card p{color:var(--ink-dim);margin:0;font-size:.92rem}.resume-actions{flex-wrap:wrap;gap:.5rem;display:flex}.shop{text-align:center}.gold-balance{font-size:1.4rem;font-weight:800;color:var(--accent)!important}.pet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0 1.5rem;display:grid}.pet-card{background:var(--panel);border:2px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.pet-card h2{margin:0;font-size:1.1rem}.pet-equipped{border-color:var(--accent)}.pet-portrait{background:#ffffff12;border-radius:50%;place-items:center;width:96px;height:96px;display:grid}.pet-portrait svg{width:80%;height:80%}.pet-blurb{color:var(--ink-dim);flex:1;margin:0;font-size:.88rem}.pet-need{color:var(--ink-dim);font-size:.78rem}.shop-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.fine-print{color:var(--ink-dim);margin-top:1rem;font-size:.8rem}.gold-earned{color:var(--accent);font-weight:800}.board-heading{justify-content:center;align-items:center;gap:.5rem;display:flex}.pet-perch{width:40px;height:40px;animation:2.4s ease-in-out infinite bob;display:inline-block}.pet-perch svg{width:100%;height:100%}@keyframes bob{50%{transform:translateY(-4px)rotate(-4deg)}}.pet-drop{z-index:4;pointer-events:none;animation:.9s ease-in-out both pet-drop;position:relative}.pet-drop svg{width:130%;height:130%;position:absolute;top:-15%;left:-15%}@keyframes pet-drop{0%{opacity:0;transform:translate(-60%,-260%)rotate(-12deg)}25%{opacity:1}50%{opacity:1;transform:translateY(-110%)rotate(0)}62%{transform:translateY(-95%)}to{opacity:0;transform:translate(60%,-240%)rotate(12deg)}}@media (width<=760px){.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.placement-header h2{margin:0 0 .25rem}.hint{color:var(--ink-dim);margin:0 0 1rem}.placement-body{grid-template-columns:minmax(0,480px) minmax(260px,1fr);align-items:start;gap:1.5rem;display:grid}.placement-panel{flex-direction:column;gap:.9rem;display:flex}.dock{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.dock-ship{border-radius:var(--radius);background:var(--panel);cursor:pointer;text-align:left;border:2px solid #0000;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;width:100%;min-height:48px;padding:.4rem .8rem;display:grid}.dock-selected{border-color:var(--accent);background:var(--panel-2)}.dock-placed{opacity:.7}.dock-state{color:var(--ink-dim);text-align:right;min-width:5.5em;font-size:.8rem}.placement-actions{flex-wrap:wrap;gap:.5rem;display:flex}.placement-message{min-height:1.4em;color:var(--accent);margin:0}.placement-footer{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.pips{gap:3px;display:inline-flex}.pip{border:1.5px solid var(--ink-dim);border-radius:3px;width:12px;height:12px}.pip-solid{background:var(--hull);border-color:var(--hull-edge)}.pip-hit{background:var(--hit);border-color:var(--hit)}.opponent-strip{background:var(--panel);border-radius:14px;align-items:center;gap:.75rem;min-height:84px;padding:.5rem .75rem;display:flex}.avatar-frame{background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:68px;height:68px;display:grid;overflow:hidden}.opponent-text{min-width:0}.opponent-name{font-family:var(--display-font);color:var(--accent);font-size:1.05rem}.opponent-title{color:var(--ink-dim);font-size:.9rem}.speech{margin:.15rem 0 0;font-style:italic;animation:.25s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.turn-banner{border-radius:var(--radius);justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;font-weight:700;display:flex}.turn-human{background:var(--accent);color:#1a1408}.turn-ai{background:var(--panel-2);color:var(--ink)}.status-line{text-align:center;min-height:1.4em;color:var(--ink-dim);margin:.4rem 0 .75rem}.boards{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.board-wrap{flex-direction:column;align-items:center;display:flex}.board-title{margin:0 0 .4rem;font-size:1.05rem}.fleets{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}.fleet-status{background:var(--panel);border-radius:var(--radius);padding:.5rem .9rem}.fleet-status h3{margin:.2rem 0 .4rem;font-size:.95rem}.fleet-status ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.fleet-item{grid-template-columns:1fr auto 5em;align-items:center;gap:.6rem;font-size:.9rem;display:grid}.fleet-state{color:var(--ink-dim);text-align:right;font-size:.8rem}.fleet-sunk .fleet-name{color:var(--ink-dim);text-decoration:line-through}.fleet-sunk .fleet-state{color:var(--hit);font-weight:700}.result-card{text-align:center;background:var(--panel-2);border:2px solid var(--accent);border-radius:14px;margin-top:.75rem;padding:1rem}.result-card h2{color:var(--accent);margin:0;font-size:2rem}.result-loss{border-color:var(--hit)}.result-loss h2{color:var(--hit)}.stats{justify-content:center;gap:2rem;margin:.75rem 0;display:flex}.stats dt{color:var(--ink-dim);font-size:.8rem}.stats dd{margin:0;font-weight:700}.result-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@media (width<=760px){.app-main{padding:.6rem}.placement-body{grid-template-columns:1fr}.boards{grid-template-columns:1fr;gap:1rem}.board-wrap-own .board{max-width:300px}.fleets{grid-template-columns:1fr;gap:.6rem}.board-label{font-size:.62rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.fx,.pet-drop{display:none}.ship-sinking{animation:.6s ease-out both sink-fade!important}}@keyframes sink-fade{0%{filter:none}to{filter:grayscale(.9)brightness(.55)}}