:root{--bg:#0d1726;--panel:#142236;--line:#24384f;--text:#e6e1d3;--muted:#9aa7b6;--gold:#e8c45a;--red:#e0605a;color:var(--text);background:var(--bg);font-family:system-ui,Malgun Gothic,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{height:100vh;flex-direction:column;height:100dvh;margin:0;display:flex;overflow:hidden}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#22374f;border-radius:4px;padding:4px 10px}button:hover{background:#2c4664}button:disabled{opacity:.5;cursor:default}input{font:inherit;color:var(--text);border:1px solid var(--line);background:#0f1b2b;border-radius:4px;padding:6px 8px}#bar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:8px 14px;display:flex}#bar strong{color:var(--gold);letter-spacing:1px}#bar #ducats{color:var(--gold);margin-left:auto}main{flex:1;min-height:0;display:flex}#mapwrap{flex:1;min-width:0;display:flex;position:relative}#map{min-width:0;image-rendering:pixelated;cursor:grab;touch-action:none;flex:1;display:block}#zoomBtns{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:8px;left:8px}#zoomBtns button{opacity:.85;width:34px;height:34px;padding:0;font-size:18px;line-height:1}#map:active{cursor:grabbing}#side{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;width:320px;min-height:0;display:flex;overflow-y:auto}#side section{border-bottom:1px solid var(--line);flex:none;padding:10px 12px}#side h2{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:600}.big{font-size:18px;font-weight:700}.muted{color:var(--muted);font-size:13px}.stats{grid-template-columns:auto 1fr;gap:2px 10px;font-size:13px;display:grid}.warn{color:var(--red)}#depart ul{max-height:200px;margin:0;padding:0;list-style:none;overflow:auto}#depart li{align-items:center;gap:8px;padding:3px 0;font-size:13px;display:flex}#depart li span{flex:1}#side #chat{flex-direction:column;flex:1 0 240px;min-height:0;display:flex}#chat nav{gap:6px;margin-bottom:6px;display:flex}#chat nav .on{background:#35587d}#log{flex:1;margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;overflow:auto}#log .ch{color:var(--muted);margin-right:4px}#log .from{color:var(--gold);margin-right:4px}#log .news{color:#8fd0ff}#say{margin-top:6px}#say input{width:100%}#login[hidden]{display:none}#login{background:#080e18d9;place-items:center;display:grid;position:fixed;inset:0}#login form{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;width:320px;padding:22px;display:flex}#login h1{color:var(--gold);margin:0;font-size:22px}#login label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}#login .row{gap:8px;display:flex}#login .row button{flex:1}#login .sub{color:var(--muted);margin:0;font-size:13px}.error{color:var(--red);min-height:1em;margin:0;font-size:13px}#login:not(.new) .newOnly{display:none}#where #marketBtn{margin-top:8px}#market[hidden]{display:none}#market{pointer-events:none;z-index:5;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:52px 336px 16px 16px}.mk-win{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:min(920px,100%);max-height:100%;padding:14px 16px;overflow:auto;box-shadow:0 10px 40px #00000080}.mk-head{align-items:center;gap:10px;display:flex}.mk-head h2{color:var(--gold);flex:1;margin:0;font-size:18px}.mk-sum{color:var(--muted);gap:24px;margin:8px 0 4px;font-size:14px;display:flex}.mk-sum b{color:var(--text)}.mk-win .gold{color:var(--gold)}.mk-error{margin:4px 0}.mk-table{border-collapse:collapse;width:100%;font-size:13px}.mk-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 6px;font-weight:600}.mk-table td{border-bottom:1px solid var(--line);white-space:nowrap;padding:4px 6px}.mk-table .num{text-align:right;font-variant-numeric:tabular-nums}.mk-btns{justify-content:flex-end;gap:4px;display:flex}.mk-btns button{padding:2px 7px;font-size:12px}.mk-tag{border:1px solid var(--line);border-radius:3px;margin-left:4px;padding:0 4px;font-size:11px}.mk-tag.produce{color:#8fd08f;border-color:#3d6a45}.mk-tag.demand{color:var(--gold);border-color:#6b5a2a}.mk-cols{grid-template-columns:1fr 1.4fr;gap:16px;margin-top:12px;display:grid}.mk-cols section{border:1px solid var(--line);border-radius:6px;padding:8px 10px}.mk-cols h3{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:600}.mk-supply button{margin-top:8px}.mk-known ul{margin:0;padding:0;font-size:13px;list-style:none}.mk-known li{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.mk-known p{margin:0 0 4px}#dock .dc-row{align-items:center;gap:8px;margin-top:8px;display:flex}#dock .dc-row button{white-space:nowrap;flex:none}#dock .dc-row .muted{font-size:12px}#dock .dc-note{color:#8fd0ff;margin-top:6px;font-size:13px}#book[hidden]{display:none}#book{pointer-events:none;z-index:6;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:52px 336px 16px 16px}.bk-win{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:min(760px,100%);max-height:100%;padding:14px 16px;overflow:auto;box-shadow:0 10px 40px #00000080}.bk-win section{margin-top:12px}.bk-win h3{color:var(--gold);border-bottom:1px solid var(--line);margin:0 0 6px;padding-bottom:4px;font-size:14px;font-weight:600}.bk-win ul{margin:0;padding:0;font-size:13px;list-style:none}.bk-win li{border-bottom:1px solid var(--line);padding:5px 0}.bk-win li.bk-unknown b{color:var(--muted);letter-spacing:2px}.bk-win .bk-note{margin:2px 0;line-height:1.5}.bk-win a{color:#8fd0ff}.mk-win,.bk-win,#side{image-rendering:pixelated;background-clip:padding-box;border:12px solid;border-bottom-width:16px;border-image:url(/assets/ui/frame-brown.png) 6 6 8/12px 12px 16px repeat;border-radius:0}#wind{color:var(--muted);font-size:14px}#wind .wind-arrow{color:#8fd0ff;font-weight:700;display:inline-block}#wind .gold{color:var(--gold)}#helm{flex-direction:column;gap:6px;margin-top:8px;display:flex}#helm .helm-row{gap:6px;display:flex}#helm button{white-space:nowrap;flex:none}#helm button.on{border-color:var(--gold);background:#35587d}#helm .helm-row .muted{align-self:center}#helm select{min-width:0;font:inherit;color:var(--text);border:1px solid var(--line);background:#0f1b2b;border-radius:4px;flex:1;padding:4px 6px}#helm .warn{font-size:13px}#fame{color:var(--muted);font-size:13px}#where .row-btns{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#where .row-btns button,#where .row-btns #marketBtn{margin-top:0}#yard[hidden],#event[hidden],#battle[hidden]{display:none}#yard,#event,#battle{pointer-events:none;justify-content:center;display:flex;position:fixed;left:16px;right:336px}#yard{z-index:7;align-items:flex-start;top:52px;bottom:16px}#event{z-index:9;top:90px}#battle{z-index:8;bottom:16px}.yd-win{pointer-events:auto;background:var(--panel);width:min(980px,100%);max-height:100%;padding:14px 16px;overflow:auto}.yd-hint{margin:6px 0 0}.yd-btns{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ev-win{pointer-events:auto;background:var(--panel);width:min(460px,100%);padding:14px 16px}.ev-left{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:700}.ev-text{margin:10px 0;line-height:1.6}.ev-opts{flex-direction:column;gap:6px;display:flex}.ev-opts button{text-align:left;padding:6px 10px}.ev-opts button.on{opacity:1;background:#35587d}.ev-result{color:#8fd0ff;margin:10px 0 0;line-height:1.5}.ev-close{justify-content:flex-end;margin-top:8px;display:flex}.bt-win{pointer-events:auto;background:var(--panel);width:min(560px,100%);padding:12px 14px}.bt-sides{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.bt-sides h3{color:var(--muted);margin:0 0 4px;font-size:14px;font-weight:600}.bt-bar{grid-template-columns:32px 1fr 36px;align-items:center;gap:6px;margin:3px 0;font-size:12px;display:grid}.bar{border:1px solid var(--line);background:#0f1b2b;width:100%;height:8px;display:inline-block;position:relative}.bar i{background:#6fbf73;position:absolute;inset:0 auto 0 0}.bar i.low{background:var(--red)}.bt-log{border:1px solid var(--line);background:#0f1b2b;max-height:140px;margin:8px 0 0;padding:6px 8px;font-size:13px;line-height:1.5;list-style:none;overflow:auto}.bt-end{margin:8px 0 0}.bt-end.win b{color:var(--gold)}.bt-end.lose b{color:var(--red)}#shipbox .hull{align-items:center;gap:6px;display:flex}#shipbox .hull .bar{width:90px}#shipbox .policy{align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}#shipbox .policy button{padding:2px 10px}#shipbox .policy button.on{border-color:var(--gold);background:#35587d}#shipbox .policy-note{margin-top:4px;font-size:12px}#court[hidden],#estates[hidden]{display:none}#court,#estates{pointer-events:none;z-index:7;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:52px 336px 16px 16px}.ct-win,.es-win{pointer-events:auto;background:var(--panel);width:min(640px,100%);max-height:100%;padding:14px 16px;overflow:auto}.ct-ruler{margin:6px 0 10px;font-size:14px;line-height:1.5}.ct-me{margin:8px 0}.ct-note{color:#8fd0ff;margin:4px 0}.ct-warn{color:var(--red);margin:8px 0}.ct-next{border:1px solid var(--line);border-radius:6px;margin:10px 0;padding:8px 10px}.ct-next h3{color:var(--gold);margin:0 0 6px;font-size:14px}.ct-next .ok{color:#8fd08f}.ct-btns{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.ct-ranks{margin:10px 0 6px}.ct-ranks tr.on td{color:var(--gold);font-weight:700}button.danger{border-color:var(--red);color:#ffd6d3}.es-card{border:1px solid var(--line);border-radius:6px;margin-top:10px;padding:8px 10px}.es-card.mine{border-color:var(--gold)}.es-card h3{margin:0 0 4px;font-size:15px}.es-stats{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.es-stats b{color:var(--text)}.es-note{margin:6px 0 0;font-size:13px;line-height:1.5}.es-note a{color:#8fd0ff}.es-mine{margin-top:6px;font-size:14px}#shipbox h2.sub{margin:10px 0 4px}#shipbox .holdings{margin:0;padding:0;font-size:13px;list-style:none}#shipbox .holdings li{justify-content:space-between;gap:8px;display:flex}#guide[hidden]{display:none}#guide{background:#182a40}#guide h2{margin:0 0 6px}#guide .gd-toggle{all:unset;cursor:pointer;color:var(--gold);font-size:14px;font-weight:700}#guide .gd-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#guide .gd-steps{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}#guide .gd-steps li{color:var(--muted);gap:8px;display:flex}#guide .gd-steps li.now{color:var(--text);font-weight:600}#guide .gd-steps li.done span:last-child{text-decoration:line-through}#guide .gd-mark{text-align:center;border:1px solid var(--line);border-radius:3px;flex:none;min-width:28px;height:-moz-fit-content;height:fit-content;padding:0 3px;font-size:11px}#guide li.done .gd-mark{color:#8fd08f;border-color:#3d6a45}#guide li.now .gd-mark{color:var(--gold);border-color:var(--gold)}#guide .gd-help{color:var(--muted);margin-top:2px;font-weight:400;line-height:1.5}#guide .gd-done{margin-bottom:6px;font-size:13px;line-height:1.5}#buildings[hidden]{display:none}#buildings{pointer-events:none;z-index:7;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:52px 336px 16px 16px}.bd-win{pointer-events:auto;background:var(--panel);width:min(680px,100%);max-height:100%;padding:14px 16px;overflow:auto}.bd-wh{border:1px solid var(--line);border-radius:6px;margin-top:10px;padding:8px 10px}.bd-wh h3{color:var(--gold);margin:0 0 6px;font-size:14px}.bd-qty input{width:72px;padding:2px 6px}.tier-common{--tier:#a9b2bc}.tier-uncommon{--tier:#7fd08a}.tier-rare{--tier:#6fb4ff}.tier-legend{--tier:var(--gold)}#fishing[hidden],#coral[hidden]{display:none}#coral{pointer-events:none;z-index:8;justify-content:center;display:flex;position:fixed;bottom:16px;left:16px;right:336px}.cr-scene{background:linear-gradient(#173a5c,#0b1f33)}.cr-sea{background:repeating-linear-gradient(90deg,#6b5a3a 0 6px,#7a6744 6px 10px,#c0504a 10px 12px,#6b5a3a 12px 18px);border-top:2px solid #8a7550;height:26px;position:absolute;bottom:0;left:0;right:0}.cr-net{animation:.9s steps(3,end) infinite alternate cr-drag;position:absolute;bottom:18px;left:calc(50% - 32px)}@keyframes cr-drag{0%{transform:translate(-6px)}to{transform:translate(6px)}}.cr-scene.shake .cr-net{animation:80ms steps(2,end) infinite alternate cr-shake}@keyframes cr-shake{0%{transform:translate(-3px,-1px)}to{transform:translate(3px,1px)}}.cr-count b{color:#ff8f7a;font-size:18px}#fishing{pointer-events:none;z-index:8;justify-content:center;display:flex;position:fixed;bottom:16px;left:16px;right:336px}.fs-win{pointer-events:auto;background:var(--panel);width:min(420px,100%);padding:12px 14px}.fs-skill{align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.fs-skill b{color:var(--gold)}.fs-skill .fs-xp{flex:1}.fs-xp i{background:#6fb4ff}.fs-scene{border:1px solid var(--line);height:120px;image-rendering:pixelated;background:linear-gradient(#1b3554,#10233a);margin-top:10px;position:relative;overflow:hidden}.fs-water{background:repeating-linear-gradient(90deg,#1d4d78 0 8px,#1a4570 8px 16px);border-top:4px solid #3f7fb5;animation:1.6s steps(4,end) infinite fs-wave;position:absolute;inset:64px 0 0}@keyframes fs-wave{to{background-position:16px 0}}.fs-float{animation:1.2s steps(3,end) infinite alternate fs-bob;position:absolute;top:26px;left:calc(50% - 16px)}@keyframes fs-bob{0%{transform:translateY(0)}to{transform:translateY(6px)}}.fs-scene.bite .fs-float{animation:.25s steps(2,end) forwards fs-sink,.12s steps(2,end) .25s infinite alternate fs-jerk}@keyframes fs-sink{to{transform:translateY(30px)}}@keyframes fs-jerk{0%{transform:translateY(30px)}to{transform:translateY(26px)translate(2px)}}.fs-msg{text-align:center;margin:0;font-size:14px;position:absolute;bottom:6px;left:0;right:0}.fs-scene:not(:has(.fs-float)) .fs-msg{padding:0 10px;line-height:1.5;top:10px;bottom:auto}.fs-bite{color:var(--gold);letter-spacing:2px;text-shadow:2px 2px #000;font-size:28px}.fs-btns{justify-content:center;margin-top:10px;display:flex}.fs-btns button{min-width:180px;padding:10px 18px;font-size:16px;font-weight:700}.fs-hook.flash{border-color:var(--gold);background:#8a3a2a;animation:.3s steps(2,end) infinite fs-flash}@keyframes fs-flash{50%{background:#c9662f}}.fs-card{border:2px solid var(--tier,var(--line));background:#0f1b2b;margin-top:10px;padding:10px 12px}.fs-card.miss b{color:var(--muted);font-size:18px}.fs-card-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.fs-name{color:var(--tier);font-size:20px}.fs-tier{color:var(--tier);border:1px solid var(--tier);padding:0 4px;font-size:12px}.fs-kg{font-variant-numeric:tabular-nums;margin-left:auto;font-size:18px;font-weight:700}.fs-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.fs-tag{color:#8fd0ff;border:1px solid #8fd0ff;padding:1px 6px;font-size:12px}.fs-tag.gold{border-color:var(--gold);color:var(--gold);font-weight:700}.fs-gain{margin-top:6px;font-size:14px}.fs-note{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.fs-level{color:var(--gold);margin:6px 0 0;font-weight:700}.bk-tabs{gap:6px;margin-top:8px;display:flex}.bk-tabs button.on{border-color:var(--gold);background:#35587d}.bk-win .fb-skill{margin-top:10px;font-size:14px}.bk-win .fb-skill b{color:var(--gold)}.bk-win .fb-name{color:var(--tier)}.bk-win .fb-here{flex-wrap:wrap;gap:6px;display:flex}.bk-win .fb-here li{border:1px solid var(--line);padding:3px 8px}.fb-records td{white-space:normal}.mk-salt{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.mk-salt-row{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.mk-salt-row input{width:64px;padding:2px 6px}.mk-salt p{margin:0}@media (max-width:760px){#bar{flex-wrap:wrap;gap:4px 12px;padding:6px 10px}main{flex-direction:column}#mapwrap{flex:0 0 42%}#side{flex:1 1 0;width:auto}#market,#book,#court,#estates,#buildings,#yard{inset:8px}#event,#battle,#fishing,#coral{left:8px;right:8px}#fishing,#coral{bottom:8px}.fs-win{width:100%}.mk-cols{grid-template-columns:1fr}}