:root{font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#f2e9d8;background:radial-gradient(120% 90% at 50% 0,#23324a 0%,#16202f 55%,#0d141d 100%);font-family:ui-rounded,Nunito,Avenir Next,Segoe UI,system-ui,sans-serif}.app{grid-template:"head head""map side"minmax(0,1fr)/minmax(0,1fr) 260px;gap:10px 18px;height:100%;padding:clamp(10px,2vw,22px);display:grid}header{grid-area:head;grid-template-columns:1fr auto;align-items:baseline;column-gap:12px;display:grid}header .ways{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:6px 10px;display:flex}header .ways a{color:#7fc4e8;font-size:.85rem;font-weight:700}.leave{font:inherit;color:#ffb3a7;cursor:pointer;background:#2c3b57;border:2px solid #2b2318;border-radius:6px;padding:3px 10px;font-size:.85rem;font-weight:700}h1{letter-spacing:-.02em;color:#ffd479;-webkit-text-stroke:3px #241a10;paint-order:stroke fill;margin:0;font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:900}header p{grid-column:1/-1;margin:2px 0 0;font-size:.9rem}.sound{font:inherit;color:#f2e9d8;cursor:pointer;background:#2c3b57;border:2px solid #2b2318;border-radius:6px;padding:3px 10px;font-size:.85rem;font-weight:700}.sound[aria-pressed=false]{color:#8c98ab;background:#1b2437}header select{font:inherit;color:#f2e9d8;background:#22304a;border:2px solid #2b2318;border-radius:6px;padding:1px 6px;font-weight:700}.dim{color:#a3b3c9}.map-wrap{grid-area:map;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.board{background:#d3e6f2;border:2px solid #2b2318;border-radius:8px;width:100%;height:100%}.ocean{fill:#d3e6f2}.region{stroke:#2b2318;stroke-width:2px;stroke-linejoin:round;cursor:pointer}.region.sea{stroke-opacity:.32;stroke-width:1.6px}.region.picked{stroke:#b8341f;stroke-width:7px}.region.open{stroke:#b8341f;stroke-width:5px;stroke-dasharray:12 9}.region.helping{stroke:#1f6fb8;stroke-width:7px}.region.open.ferry{stroke:#1f6fb8;stroke-dasharray:22 10}.pip{fill:#fffaf0;stroke:#2b2318;stroke-width:2.4px;pointer-events:none}.label{letter-spacing:.03em;text-anchor:middle;pointer-events:none;fill:#2b2318;font-size:21px;font-weight:800}.label.wet{fill:#63808f;font-weight:700}.unit{pointer-events:none}.unit path,.unit circle,.unit ellipse{stroke:#2b2318;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.unit .shadow{fill:#2b231847;stroke:none}.unit .mast{stroke-width:3.5px}.unit .brim{stroke-width:3.5px;fill:none}.unit .lit{fill:none;stroke:#fffdf5bf;stroke-width:2.6px}.orders .o-move{stroke:#1c1208;stroke-width:6px;marker-end:url(#arrow)}.orders .o-hold{fill:none;stroke:#1c1208;stroke-width:5px}.orders .o-support line{stroke:#1c1208;stroke-width:5px;stroke-dasharray:16 11}.orders .o-convoy line{stroke:#2f6f8f;stroke-width:5px;stroke-dasharray:4 12;stroke-linecap:round}.orders marker path{fill:#1c1208}.orders-panel{flex-direction:column;gap:8px;min-height:0;display:flex}.orders-panel h2{margin:0;font-size:.98rem}.verbs{flex-wrap:wrap;gap:4px;display:flex}.verbs button,.submit{font:inherit;color:#f2e9d8;cursor:pointer;background:#22304a;border:2px solid #2b2318;border-radius:7px;padding:3px 10px;font-size:.82rem;font-weight:700}.verbs button.on{background:#b8341f}.hint{margin:0;font-size:.82rem;line-height:1.4}.written{flex-direction:column;gap:3px;min-height:0;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex;overflow-y:auto}.written li{flex-wrap:wrap;align-items:center;gap:2px 6px;display:flex}.written li.bad span{color:#ff9a8b;text-decoration:line-through}.written .drop{font:inherit;color:#a3b3c9;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 3px}.written .drop:hover{color:#ff9a8b}.submit{background:#2f5d3a;align-self:flex-start;margin-top:auto}.powers li.me{color:#ffd479}.adjust{flex-direction:column;gap:7px;display:flex}.adjust h2{color:#ffd479;margin:0;font-size:.95rem}.beaten{flex-direction:column;gap:4px;display:flex}.choices{flex-wrap:wrap;gap:4px;display:flex}.choices button{font:inherit;color:#f2e9d8;cursor:pointer;background:#22304a;border:2px solid #2b2318;border-radius:6px;padding:2px 8px;font-size:.76rem;font-weight:700}.choices button.on{background:#2f5d3a}.choices button.no{background:#4a2b26}.choices button.no.on{background:#6d2f28}.choices button:disabled{opacity:.35;cursor:default}.press h2{color:#ffd479;margin:0 0 4px;font-size:.95rem}.press h3{letter-spacing:.04em;color:#a3b3c9;margin:8px 0 3px;font-size:.8rem}.small{font-size:.78rem}.asks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.asks li{background:#22304a8c;border:2px solid #2b2318;border-radius:8px;padding:6px 8px}.who{letter-spacing:.06em;color:#a3b3c9;margin:0;font-size:.74rem;font-weight:800}.quote{margin:2px 0 6px;font-size:.84rem;font-style:italic;line-height:1.35}.quote.reply{color:#ffd479;margin-top:6px}.answer{gap:5px;display:flex}.answer button,.ask-row button{font:inherit;color:#f2e9d8;cursor:pointer;background:#2f5d3a;border:2px solid #2b2318;border-radius:6px;padding:2px 9px;font-size:.76rem;font-weight:700}.answer button.no{background:#6d2f28}.asking{flex-direction:column;gap:4px;margin-top:8px;display:flex}.ask-row{align-items:center;gap:6px;font-size:.8rem;display:flex}.ask-row .whoms{gap:2px;margin-left:auto;display:flex}.ask-row button{background:#22304a;padding:1px 5px;font-size:.7rem}.deals{margin:0;padding:0;font-size:.8rem;list-style:none}.deals li{padding:1px 0}.opinions{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.opinions li{grid-template-columns:5.5em 1fr 44px;align-items:center;gap:6px;font-size:.78rem;display:grid}.opinions .bar{background:#16202f;border:1.5px solid #2b2318;border-radius:999px;height:7px;overflow:hidden}.opinions .bar i{background:#ffd479;height:100%;display:block}.log{color:#a3b3c9;border-top:1px solid #2b3a52;margin:0;padding:6px 0 0;font-size:.76rem;line-height:1.4;list-style:none}.powers li.gone{opacity:.4;text-decoration:line-through}.side{flex-direction:column;grid-area:side;gap:12px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.powers{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.powers li{align-items:center;gap:9px;font-size:.92rem;font-weight:700;display:flex}.swatch{border:2px solid #241a10;border-radius:4px;width:15px;height:15px}.count{font-variant-numeric:tabular-nums;color:#a3b3c9;margin-left:auto}.picked h2{margin:0 0 2px;font-size:1rem}.picked p{margin:0;font-size:.86rem;line-height:1.45}@media (width<=780px){.app{grid-template-columns:1fr;grid-template-areas:"head""map""side"}}.landing{max-width:1100px;margin:0 auto;padding:clamp(16px,4vw,48px);line-height:1.55}.landing header{margin-bottom:22px;display:block}.landing h1{font-size:clamp(2rem,6vw,3.4rem)}.landing .tagline{color:#a3b3c9;margin:6px 0 0;font-size:1.1rem}.landing .cols{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4px 36px;display:grid}.landing h2{color:#ffd479;letter-spacing:.02em;margin:22px 0 6px;font-size:1.05rem}.landing p{margin:0 0 10px}.landing strong{color:#f2e9d8}.landing a{color:#7fc4e8}.landing .choose{margin-top:26px}.landing .choose ul{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.landing .choose button{font:inherit;color:#f2e9d8;cursor:pointer;background:#22304a;border:2px solid #2b2318;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-weight:700;display:flex}.landing .choose button.on{background:#3c527a;box-shadow:inset 0 0 0 2px #ffd479}.landing .choose .start{font:inherit;color:#241a10;cursor:pointer;background:#ffd479;border:2px solid #2b2318;border-radius:8px;padding:10px 22px;font-size:1.05rem;font-weight:800}.landing footer{color:#8c98ab;border-top:1px solid #2f3b52;margin-top:34px;padding-top:16px;font-size:.82rem}.landing footer p{margin:0 0 8px}.landing footer .ways{color:#cbd6e6;margin-bottom:12px;font-size:.95rem}.giving-up{flex-wrap:wrap;gap:6px;margin:10px 0 4px;display:flex}.giving-up button{font:inherit;color:#cbd6e6;cursor:pointer;background:#22304a;border:2px solid #2b2318;border-radius:6px;padding:3px 9px;font-size:.82rem;font-weight:700}.giving-up .resign{color:#ffb3a7}.giving-up p{margin:0;font-size:.85rem}.said{color:#d8c48a;flex-basis:100%;margin:4px 0 0;padding:0;font-size:.82rem;list-style:none}.said li{margin:2px 0}.watch{margin-top:8px}.written li.unescorted span{color:#e8c46a}.written li em{color:#b99a4e;flex-basis:100%;font-size:.76rem;font-style:normal}.over{background:#22304a;border:2px solid #2b2318;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;display:flex}.over h2{color:#ffd479;margin:0;font-size:1rem}.over p{color:#cbd6e6;margin:0;font-size:.84rem;line-height:1.45}.over .again{font:inherit;color:#241a10;cursor:pointer;background:#ffd479;border:2px solid #2b2318;border-radius:7px;padding:6px 16px;font-size:.9rem;font-weight:800}.over .ways{font-size:.82rem}.over .ways a{color:#7fc4e8}