:root{--ink:#243f50;--sea:#267c82;--coral:#c56048;--paper:#fff6e3;--edge:#a6b7aa;--muted:#52656b;color:var(--ink);background:#d7e9de;font-family:'Hiragino Maru Gothic ProN','Yu Gothic',sans-serif;line-height:1.65}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 40%,#acd9d65c,transparent 40%),radial-gradient(ellipse at 90% 70%,#f7cbac70,transparent 55%);min-height:100vh}button,select,textarea{font:inherit;color:inherit}button,select{min-height:44px}button{cursor:pointer;border:2px solid var(--ink);background:var(--paper);padding:.65rem .8rem;border-radius:13px 8px 16px 9px;white-space:normal;overflow-wrap:anywhere}button:hover:not(:disabled){background:#ffe3bf}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:4px solid #9b5f93;outline-offset:3px}a{color:#155c70;display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}h1{font-size:1.75rem;line-height:1.3;margin:.35rem 0}h2{font-size:1.15rem;margin:.2rem 0 .8rem}p{margin:.65rem 0}small{font-size:.8rem}header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between;padding:1rem max(1rem,calc((100% - 1040px)/2));background:#fff6e3b8;border-bottom:3px solid #779c9b}header div{display:flex;flex-direction:column}header strong{font-size:1.3rem}.maker{font-size:.7rem;letter-spacing:.15em}header label{display:flex;align-items:center;gap:.4rem}select{max-width:100%;border:2px solid var(--edge);border-radius:9px;background:#fffbef;padding:.3rem}.skip{position:absolute;left:1rem;top:-90px;background:white;z-index:9}.skip:focus{top:0}main{max-width:1040px;margin:auto;padding:1rem}.notice{border:1px dashed #608680;border-radius:9px;padding:.7rem 1rem;background:#fff9eab3;font-size:.85rem}.voyage{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1.2rem .3rem}.voyage small{letter-spacing:.08em}.stamp{flex:0 0 auto;width:5rem;height:5rem;display:grid;place-content:center;text-align:center;color:var(--coral);border:3px double var(--coral);border-radius:50%;transform:rotate(8deg);font-weight:bold}.stamp small{display:block}.boat-area{padding:1.5rem 1rem;border-radius:40% 15% 30% 12%;background:radial-gradient(ellipse,#d3ece199 40%,#69c3c259 70%,transparent 73%)}.boat-rim{padding:1.2rem 1.1rem;background:#ffd9b4;border:4px solid var(--ink);border-radius:55px 26px 42px 26px;box-shadow:6px 9px 0 #469d9b59, inset 0 0 30px #f5ab7799;position:relative}.boat-label{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:.3rem;font-size:.85rem;margin-bottom:.65rem}.boat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.cell{min-width:0;min-height:128px;padding:.7rem .4rem;background:#fff7e6;display:flex;align-items:center;flex-direction:column;position:relative;border-color:#665f54}.cell-id{position:absolute;top:.2rem;left:.5rem;font-weight:bold;font-size:.75rem}.cargo-symbol{display:grid;place-content:center;width:44px;height:42px;font-size:1.5rem;background:var(--cargo);color:var(--ink);border:2px solid var(--ink);border-radius:8px 14px 5px 12px;margin:.2rem 0}.cell.loaded .cargo-symbol{color:white}.cell small{font-size:.7rem;line-height:1.4}.cell strong{font-size:.85rem}.chosen{outline:3px dashed var(--sea);outline-offset:2px}.boat-note{font-size:.75rem;text-align:center;margin-top:.75rem}.sums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}.sums>div{background:#fff8e9;box-shadow:2px 4px 0 #7aaead4d;border:2px solid #658688;border-radius:11px 19px 8px 15px;padding:.8rem .9rem;display:flex;flex-direction:column}.sums strong{font-size:1.7rem;line-height:1.3}.sums em{font-size:.8rem;font-style:normal}.sums span{font-size:.7rem}.cargo-shelf,.load-preview,.dispatch-ticket,.exchange,.ticket{background:#fff8e9e6;border:2px solid #658688;padding:1rem 1.2rem;border-radius:12px 23px 13px 7px;margin:1rem 0;overflow-wrap:anywhere}.cargo-shelf{border-top:5px solid var(--coral)}.cargo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem}.cargo-card{display:flex;flex-direction:column;text-align:left;align-items:flex-start;min-width:0;padding:.7rem}.cargo-card>span{background:var(--cargo);color:white;border:2px solid var(--ink);font-size:1.4rem;width:42px;height:42px;text-align:center;border-radius:50%}.cargo-card strong{font-size:.85rem;margin:.35rem 0}.cargo-card small{font-size:.75rem;line-height:1.5}.load-preview{border-style:dashed}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.8rem}.actions button:first-child,#dispatch{background:var(--sea);color:white;box-shadow:2px 3px 0 var(--ink)}.refusal{color:#893b2b;background:#ffe6cf;padding:.7rem}.checks{list-style:none;padding:0;margin:.8rem 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.checks li{display:flex;justify-content:space-between;gap:.6rem;padding:.6rem;background:#e9efdf;border-radius:8px;font-size:.85rem}.checks .no{background:#ffe5c6}.checks strong{white-space:normal}.equations{font-size:.8rem;color:var(--muted);border-top:1px dashed #8fa49b;padding-top:.4rem}.swap-controls{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap}.swap-controls label{display:flex;flex-direction:column;max-width:100%}summary{min-height:44px;display:list-item;padding:.5rem 0;cursor:pointer}.result{padding:1rem 1.2rem;border:3px double #658688;background:#eef5de;border-radius:14px}.result.failed{border-color:var(--coral);background:#ffe9cb}.ticket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ticket-list .ticket{margin:0}.ticket button{display:block;margin-top:.7rem}details li{margin:.5rem 0}textarea{width:100%;padding:.6rem;min-height:140px;resize:vertical;overflow-wrap:anywhere;border:2px solid #658688;border-radius:8px;background:#fffdf5;font-family:ui-monospace,monospace;font-size:.8rem}label[for]{display:block;margin-top:1rem;font-weight:bold}.port-tabs{max-width:1040px;margin:auto;display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:1rem;border-top:3px dashed #658688}.port-tabs button{background:#ffe6c4;border-radius:3px 13px 3px 8px}.port-tabs [aria-current]{background:var(--sea);color:white}.port-tabs span{flex-basis:100%;text-align:center;font-size:.75rem}footer{max-width:1040px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem;font-size:.8rem}@media(max-width:700px){.cargo-list{grid-template-columns:repeat(3,minmax(0,1fr))}.sums{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-list{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.cell{min-height:115px}.boat-area{padding:1rem 0}.boat-rim{padding:.9rem .7rem}}@media(max-width:400px){main{padding:.7rem}.boat-grid{gap:.35rem}.boat-rim{border-width:3px;padding:.8rem .5rem}.cell{padding:.6rem .15rem}.cell small{font-size:.6rem}.boat-label,.boat-note{font-size:.7rem}.cargo-shelf,.load-preview,.dispatch-ticket,.exchange,.ticket{padding:.8rem}.cargo-list{gap:.5rem}.cargo-card{padding:.5rem}.voyage{align-items:flex-start}.stamp{width:3.7rem;height:3.7rem;font-size:.75rem}.sums{gap:.5rem}.sums>div{padding:.6rem}.checks li{flex-wrap:wrap}.cargo-symbol{width:38px;height:38px}.boat-label strong{overflow-wrap:anywhere}}
.harbor-art{margin:1rem 0;border:3px solid #20515c;border-radius:13px 22px 12px 18px;overflow:hidden;background:#f8eed4;transform:rotate(-.3deg)}.harbor-art img{display:block;width:100%;height:180px;object-fit:cover;object-position:center 62%}@media(max-width:600px){.harbor-art img{height:140px}}

.dock-ticket{border:3px double var(--coral);background:#ffe8c8;border-radius:13px;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}

.float-ticket{padding:1.2rem;border:3px solid #267c82;border-radius:1.4rem;background:#fff1d5;margin:1rem 0}.float-ticket p{overflow-wrap:anywhere}.float-ticket button{min-height:44px;}