#sheet-tavern .tavern-panel.scroll-shell{width:min(760px, calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:min(860px, calc(100vh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:min(860px, calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}#sheet-tavern .tavern-scroll{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8a6238 #d4b783;min-height:0;padding:48px 48px 32px;display:block;overflow:hidden auto}#sheet-tavern .sheet-close{z-index:3;width:48px!important;height:48px!important;top:8px!important;right:14px!important}#sheet-tavern h2{text-align:center;white-space:normal;margin:-20px 44px 14px 0;padding:9px 30px 16px;font-size:25px}.tavern-welcome{justify-content:space-between;align-items:center;gap:14px;margin:0 0 18px;display:flex}.tavern-eyebrow{color:#845021;letter-spacing:2px;font-size:13px;font-weight:900}.tavern-welcome p{color:var(--ink-soft);margin:5px 0 0;font-size:14px}.tavern-gold{color:#774616;text-align:right;flex-shrink:0;font-size:13px}.tavern-gold b{color:#6b3d14;font-variant-numeric:tabular-nums;font-size:22px;display:block}.tavern-menu{gap:10px;display:grid}.tavern-drink{border:1px solid #ab8250;border-left:4px solid var(--drink);background:#fff4d951;grid-template-columns:62px minmax(0,1fr) 100px;align-items:center;gap:14px;min-height:108px;padding:14px;display:grid;box-shadow:0 2px #89643e24}.tavern-grog{--drink:#ad7735}.tavern-rum{--drink:#a84a32}.tavern-mead{--drink:#aa8c3c}.tavern-cup{filter:drop-shadow(0 4px 2px #6d472a33);width:62px;height:68px}.tavern-cup svg{width:100%;height:100%}#sheet-tavern .tavern-copy h3{color:#5e351f;letter-spacing:1px;margin:0 0 5px;font-size:19px}.tavern-copy p{color:#65452b;margin:0;font-size:14px;line-height:1.5}.tavern-duration{color:#86613e;margin-top:5px;font-size:12px;display:block}.tavern-buy{color:#ffeac1;min-height:64px;font:inherit;cursor:pointer;background:#75471f;border:2px solid #68401d;border-radius:4px;flex-direction:column;justify-content:center;padding:9px 8px;display:flex;box-shadow:0 3px #452811}.tavern-buy span{font-size:14px;font-weight:900}.tavern-buy b{margin-top:4px;font-size:17px}.tavern-buy small{font-size:11px;font-weight:400}.tavern-buy:hover:enabled{background:#88572a}.tavern-buy:active:enabled{transform:translateY(2px);box-shadow:0 1px #452811}.tavern-buy:disabled{color:#9b866c;cursor:default;background:#c4ad89;border-color:#998166;box-shadow:0 2px #9d8567}#sheet-tavern .tavern-message{min-height:20px;margin:12px 0 6px;font-size:14px}.tavern-help{color:#795737;border-top:1px solid #a7834d80;padding-top:8px;font-size:13px;line-height:1.6}.tavern-help p{margin:0 0 5px}.tavern-story{width:100%;min-height:44px;font:inherit;color:#6c3c1b;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #a7834d80;justify-content:space-between;margin-top:6px;padding:10px 0;font-size:14px;font-weight:900;display:flex}#sheet-tavern :is(button,.tavern-scroll):focus-visible{outline-offset:3px;outline:3px solid #795020}#tavern-buffs{white-space:nowrap;pointer-events:none;justify-content:center;gap:5px;display:flex;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}#tavern-buffs[hidden]{display:none}.tavern-buff{color:#ffe3a2;background:#261c10a6;border:1px solid #cba96870;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}#hud:has(#tavern-buffs:not([hidden])) #hint{bottom:150px}.tavern-buff time{color:#ffefcf;font-variant-numeric:tabular-nums;font-weight:400}.tavern-buff.rum{color:#ffb6a0}.tavern-buff.mead{color:#c6e2a6}.slot .ico.tavern-slot-icon{place-items:center;display:grid;background-image:none!important}.tavern-slot-icon svg{width:100%;height:100%}.slot.tavern-empty:not(.active) .ico{opacity:.5}body.touch #tavern-buffs{gap:3px;bottom:calc(100% + 5px)}body.touch .tavern-buff{gap:4px;padding:2px 5px;font-size:10px}body.touch #hud:has(#tavern-buffs:not([hidden])) #hint{bottom:100px}@media (min-width:761px) and (max-width:820px){body.touch #touch .t-btns{bottom:52px}}@media (max-width:620px){#sheet-tavern .tavern-scroll{padding:46px 26px 26px}#sheet-tavern h2{margin:-16px 40px 14px 0;padding:9px 18px 16px;font-size:22px}.tavern-drink{grid-template-columns:48px minmax(0,1fr) 78px;gap:9px;padding:12px 8px}.tavern-cup{width:48px;height:58px}#sheet-tavern .tavern-copy h3{font-size:17px}.tavern-copy p{font-size:13px}.tavern-buy{min-height:62px}.tavern-welcome{gap:8px}.tavern-welcome p{font-size:13px}.tavern-gold b{font-size:19px}}@media (max-width:390px){.tavern-drink{grid-template-columns:38px minmax(0,1fr) 68px;gap:7px}.tavern-cup{width:38px}.tavern-buy span{font-size:13px}.tavern-buy b{font-size:15px}#sheet-tavern .tavern-scroll{padding-left:23px;padding-right:23px}}@media (max-height:500px) and (min-width:621px){#sheet-tavern .tavern-scroll{padding:26px 40px 24px}#sheet-tavern h2{margin:-10px 44px 10px 0;font-size:20px}.tavern-welcome{margin-bottom:12px}.tavern-drink{min-height:94px;padding:10px 12px}}#sheet-duel .duel-panel.scroll-shell{width:min(760px,calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)));min-height:0;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:var(--ink);flex-direction:column;padding:0;display:flex;overflow:hidden}#sheet-duel .duel-scroll{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;min-height:0;padding:48px 74px 32px 42px;display:block;overflow:hidden auto}#sheet-duel .duel-scroll h2{text-align:center;white-space:normal;margin:0 auto 16px;padding:10px 46px 18px;font-size:25px}#sheet-duel .sheet-close{z-index:3;width:48px!important;height:48px!important;top:8px!important;right:14px!important}#sheet-duel h3{overflow-wrap:anywhere;margin:18px 0 10px;font-size:18px}#sheet-duel p{margin:10px 0;font-size:14px;line-height:1.65}#sheet-duel .duel-intro{color:#6d3b1d;font-weight:900}#sheet-duel .duel-rules,#sheet-duel .duel-fine{color:#715036}#sheet-duel .duel-fine{border-top:1px solid #946d4370;padding-top:14px;font-size:12px}#sheet-duel .duel-message,#sheet-duel .duel-result{color:#733c22}#sheet-duel .duel-pot{background:#fff5d955;border-left:3px solid #a07532;padding:12px;font-weight:900}.duel-actions{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}#sheet-duel .btn{min-height:44px;padding:7px 18px;font-size:14px}.duel-online{gap:8px;display:grid}.duel-player{background:#fff4d94a;border:1px solid #a57c4e70;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.duel-player span{overflow-wrap:anywhere;min-width:0}#sheet-duel .duel-error{color:#962e21;font-weight:900}.duel-hud{top:max(64px,env(safe-area-inset-top));z-index:18;white-space:pre-line;text-align:center;color:#f1d49b;max-width:55vw;font:600 13px/1.6 var(--ui-font);cursor:pointer;background:#1a211ee8;border:1px solid #a78c56;border-radius:4px;padding:8px 16px;position:fixed;left:50%;transform:translate(-50%)}.duel-hud[hidden]{display:none}@media (max-width:900px){.duel-hud{top:max(64px,env(safe-area-inset-top));max-width:48vw;padding:4px 8px;font-size:11px}}@media (max-width:620px){#sheet-duel .duel-scroll{padding:44px 64px 26px 24px}#sheet-duel .duel-scroll h2{padding:8px 24px 14px;font-size:22px}#sheet-duel .btn{padding:6px 13px}.duel-player{align-items:flex-start;gap:6px;padding:8px}}@media (max-width:560px) and (orientation:portrait){.duel-hud{max-width:80vw;top:104px}}@media (max-height:500px) and (min-width:621px){#sheet-duel .duel-scroll{padding:24px 76px 22px 36px}#sheet-duel .duel-scroll h2{margin-bottom:10px;padding:6px 28px 12px;font-size:21px}}#sheet-duel .duel-panel.scroll-shell{width:min(800px,calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)))}#sheet-duel .duel-scroll{padding-top:30px}#sheet-duel .duel-scroll h2{margin-bottom:14px}.duel-steps{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.duel-steps li{text-align:center;color:#806548;border-bottom:2px solid #99734666;flex:1;padding:9px 4px;font-size:13px}.duel-steps .current{color:#832e23;background:#b05a2520;border-color:#832e23;font-weight:900}.duel-steps .done{color:#546535;border-color:#64723a}.duel-meta{color:#775636;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:12px;display:flex}.duel-wallet{font-weight:800}#sheet-duel .duel-caption{color:#765537;margin:8px 0;font-size:12px;line-height:1.6}#sheet-duel .duel-pot{background:#65422514;border:1px solid #a37b4966;border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 0;padding:12px 6px;display:grid}.duel-pot>div{text-align:center;border-right:1px solid #a37b4944;flex-direction:column;align-items:center;gap:4px;display:flex}.duel-pot>div:last-child{border:0}.duel-pot small,.duel-pot span{color:#80613f;font-size:12px}.duel-pot strong{color:#763e16;font-variant-numeric:tabular-nums;font-size:25px}.duel-actions,.duel-stakes{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.duel-primary>.btn.gold{flex:1}.duel-stakes>.btn{white-space:nowrap;flex:1;padding:8px 9px!important}.duel-online{overflow:visible}.duel-player{border-radius:3px}.duel-player.selected{background:#b2782426;border-color:#92642d}.duel-player>div{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}.duel-player small{color:#81654b;font-size:11px}.duel-versus{justify-content:space-between;align-items:center;gap:12px;margin:18px 0 6px;display:flex}.duel-versus>div{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.duel-versus .blue{text-align:right;color:#355e73}.duel-versus .red{color:#8b382e}.duel-versus>b{white-space:nowrap;font-size:26px}.duel-versus small{opacity:.75;font-size:12px}.duel-readiness{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.duel-readiness span{border:1px solid #9c794d66;border-radius:3px;padding:6px 10px}.duel-readiness .ready{color:#45652d;background:#5a7c2820}.duel-details{border-top:1px solid #946d4355;margin-top:14px;padding-top:12px}.duel-details summary{cursor:pointer;color:#754c2c;min-height:36px;font-size:13px;font-weight:700}#sheet-duel .duel-error,#sheet-duel .duel-notice,#sheet-duel .duel-result{border-radius:3px;padding:10px 12px;font-size:14px;line-height:1.5}#sheet-duel .duel-error{background:#962e2110;border:1px solid #962e2155}#sheet-duel .duel-notice{color:#775332;background:#7c582118}#sheet-duel .duel-result{color:#47612b;background:#58752b18;font-weight:900}@media (max-width:620px){.duel-steps li{padding:8px 2px;font-size:11px}.duel-pot strong{font-size:21px}.duel-stakes>.btn{flex:1 0 26%}.duel-versus strong{font-size:14px}}@media (max-height:500px) and (min-width:621px){#sheet-duel .duel-scroll{padding-top:18px}.duel-steps{margin-bottom:8px}}*{box-sizing:border-box}html,body{overscroll-behavior-x:none;-webkit-user-select:none;user-select:none;background:#0b2a40;height:100%;margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;color:#fff;text-shadow:0 1px 3px #000000b3;position:fixed;inset:0}#compass{position:absolute;top:10px;left:50%;transform:translate(-50%)}#hit-marker{pointer-events:none;opacity:0;color:#fff;filter:drop-shadow(0 1px 2px #000);width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%}#hit-marker i{background:currentColor;border-radius:1px;width:10px;height:2px;position:absolute}#hit-marker i:first-child{top:7px;left:2px;transform:rotate(45deg)}#hit-marker i:nth-child(2){top:7px;right:2px;transform:rotate(-45deg)}#hit-marker i:nth-child(3){bottom:7px;left:2px;transform:rotate(-45deg)}#hit-marker i:nth-child(4){bottom:7px;right:2px;transform:rotate(45deg)}#hit-marker.kill{color:#ffd36b}#hit-marker.kill i{height:3px;box-shadow:0 0 5px #ed884a}#hit-marker.ally{color:#79d8ff}#notice.loot.rarity-2 b{color:#6fe7e8}#notice.loot.rarity-3 b{color:#ffac62}#notice.loot.rarity-4 b{color:#d1b1ff}#crosshair{background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 3px #0009}#prompt{background:#0f192373;border-radius:6px;padding:6px 14px;font-size:18px;font-weight:700;transition:opacity .15s;position:absolute;top:calc(50% + 40px);left:50%;transform:translate(-50%)}#hint{white-space:nowrap;background:#0f192373;border-radius:6px;padding:6px 14px;font-size:16px;transition:opacity .2s;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}#toasts{flex-direction:column;align-items:center;gap:6px;width:min(720px,90vw);display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}.toast{text-align:center;background:#281c0eb8;border:1px solid #e6be6e73;border-radius:8px;padding:8px 16px;font-size:15px;transition:opacity .8s}.toast.fade{opacity:0}#status{text-align:right;position:absolute;top:14px;right:18px}#gold{color:#ffd75e;font-size:22px;font-weight:700}#quest{opacity:.9;margin-top:4px;font-size:14px}#station{opacity:0;background:#0f192380;border-radius:8px;width:220px;padding:10px 12px;transition:opacity .2s;position:absolute;bottom:120px;right:24px}#station .label{margin:4px 0 3px;font-size:13px}#station .bar{background:#ffffff2e;border-radius:5px;height:10px;position:relative;overflow:hidden}#station .bar b{background:#f1e6c8;position:absolute;top:0;bottom:0;left:0}#station .bar.rudder:after{content:"";background:#fff9;width:1px;position:absolute;top:0;bottom:0;left:50%}#station .bar.rudder i{background:#ffb347;border-radius:3px;width:8px;margin-left:-4px;position:absolute;top:0;bottom:0}#damage{opacity:0;background:#3c0f0a8c;border-radius:6px;min-width:190px;padding:6px 12px;font-size:14px;transition:opacity .2s;position:absolute;bottom:56px;left:18px}#damage .bar{background:#ffffff2e;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}#damage .bar b{background:linear-gradient(90deg,#3fa7d6,#1d5f9e);height:100%;display:block}#damage.danger{background:#8c140ab3;animation:.8s infinite alternate dmg-pulse}@keyframes dmg-pulse{0%{box-shadow:0 0 #ff3c2800}to{box-shadow:0 0 18px #ff3c28b3}}#hit-flash{pointer-events:none;opacity:0;background:radial-gradient(circle,#0000 40%,#a01e0a8c 100%);transition:opacity .5s;position:fixed;inset:0}#ship-info{background:#0f192366;border-radius:6px;padding:6px 12px;font-size:14px;transition:opacity .2s;position:absolute;bottom:18px;left:18px}#vitals{align-items:center;gap:10px;transition:opacity .2s;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}#pirate-identity{text-overflow:ellipsis;white-space:nowrap;color:#ffe4a3;max-width:260px;text-shadow:var(--outline-thin);pointer-events:none;font-size:12px;font-weight:700;position:absolute;bottom:calc(100% + 3px);left:0;overflow:hidden}#hp{background:#0f19238c;border:1px solid #ffffff47;border-radius:7px;width:260px;height:14px;position:relative;overflow:hidden}#hp b{background:linear-gradient(#ef6b4f,#b5321f);transition:width .25s;position:absolute;top:0;bottom:0;left:0}#hp span{text-align:center;font-size:11px;font-weight:700;line-height:13px;position:absolute;inset:0}#hp.low{animation:.7s infinite alternate hp-pulse}@keyframes hp-pulse{0%{box-shadow:0 0 #ff3c2800}to{box-shadow:0 0 14px #ff3c28e6}}#bananas{color:#ffe27a;background:#0f192373;border-radius:6px;padding:1px 9px;font-size:13px}#down-overlay{pointer-events:none;opacity:0;color:#fff;text-shadow:0 2px 6px #000c;background:radial-gradient(circle,#3c000033 0%,#280000c7 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:38px;font-weight:700;transition:opacity .6s;display:flex;position:fixed;inset:0}#down-overlay small{opacity:.85;font-size:16px;font-weight:400}#down-overlay.on{opacity:1}#hotbar{gap:8px;transition:opacity .2s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#hotbar.hidden{opacity:0}.slot{text-align:center;background:#0f192373;border:2px solid #ffffff1f;border-radius:8px;width:74px;padding:8px 0 6px;font-size:14px}.slot .key{opacity:.7;font-size:11px;display:block}.slot.active{background:#3c2d1499;border-color:#ffd75e}#underwater{pointer-events:none;opacity:0;background:#146e8c8c;transition:opacity .15s;position:fixed;inset:0}#spy-vignette{pointer-events:none;opacity:0;background:radial-gradient(circle,#0000 0 34vmin,#000000eb 36vmin);transition:opacity .15s;position:fixed;inset:0}#chart-wrap{background:#050f198c;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#chart-wrap.open{display:flex}body.chart-open #hud{opacity:0}#chart{border-radius:6px;width:min(86vh,90vw);height:min(86vh,90vw);box-shadow:0 10px 40px #0009}.chart-tip{color:#f1e6c8;margin-top:8px;font-size:14px}#solo{width:100%}#join{white-space:nowrap;background:#24607e!important;box-shadow:0 4px #163e52!important}#join:hover{background:#2d7396!important}#leave{background:#5a4a3a!important;box-shadow:0 4px #3a2e24!important}#left-col{z-index:6;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:14px;left:18px}#crew{flex-direction:column;gap:4px;font-size:14px;display:flex}#crew div{background:#0f192366;border-radius:6px;padding:3px 10px 3px 8px}#crew i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}#crew span{opacity:.75;margin-left:8px;font-size:12px}#net{opacity:.8;font-size:12px;position:absolute;bottom:52px;left:18px}#chat-log{flex-direction:column;gap:3px;width:380px;font-size:14px;display:flex;position:absolute;bottom:76px;left:18px}.chat-line{background:#0f192373;border-radius:5px;padding:3px 8px;transition:opacity 1s}.chat-line.fade{opacity:0}#chat-box{display:none;position:fixed;bottom:40px;left:18px}#chat-box.open{display:block}#chat-input{width:380px;font:inherit;color:#fff;background:#0f1923bf;border:1px solid #fff6;border-radius:6px;outline:none;padding:8px 10px;font-size:14px}#chat-channel{font:inherit;color:#f3e4c0;cursor:pointer;vertical-align:top;background:#5a3a1c;border:2px solid #7a4f28;border-radius:6px;margin-right:6px;padding:7px 10px;font-size:13px;font-weight:700;display:none}#chat-box.open.sea-ok{align-items:stretch;display:flex}#chat-box.sea-ok #chat-channel{display:block}#chat-box.sea #chat-channel{background:#a2541c;border-color:#ffb070}.chat-line.sea i{color:#ffb070;font-style:normal}#tutorial{pointer-events:auto;background:#281c0ecc;border:1px solid #e6be6e80;border-radius:10px;width:300px;padding:12px 14px;display:none}#tutorial.open{display:block}#tutorial .t-title{margin:2px 0 6px;font-size:18px;font-weight:700;transition:color .2s}#tutorial .t-text{font-size:14px;line-height:1.6}#tutorial-skip{font:inherit;color:#fff9;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px;text-decoration:underline}#station .tip{color:#ffe08a;margin-top:8px;font-size:13px;font-weight:700}#manual{background:#050f1999;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#manual.open{display:flex}body:not(.touch) .tc,body.touch .kb,body.touch .kb-keys,body:not(.touch) .touch-keys{display:none}#touch{-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;position:fixed;inset:0}#touch.hidden{display:none}#t-pad{touch-action:none;position:absolute;inset:0}#t-stick{pointer-events:none;opacity:.5;background:#ffffff1a;border:2px solid #ffffff59;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:calc(100% - 120px);left:130px}#t-knob{background:#ffffff8c;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}#touch button{color:#fff;touch-action:none;-webkit-tap-highlight-color:transparent;background:#0f192380;border:2px solid #ffffff73;font-family:inherit;font-weight:700}#touch button.held{background:#ffd75e8c}.t-btns{grid-template-columns:auto auto;place-items:center;gap:12px;display:grid;position:absolute;bottom:14px;right:16px}.t-btns button{border-radius:50%;width:62px;height:62px;font-size:15px}.t-btns button.hidden{visibility:hidden}#t-interact{background:#963e18bf;width:92px;height:92px;padding:6px;font-size:14px;line-height:1.2}.t-top{gap:6px;display:flex;position:absolute;top:6px;right:6px}.t-top button{border-radius:8px;min-width:44px;height:38px;padding:0 8px;font-size:13px}.t-top button.hidden{display:none}#t-mermaid{border-radius:22px;padding:10px 20px;font-size:16px;position:absolute;bottom:130px;left:50%;transform:translate(-50%);background:#2878a0d9!important}#t-mermaid.hidden{display:none}#rotate{color:#fff;z-index:9999;background:#0b2a40;justify-content:center;align-items:center;font-size:22px;display:none;position:fixed;inset:0}@media (orientation:portrait){body.touch:not(.landscape) #rotate{display:flex}}body.touch.portrait #rotate{display:flex}body.touch #compass{width:min(460px,54vw);height:auto;top:4px}body.touch #status{top:50px;right:10px}body.touch #gold{font-size:18px}body.touch #quest{font-size:12px}body.touch #station{width:210px;padding:8px 10px;top:96px;bottom:auto;right:10px}body.touch #damage{white-space:nowrap;align-items:center;gap:8px;min-width:0;padding:3px 10px;font-size:12px;display:flex;inset:66px auto auto 50%;transform:translate(-50%)}body.touch #damage .bar{width:70px;margin-top:0}body.touch #ship-info{white-space:nowrap;padding:3px 10px;font-size:12px;top:50px;bottom:auto;left:50%;transform:translate(-50%)}body.touch #net{display:none}body.touch #crew{font-size:12px}body.touch #tutorial{width:min(220px,26vw);padding:8px 10px}body.touch #tutorial .t-title{font-size:15px}body.touch #toasts{width:min(380px,46vw);top:100px}body.touch .toast{padding:6px 12px;font-size:13px}body.touch #hint{font-size:13px;bottom:96px}body.touch #prompt{font-size:15px}body.touch #hotbar{z-index:6;pointer-events:auto;gap:5px;bottom:8px}body.touch .slot{width:52px;padding:4px 0 3px;font-size:12px}body.touch #hp{width:180px}body.touch #chat-log{width:300px;font-size:12px;bottom:150px;left:8px}body.touch #chat-box{top:30%;bottom:auto;left:50%;transform:translate(-50%)}@media (max-width:1150px){#ship-info{bottom:84px}#damage{bottom:122px}}:root{--ink:#3a2412;--ink-soft:#6b4a2c;--cream:#fff3d6;--red:#8e1f17;--ui-font:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--outline:0 2px 0 #2a1406, 0 -2px 0 #2a1406, 2px 0 0 #2a1406, -2px 0 0 #2a1406, 2px 2px 0 #2a1406, -2px 2px 0 #2a1406, 2px -2px 0 #2a1406, -2px -2px 0 #2a1406, 0 5px 8px #00000073;--outline-thin:0 1px 0 #2a1406, 0 -1px 0 #2a1406, 1px 0 0 #2a1406, -1px 0 0 #2a1406, 0 3px 5px #00000073}.screen{z-index:20;font-family:var(--ui-font);position:fixed;inset:0}.screen.hidden{display:none}body.in-title #hud,body.in-title #touch,body.in-title #chat-box{display:none!important}.logo-img{filter:drop-shadow(0 10px 18px #0000008c);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:clamp(260px,31vw,500px);height:auto;display:block}#loading{z-index:25;color:var(--cream);background:#0b1b2b url(../ui/keyart.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .6s;display:flex}#loading:before{content:"";background:linear-gradient(#050a1226 0%,#050a1200 40%,#050a12a6 100%);position:absolute;inset:0}#loading>*{position:relative}#loading.fade{opacity:0;pointer-events:none}#loading .logo-img.big{width:min(620px,72vw);position:absolute;top:9vh}#loading .load-bar{position:absolute;bottom:calc(5vh + 92px)}#loading .load-text{position:absolute;bottom:calc(5vh + 64px)}#loading .load-tip{position:absolute;bottom:5vh}.load-bar{background:#2a180c;border:3px solid #7a4f28;border-radius:12px;width:min(460px,70vw);height:20px;padding:3px;box-shadow:inset 0 2px 5px #000000b3,0 6px 14px #0000008c}.load-bar i{background:linear-gradient(#ffe697 0%,#f0b649 55%,#b8761f 100%);border-radius:8px;width:0;height:100%;transition:width .25s;display:block}.load-text{letter-spacing:2px;text-shadow:var(--outline-thin);font-size:16px;font-weight:900}.load-tip{text-align:center;max-width:min(680px,88vw);color:var(--ink);filter:drop-shadow(0 6px 10px #00000080);background:url(../ui/parchment.webp) 50%/100% 100% no-repeat;padding:16px 44px 18px;font-size:15px;font-weight:700;position:absolute;bottom:5vh}.title-shade{pointer-events:none;background:linear-gradient(90deg,#0a06028c 0%,#0a060240 30%,#0a060200 50%),linear-gradient(#0a060200 82%,#0a060273 100%);position:absolute;inset:0}.title-left{flex-direction:column;gap:2.5vh;display:flex;position:absolute;top:4vh;bottom:9vh;left:4.5vw}.menu{flex-direction:column;gap:max(6px,1.1vh);display:flex}.plank-btn{--ico:clamp(50px, 5.2vw, 70px);width:clamp(230px,23vw,330px);height:clamp(50px,8.2vh,68px);padding:0 18px 0 calc(var(--ico) - 4px);cursor:pointer;text-align:left;color:var(--cream);font-family:var(--ui-font);filter:drop-shadow(0 4px 6px #00000080);background:url(../ui/plank.webp) 50%/100% 100% no-repeat;border:0;flex-direction:column;justify-content:center;align-items:flex-start;transition:transform .12s ease-out;display:flex;position:relative}.plank-btn .icon{width:var(--ico);object-fit:contain;filter:drop-shadow(0 3px 3px #0000008c);pointer-events:none;height:auto;max-height:140%;transition:transform .12s;position:absolute;top:50%;left:-14px;transform:translateY(-50%)rotate(-5deg)}.plank-btn .label{letter-spacing:2px;text-shadow:var(--outline);font-size:clamp(18px,3vh,24px);font-weight:900;line-height:1.15}.plank-btn small{color:#ffecc8d9;text-shadow:0 1px 2px #000,0 0 4px #0009;margin-top:1px;font-size:clamp(11px,1.6vh,13px);font-weight:700}.plank-btn:hover,.plank-btn:focus-visible{background-image:url(../ui/plank_gold.webp);outline:none;transform:translate(8px)}.plank-btn:hover .icon,.plank-btn:focus-visible .icon{transform:translateY(-50%)rotate(-12deg)scale(1.08)}.plank-btn:active{transform:translate(8px)scale(.97)}.plank-btn.primary{width:clamp(250px,25vw,360px);height:clamp(58px,9.6vh,80px)}.plank-btn.primary .label{font-size:clamp(21px,3.6vh,29px)}.plank-btn:disabled{opacity:.5;cursor:default}.menu-pair{gap:8px;width:clamp(230px,23vw,330px);display:flex}.menu-pair .plank-btn{--ico:clamp(38px, 3.6vw, 50px);width:auto;min-width:0;padding:0 8px 0 calc(var(--ico) - 10px);flex:1}.menu-pair .plank-btn .icon{left:-10px}.menu-pair .plank-btn .label{letter-spacing:1px;white-space:nowrap;font-size:clamp(15px,2.5vh,20px)}.menu-pair .plank-btn small{display:none}.menu-pair .plank-btn:hover,.menu-pair .plank-btn:focus-visible{transform:translateY(-2px)}.title-foot{color:var(--cream);text-shadow:var(--outline-thin);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:3vh;left:4.5vw;right:3vw}.title-foot .dot{vertical-align:0;background:#888;border:1px solid #2a1406;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.title-foot .dot.on{background:#62d66d;box-shadow:0 0 8px #62d66d}.title-foot .dot.off{background:#d65f5f}.title-foot .profile-sync-status{color:var(--cream);font:inherit;text-shadow:var(--outline-thin);white-space:normal;cursor:pointer;background:0 0;border:0;max-width:34vw;padding:3px 6px;font-size:11px}#crew-tag{white-space:nowrap;text-align:center;pointer-events:none;filter:drop-shadow(0 4px 6px #00000080);background:url(../ui/ribbon.webp) 50%/100% 100% no-repeat;padding:8px 52px 16px;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}#crew-tag b{letter-spacing:1px;color:var(--cream);text-shadow:var(--outline);font-size:21px;font-weight:900;line-height:1.2;display:block}#crew-tag span{color:#ffe6b8;text-shadow:var(--outline-thin);font-size:12px;font-weight:700}body.crew-open #crew-tag,body.crew-open .title-left,body.crew-open .title-shade{opacity:0;transition:opacity .25s}.sheet{z-index:30;font-family:var(--ui-font);background:#0c070280;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.sheet.open{display:flex}.sheet.side{background:linear-gradient(90deg,#0000 45%,#0c070273);justify-content:flex-end}.sheet.side .sheet-panel{width:min(400px,92vw);margin-right:4vw}.sheet-panel{width:min(560px,92vw);max-height:88vh;color:var(--ink);filter:drop-shadow(0 18px 28px #0009);scrollbar-width:thin;scrollbar-color:#8a6238 transparent;background:url(../ui/parchment.webp) 50%/100% 100% no-repeat;padding:64px 64px 46px;position:relative;overflow:auto}.sheet-panel.wide{width:min(940px,95vw)}.sheet-panel.narrow{width:min(460px,90vw)}.sheet-panel h2{letter-spacing:3px;color:var(--cream);text-shadow:var(--outline);white-space:nowrap;background:url(../ui/ribbon.webp) 50%/100% 100% no-repeat;margin:-30px auto 14px;padding:12px 66px 20px;font-size:25px;font-weight:900;display:table}.sheet-panel h3{color:var(--red);margin:0 0 6px;font-size:17px;font-weight:900}.sheet-sub{color:var(--ink-soft);text-align:center;margin:0 0 16px;font-size:14px;font-weight:700}.sheet-close{cursor:pointer;filter:drop-shadow(0 3px 3px #0006);background:url(../ui/seal.webp) 50%/contain no-repeat;border:0;width:50px;height:52px;transition:transform .12s;position:absolute;top:22px;right:26px}.sheet-close:hover{transform:rotate(-12deg)scale(1.1)}.sheet-msg{min-height:20px;color:var(--red);text-align:center;margin-top:12px;font-size:14px;font-weight:700}.sheet-msg.ok{color:#2f6b23}.sheet input:not([type=range]){width:100%;font-family:var(--ui-font);color:var(--ink);background:#fffaeba6;border:2px solid #8a6238;border-radius:6px;outline:none;padding:10px 12px;font-size:16px;font-weight:700}.sheet input:not([type=range]):focus{border-color:var(--red);background:#fffcf2e6}.btn{min-height:46px;font-family:var(--ui-font);letter-spacing:1px;cursor:pointer;color:var(--cream);text-shadow:var(--outline-thin);filter:drop-shadow(0 3px 4px #0006);background:url(../ui/plank.webp) 50%/100% 100% no-repeat;border:0;padding:8px 30px;font-size:16px;font-weight:900;transition:transform .1s}.btn:hover{background-image:url(../ui/plank_gold.webp);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn.gold{background-image:url(../ui/plank_gold.webp)}.btn.gold:hover{filter:drop-shadow(0 3px 4px #0006)brightness(1.08)}.btn:disabled{opacity:.5;cursor:wait}.btn.block{width:100%;margin-top:18px;display:block}.link{color:var(--red);cursor:pointer;font-family:var(--ui-font);background:0 0;border:0;font-size:14px;font-weight:900;text-decoration:underline}.seg2{border:2px solid #8a6238;border-radius:6px;display:inline-flex;overflow:hidden}.seg2 button{font-family:var(--ui-font);color:var(--ink-soft);cursor:pointer;background:#fffaeb66;border:0;padding:6px 16px;font-size:14px;font-weight:700}.seg2 button.on{color:var(--cream);text-shadow:var(--outline-thin);background:#6b3a1c}.join-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.join-card{background:#78502814;border:2px dashed #5a3a1a59;border-radius:6px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.join-card p{color:var(--ink-soft);flex:1;margin:0;font-size:13px;font-weight:700;line-height:1.6}.join-card input{text-transform:uppercase;letter-spacing:6px;text-align:center;font-size:20px!important}.ship-list-head{justify-content:space-between;align-items:center;margin:20px 0 8px;display:flex}.ship-list-head h3{margin:0}.ship-list{flex-direction:column;gap:6px;max-height:210px;display:flex;overflow:auto}.ship-row{background:#7850281a;border-bottom:2px solid #5a3a1a33;border-radius:6px;align-items:center;gap:14px;padding:6px 8px 6px 14px;display:flex}.ship-row b{color:var(--ink);min-width:110px;font-size:18px;font-weight:900}.ship-row span{color:var(--ink-soft);flex:1;font-size:13px;font-weight:700}.ship-row .seats{flex:none;gap:4px;display:inline-flex}.ship-row .seats i{border:2px solid var(--ink-soft);border-radius:50%;width:12px;height:12px}.ship-row .seats i.full{background:var(--red);border-color:var(--red)}.ship-row .btn{min-height:38px;padding:4px 22px;font-size:14px}.ship-admin-block{margin:8px 0 16px}.ship-admin-block .ship-list-head{margin:0 0 8px}.ship-admin-block .seg2{grid-template-columns:repeat(3,1fr)}.ship-member-row b{min-width:130px}.ship-member-row .st,.ship-member-row span{flex:1}.ship-member-row .btn{min-height:36px;padding:4px 14px;font-size:13px}.ship-member-row .btn+.btn{margin-left:0}.ship-empty{text-align:center;color:var(--ink-soft);border:2px dashed #5a3a1a4d;border-radius:6px;padding:16px;font-size:14px;font-weight:700}.custom-server{color:var(--ink-soft);margin-top:16px;font-size:13px;font-weight:700}.custom-server summary{cursor:pointer}.custom-server input{margin-top:8px;font-size:13px!important}.fr-no{letter-spacing:3px;color:var(--red);font-size:18px}.fr-add{justify-content:center;gap:10px;display:flex}.fr-add input{text-align:center;letter-spacing:4px;max-width:300px;font-size:18px!important}.fr-row .st{color:var(--ink-soft);flex:1;font-size:13px;font-weight:700}.fr-row .st.sea{color:#2f6b23}.fr-row .st.title{color:#8a6a1c}.fr-row .btn+.btn{margin-left:-6px}.fr-row .btn.plain{color:var(--ink-soft);text-shadow:none;background:0 0;padding:4px 8px;text-decoration:underline}#sheet-friends .ship-list{max-height:none;overflow:visible}#sheet-friends .ship-list-head{margin-top:12px}#fr-msg{min-height:0;margin-top:8px}@media (max-height:520px){.fr-add input{max-width:240px;padding:6px 10px;font-size:15px!important}.fr-add .btn{min-height:38px;padding:4px 18px}#sheet-friends .sheet-sub{margin-bottom:8px}.fr-row b{min-width:80px;font-size:15px}}.badge{color:#fff;text-align:center;vertical-align:middle;background:#c62b1f;border-radius:9px;min-width:18px;margin-left:6px;padding:0 5px;font-size:12px;font-style:normal;line-height:18px;display:inline-block}.badge:empty{display:none}.field-label{color:var(--red);margin:14px 0 6px;font-size:14px;font-weight:900;display:block}.name-show{width:100%;font-family:var(--ui-font);color:var(--ink);box-sizing:border-box;background:#fffaeb66;border:2px solid #8a6238;border-radius:6px;padding:10px 12px;font-size:16px;font-weight:700}.look-pick{align-items:center;gap:10px;display:flex}.look-pick .arrow{cursor:pointer;width:46px;height:46px;color:var(--cream);text-shadow:var(--outline-thin);filter:drop-shadow(0 3px 3px #0006);background:url(../ui/plank.webp) 50%/100% 100% no-repeat;border:0;font-size:16px}.look-pick .arrow:hover{background-image:url(../ui/plank_gold.webp)}.look-name{text-align:center;color:var(--ink);flex:1;font-size:26px;font-weight:900}.crew-outfit-name{color:var(--ink);margin:6px 0 14px;font-size:18px;font-weight:800}.crew-outfit-name.legendary{color:#895711}.look-dots{justify-content:center;gap:6px;margin:10px 0 6px;display:flex}.look-dots i{background:#5a3a1a40;border-radius:50%;width:9px;height:9px}.look-dots i.on{background:var(--red)}.set-row{align-items:center;gap:14px;margin:16px 0 4px;display:flex}.set-row>span{width:96px;font-size:15px;font-weight:900}.set-row input[type=range]{accent-color:var(--red);flex:1}.set-row output{text-align:right;width:46px;color:var(--ink-soft);font-size:14px;font-weight:700}.set-hint{color:var(--ink-soft);margin:2px 0 0 110px;font-size:12px;font-weight:700}#pause{background:linear-gradient(90deg,#0c0702b3 0%,#0c070266 40%,#0c07021a 100%);justify-content:flex-start;align-items:center;display:flex}#pause.hidden{display:none}.pause-panel{margin-left:6vw}.pause-head{letter-spacing:5px;color:var(--cream);text-shadow:var(--outline);filter:drop-shadow(0 4px 6px #00000080);background:url(../ui/ribbon.webp) 50%/100% 100% no-repeat;padding:12px 70px 20px;font-size:30px;font-weight:900;display:table}.pause-ship{min-height:22px;color:var(--cream);text-shadow:var(--outline-thin);margin:8px 0 18px 10px;font-size:15px;font-weight:700}.pause-ship b{color:#ffd76a;letter-spacing:2px}.invite-code{text-align:center;letter-spacing:16px;color:var(--red);margin:6px 0 14px;font-family:Consolas,Courier New,monospace;font-size:56px;font-weight:900}#dialog{z-index:40}#dialog p{color:var(--ink);text-align:center;margin:6px 0 22px;font-size:16px;font-weight:700;line-height:1.7}.dialog-btns{justify-content:center;gap:12px;display:flex}#dialog.dialog-stacked .dialog-btns{flex-direction:column;align-items:stretch;gap:7px}#dialog.dialog-stacked .dialog-btns .btn{white-space:normal;width:100%;min-height:44px}.story-panel h2{white-space:normal;text-align:center;max-width:100%;padding-left:28px;padding-right:28px;font-size:21px}.story-panel #story-text,.story-letter p{white-space:pre-line;color:var(--ink);line-height:1.8}.story-panel #story-text{max-height:42vh;margin:12px 0;font-weight:700;overflow-y:auto}.story-panel #story-objective{margin-bottom:18px}.story-panel .dialog-btns{flex-wrap:wrap}.story-panel .dialog-btns .btn{white-space:normal;max-width:100%;min-height:44px}.story-stages{color:var(--ink-soft);padding-left:26px}.story-stages li{padding:9px 0;font-weight:700}.story-stages li span{font-size:12px;display:block}.story-stages .current{color:var(--red)}.story-stages .done{color:#38623a}.story-letter{color:var(--ink);margin-top:16px}.story-letter summary{cursor:pointer;padding:8px 0;font-weight:700}#manual{z-index:35;background:#0c070280}.manual-panel{max-height:90vh;overflow:auto}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.card{color:var(--ink);background:#78502814;border:2px dashed #5a3a1a47;border-radius:6px;padding:12px 14px;font-size:14px;line-height:1.65}.card h3{color:var(--red);margin:0 0 4px;font-size:16px}.card p{margin:0;font-weight:500}.card b{color:#5a1a10}.keys-head{margin:22px 0 8px!important}.keys{border-collapse:collapse;width:100%;font-size:14px}.keys td{color:var(--ink);border-bottom:1px dashed #5a3a1a4d;padding:6px 8px}.keys td:first-child{white-space:nowrap;color:var(--red);width:1%;font-weight:900}.manual-actions{gap:12px;margin-top:18px;display:flex}.manual-actions button{min-height:48px;font-family:var(--ui-font);cursor:pointer;color:var(--cream);text-shadow:var(--outline-thin);filter:drop-shadow(0 3px 4px #0006);background:url(../ui/plank.webp) 50%/100% 100% no-repeat;border:0;flex:1;font-size:15px;font-weight:900}.manual-actions button:hover{background-image:url(../ui/plank_gold.webp)}#hud{font-family:var(--ui-font)}.toast{color:var(--ink);text-shadow:none;filter:drop-shadow(0 4px 8px #00000073);background:url(../ui/parchment.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;padding:14px 36px 16px;font-size:15px;font-weight:700}#prompt{color:var(--ink);text-shadow:none;filter:drop-shadow(0 4px 6px #00000073);background:url(../ui/parchment.webp) 50%/100% 100% no-repeat;border-radius:0;padding:10px 30px 12px}#hint{color:var(--ink);text-shadow:none;filter:drop-shadow(0 4px 6px #0006);background:url(../ui/parchment.webp) 50%/100% 100% no-repeat;border-radius:0;padding:8px 28px 10px;font-weight:700}#gold{color:#ffd76a;text-shadow:var(--outline);font-weight:900}#quest{text-shadow:var(--outline-thin);font-weight:700}#hotbar{gap:6px;bottom:14px}.slot{filter:drop-shadow(0 3px 4px #00000080);background:url(../ui/slot.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;width:66px;height:66px;padding:0;position:relative}.slot.active{background-image:url(../ui/slot_on.webp);border:0;transform:translateY(-4px)}.slot .ico{background:50%/contain no-repeat;position:absolute;inset:9px}.slot .key{color:var(--cream);opacity:1;text-shadow:var(--outline-thin);font-size:12px;font-weight:900;position:absolute;top:3px;left:6px}.slot .nm{text-align:center;color:var(--cream);text-shadow:var(--outline-thin);opacity:0;font-size:11px;font-weight:700;transition:opacity .15s;position:absolute;bottom:-16px;left:0;right:0}.slot.active .nm{opacity:1}#vitals{bottom:102px}#hp{background:#2a180c;border:3px solid #7a4f28;border-radius:10px;height:18px;padding:2px;overflow:hidden;box-shadow:0 3px 6px #00000080}#hp b{background:linear-gradient(#ff8a6a,#c8321c 55%,#8e1f12);border-radius:6px;top:2px;bottom:2px;left:2px}#hp span{color:var(--cream);text-shadow:var(--outline-thin);line-height:12px}#bananas{color:#ffe27a;text-shadow:var(--outline-thin);background:#2a180cbf;border:2px solid #7a4f28;font-weight:900}#hint{bottom:136px}body.touch #vitals{bottom:76px}body.touch .slot{width:50px;height:50px}@media (max-width:760px){.join-cards{grid-template-columns:1fr}}@media (max-height:520px){.title-left{gap:2vh;top:3vh}.logo-img{width:clamp(180px,26vw,300px)}.plank-btn small{display:none}.plank-btn,.plank-btn.primary{--ico:44px;width:clamp(190px,26vw,260px);height:clamp(40px,10.5vh,52px)}.plank-btn .label,.plank-btn.primary .label{font-size:clamp(15px,4.2vh,20px)}.menu-pair{width:clamp(190px,26vw,260px)}.menu-pair .plank-btn{--ico:34px;width:auto}.menu-pair .plank-btn .label{font-size:clamp(13px,3.6vh,17px)}.title-foot{font-size:12px;bottom:2vh}.sheet-panel{padding:44px 40px 30px}.sheet-panel h2{margin-top:-18px;font-size:20px}.pause-head{font-size:22px}#crew-tag b{font-size:17px}.sheet-panel{max-height:96vh}.sheet-sub{margin-bottom:8px;font-size:12px}.join-card{gap:6px;padding:8px 10px}.join-card p{display:none}.join-card h3{margin:0;font-size:15px}.ship-list-head{margin:10px 0 4px}.ship-list{max-height:96px}.btn{min-height:38px;padding:4px 22px;font-size:14px}.custom-server{margin-top:6px}}#tutorial{color:var(--ink);box-shadow:none;filter:drop-shadow(0 6px 10px #00000073);text-shadow:none;background:url(../ui/parchment.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;padding:22px 26px 20px}#tutorial .t-progress{color:var(--red);font-weight:900}#tutorial .t-title{color:var(--ink);font-weight:900}#tutorial .t-text{color:var(--ink-soft);font-weight:700}#tutorial-skip{font-weight:900;text-decoration:underline;color:var(--red)!important;background:0 0!important;border:0!important}#ship-info,#station,#damage{color:var(--ink);text-shadow:none;filter:drop-shadow(0 4px 8px #0006);background:url(../ui/parchment.webp) 50%/100% 100% no-repeat;border:0;border-radius:0}#station .label,#station .tip{color:var(--ink);font-weight:700}#station .bar{background:#5a3a1a33}#damage{padding:12px 22px;font-weight:900}#damage .bar{background:#5a3a1a33}#damage.danger{color:#fff3d6;text-shadow:var(--outline-thin);background:#6b1a10;border:3px solid #3a0d06}#crew{color:var(--cream);text-shadow:var(--outline-thin);background:#2a180cb8;border:2px solid #7a4f28;border-radius:6px;padding:10px 14px}#crew:empty{display:none}#net,.chat-line{text-shadow:var(--outline-thin);font-weight:700}#chat-box input{font-family:var(--ui-font);color:var(--ink);background:#fff8e6eb;border:2px solid #7a4f28;border-radius:6px;font-weight:700}#down-overlay{font-family:var(--ui-font);text-shadow:var(--outline);font-weight:900}@media (max-height:360px){.title-left{gap:1.5vh;top:2vh}.logo-img{width:clamp(150px,22vw,220px)}.menu{gap:4px}.plank-btn,.plank-btn.primary{--ico:36px;width:clamp(170px,24vw,220px);height:34px}.plank-btn .label,.plank-btn.primary .label{font-size:15px}.title-foot{font-size:11px;bottom:1.5vh}}#compass{filter:drop-shadow(0 4px 6px #00000080);top:6px}.chat-line{color:var(--cream);box-shadow:none;overflow-wrap:anywhere;word-break:break-word;background:#2a180a80;border:1px solid #aa784280;border-radius:4px;padding:4px 10px}#chat-log{max-width:calc(100vw - 36px)}#crew{box-shadow:none;background:#2a180a73;border:1px solid #aa784280}#crew div{background:0 0;padding:2px 4px}#net:not(:empty){opacity:1;color:var(--cream);background:#33200f;border:2px solid #7a4f28;border-radius:4px;padding:3px 10px}#bananas{background:linear-gradient(#4a2e16,#33200f)}#station .bar,#damage .bar{background:#c9ad7f;border:1px solid #8a6238;box-shadow:inset 0 2px 3px #3c1e0a8c}#chart-wrap{background:radial-gradient(circle,#100a04b8 0%,#080502eb 100%)}#chart{border:10px solid #4a2e16;border-radius:4px;outline:3px solid #8a5c2e;box-shadow:0 12px 40px #000000b3}.chart-tip{color:var(--cream);text-shadow:var(--outline-thin);font-weight:900}#hud{transition:opacity .2s}:is(body:has(#pause:not(.hidden)) #hud,body:has(.sheet.open) #hud,body:has(#manual.open) #hud){opacity:0}:is(body:has(.sheet.open) .pause-panel,body:has(#manual.open) .pause-panel){opacity:0;pointer-events:none}#pause{background:linear-gradient(90deg,#0c0702d9 0%,#0c070299 40%,#0c070259 100%)}#manual{background:#0c0702c7}#underwater{background:radial-gradient(circle,#1e78968c 0%,#083246d9 100%)}#touch button{font-family:var(--ui-font);color:var(--cream);text-shadow:var(--outline-thin);filter:drop-shadow(0 3px 4px #00000080);background:url(../ui/btn_round.webp) 50%/100% 100% no-repeat;border:0;font-weight:900}#touch button.held{background-image:url(../ui/btn_round_gold.webp);transform:scale(.94)}#t-interact{font-size:16px;background:url(../ui/btn_round_gold.webp) 50%/100% 100% no-repeat!important}#t-stick{opacity:.85;filter:drop-shadow(0 3px 5px #00000073);background:url(../ui/stick_base.webp) 50%/100% 100% no-repeat;border:0;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px}#t-stick.active{opacity:1}#t-knob{background:url(../ui/stick_knob.webp) 50%/100% 100% no-repeat;width:60px;height:60px;margin:-30px 0 0 -30px}.t-top button{border-radius:0;min-width:48px;height:46px;padding:0 6px;font-size:13px;background:url(../ui/slot.webp) 50%/100% 100% no-repeat!important}#t-mermaid{background:url(../ui/plank.webp) 50%/100% 100% no-repeat!important;border-radius:0!important;padding:12px 34px 14px!important}.toast,#prompt,#hint,#ship-info{color:var(--cream);text-shadow:var(--outline-thin);filter:none;background:radial-gradient(closest-side,#1008026b,#10080238 60%,#10080200);border:0;border-radius:0}.toast{padding:8px 46px 9px;font-size:15px}#prompt{padding:8px 40px 9px;font-size:18px;font-weight:900}#hint{padding:6px 40px 7px;font-size:15px}#ship-info{padding:6px 26px 7px;font-weight:700}#tutorial{width:300px;color:var(--cream);filter:none;text-shadow:var(--outline-thin);background:linear-gradient(90deg,#10080280 0%,#10080252 55%,#10080200 100%);padding:10px 34px 12px 14px}#tutorial .t-progress{color:#ffd76a;font-size:12px}#tutorial .t-title{color:#ffe9b8;text-shadow:var(--outline-thin);font-size:17px}#tutorial.done .t-title{color:#9be89b}#tutorial .t-text{color:var(--cream);font-size:13px;line-height:1.55}#tutorial-skip{text-shadow:var(--outline-thin);font-size:12px;color:#ffb08a!important}#station,#damage{color:var(--cream);text-shadow:var(--outline-thin);filter:none;background:radial-gradient(closest-side,#10080273,#10080247 65%,#10080200);border:0}#station{padding:14px 26px}#damage{padding:10px 26px}#station .label,#station .tip{color:var(--cream)}#station .tip{color:#ffe08a}#station .bar,#damage .bar{height:8px;box-shadow:none;background:#fff0d22e;border:1px solid #fff0d259}#station .bar b{background:#f3dfb4}#station .bar.wind b{background:#7fd3ff}#station .bar.reload b{background:#ff9a3c}#station .bar.rudder:after{background:#fff0d299}#station .bar.rudder{overflow:visible}#station .bar.rudder em.best{background:#ffe066;border:1px solid #2a1406;width:10px;height:10px;margin-left:-5px;position:absolute;top:-9px;transform:rotate(45deg);box-shadow:0 0 6px #ffe066e6}#station .bar.rudder i{z-index:1}#station .best-key{float:right;color:#ffe066;font-size:12px}#station .bar.rudder+.label,#station .label+.bar.rudder{margin-top:12px}#damage.danger{color:#fff3d6;background:radial-gradient(closest-side,#8c140899,#8c14084d 65%,#8c140800);border:0;animation:.8s infinite alternate dmg-fade}@keyframes dmg-fade{0%{filter:brightness(.8)}to{filter:brightness(1.3)}}#compass{filter:none}#tutorial{isolation:isolate;background:0 0;position:relative}#tutorial:before{content:"";z-index:-1;filter:blur(14px);background:#1008026b;border-radius:40px;position:absolute;inset:6px 30px 6px 0}.sheet-panel.ledger{width:min(1040px,96vw);max-height:92vh;padding:58px 54px 40px}.led-head{color:var(--ink);justify-content:space-between;align-items:center;margin:0 6px 12px;font-weight:900;display:flex}.led-rank b{color:var(--red);font-size:22px}.led-gold{align-items:center;gap:6px;font-size:18px;display:flex}.coin{background:radial-gradient(circle at 35% 35%,#ffe9a0,#e0a83a 55%,#9a6a1a);border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:0 0 0 2px #6b4a12}.led-tabs{flex-wrap:wrap;margin:0 0 14px;display:flex}.led-tabs button{flex:1 0 96px}.led-body{max-height:calc(92vh - 230px);padding:2px 6px 6px;overflow:auto}.led-note{color:var(--ink-soft);margin:12px 4px 0;font-size:13px;font-weight:700}.harbor-body{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(92vh - 190px)}.harbor-card{background:#fff6d35c;border:1px solid #aa8253;border-radius:5px;margin:0 0 14px;padding:14px 16px}.harbor-card p,.harbor-card li{overflow-wrap:anywhere;font-size:14px;line-height:1.7}.harbor-card p{margin:6px 0}.harbor-card ul{margin:8px 0 0;padding-left:22px}.harbor-facts{grid-template-columns:minmax(86px,1fr) minmax(100px,2fr);gap:8px 14px;margin:12px 0;font-size:14px;display:grid}.harbor-facts dt{color:var(--ink-soft)}.harbor-facts dd{margin:0;font-weight:700}.harbor-actions{flex-wrap:wrap;gap:10px;padding:4px 0 12px;display:flex}.harbor-actions button{touch-action:manipulation;min-height:44px}.harbor-refusal{color:var(--red);font-weight:700}#harbor-message:empty{display:none}@media (max-width:600px){.sheet-panel.harbor-panel{padding:48px 30px 24px}.harbor-body{max-height:calc(92vh - 170px)}.harbor-card{padding:10px}.harbor-actions button{flex:160px}}@media (max-height:420px){.sheet-panel.harbor-panel{padding:14px 32px}.harbor-body{max-height:calc(98vh - 100px)}}.pbar{background:#5a3a1c;border:2px solid #3a2412;border-radius:7px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #0009}.pbar b{background:linear-gradient(#ffe697,#e8a83a 60%,#b8761f);border-radius:5px;position:absolute;top:0;bottom:0;left:0}.pbar.thin{border-width:1px;height:8px}.rep-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rep-card{text-align:center;color:var(--ink);background:#fff8e68c;border:2px solid #7a4f2873;border-radius:10px;padding:14px 16px 16px;position:relative}.rep-emblem{object-fit:contain;filter:drop-shadow(0 3px 4px #00000059);width:92px;height:92px}.rep-name{color:var(--c);text-shadow:0 1px #2a1406,0 -1px #2a1406,1px 0 #2a1406,-1px 0 #2a1406;font-size:19px;font-weight:900}.rep-lv{color:var(--ink);margin:2px 0 6px;font-size:34px;font-weight:900}.rep-lv small{font-size:14px}.rep-xp{color:var(--ink-soft);margin-top:4px;font-size:12px;font-weight:700}.rep-desc{color:var(--ink-soft);text-align:left;margin:8px 0 0;font-size:13px;font-weight:700;line-height:1.5}.rep-next{color:var(--ink);text-align:left;margin:6px 0 0;font-size:13px;font-weight:700}.rep-next b{color:var(--red)}.daily-list{flex-direction:column;gap:12px;display:flex}.daily-row{color:var(--ink);background:#fff8e68c;border:2px solid #7a4f2873;border-radius:10px;padding:12px 16px}.daily-row.done{opacity:.75;border-color:#5f8a3a}.daily-text{margin-bottom:8px;font-size:18px;font-weight:900}.daily-meta{color:var(--ink-soft);justify-content:space-between;margin-top:6px;font-size:13px;font-weight:700;display:flex}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px;display:grid}.ach-card{text-align:center;color:var(--ink);background:#fff8e680;border:2px solid #7a4f2859;border-radius:10px;padding:10px 10px 12px}.ach-medal{object-fit:contain;filter:grayscale()brightness(.75)opacity(.55);width:54px;height:54px}.ach-card.done .ach-medal{filter:drop-shadow(0 2px 3px #0006)}.ach-card.done.t1 .ach-medal{filter:sepia(.6)hue-rotate(-18deg)saturate(1.2)brightness(.85)drop-shadow(0 2px 3px #0006)}.ach-card.done.t2 .ach-medal{filter:grayscale()brightness(1.25)drop-shadow(0 2px 3px #0006)}.ach-card.done{background:#fff0c8bf;border-color:#c99a3c}.ach-name{font-size:15px;font-weight:900}.ach-desc{min-height:34px;color:var(--ink-soft);margin:2px 0 6px;font-size:12px;font-weight:700;line-height:1.4}.ach-meta{color:var(--ink-soft);margin-top:5px;font-size:12px;font-weight:700}.rec-grid{color:var(--ink);grid-template-columns:1fr 1fr;gap:24px;display:grid}.rec-col h3{color:var(--red);margin:6px 0 8px;font-weight:900}.rec-table{border-collapse:collapse;width:100%;font-size:14px;font-weight:700}.rec-table td{border-bottom:1px dashed #7a4f2866;padding:4px 6px}.rec-table td:last-child{text-align:right}.rec-list{color:var(--ink-soft);grid-template-columns:1fr 1fr;gap:4px 14px;margin:0 0 10px;padding:0;font-size:14px;font-weight:700;list-style:none;display:grid}.rec-list li{opacity:.6;justify-content:space-between;display:flex}.rec-list li.got{opacity:1;color:var(--ink)}.rec-list li span{font-size:12px}.shop-msg{color:var(--red);background:#5a3a1c26;border-radius:8px;margin:0 4px 10px;padding:8px 14px;font-weight:900}.shop-list{flex-direction:column;gap:10px;display:flex}.shop-row{color:var(--ink);background:#fff8e68c;border:2px solid #7a4f2873;border-radius:10px;grid-template-columns:74px 1fr auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.shop-icon{object-fit:contain;filter:drop-shadow(0 3px 3px #00000059);width:70px;height:70px}.shop-name{font-size:19px;font-weight:900}.pips{vertical-align:2px;gap:4px;margin-left:8px;display:inline-flex}.pips i{background:#c9b08a;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 1px 2px #00000080}.pips i.on{background:radial-gradient(circle at 35% 35%,#ffe9a0,#e0a83a 60%,#9a6a1a)}.pips.many{gap:3px}.pips.many i{width:9px;height:9px}.lv-count{color:var(--ink-soft);vertical-align:1px;margin-left:6px;font-size:13px;font-weight:900}.shop-now{color:var(--ink-soft);margin-top:3px;font-size:13px;font-weight:700}.shop-next{color:#3f6a1f;font-size:14px;font-weight:900}.shop-next.max{color:var(--ink-soft)}.buy-btn{cursor:pointer;min-width:150px;font-family:var(--ui-font);color:var(--cream);text-shadow:var(--outline-thin);filter:drop-shadow(0 3px 3px #0006);background:url(../ui/plank.webp) 50%/100% 100% no-repeat;border:0;flex-direction:column;align-items:center;padding:8px 14px 10px;font-size:15px;font-weight:900;line-height:1.2;display:flex}.buy-btn b{color:#ffd76a;font-size:18px}.buy-btn small{font-size:12px}.buy-btn:hover:not(:disabled){background-image:url(../ui/plank_gold.webp)}.buy-btn:disabled{cursor:default;filter:grayscale(.7)brightness(.85)}.buy-btn.on{filter:none;background-image:url(../ui/plank_gold.webp)}.weapon-collection-note{color:var(--ink);background:#7b522a17;border-left:3px solid #9b6437;padding:14px 16px;line-height:1.6}.weapon-collection-note p{margin:6px 0;font-size:14px}.weapon-collection-note small{font-size:12px}.weapon-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;margin-bottom:20px;display:grid}.weapon-card{--rarity:#ab926f;border:1px solid #65432440;border-top:3px solid var(--rarity);color:var(--ink);background:#fffaeaa6;border-radius:7px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.weapon-card.rarity-1{--rarity:#be7a4c}.weapon-card.rarity-2{--rarity:#2b97a2}.weapon-card.rarity-3{--rarity:#cf6d27}.weapon-card.rarity-4{--rarity:#8664b9}.weapon-card.on{outline-offset:1px;outline:2px solid #ba8739}.weapon-art{background:radial-gradient(at 45%,#354b59,#172632 82%);border-radius:4px;position:relative;overflow:hidden}.weapon-art canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.weapon-rarity{color:#fff1d4;letter-spacing:1px;font-size:11px;font-weight:800;position:absolute;top:7px;left:8px}.weapon-card>b{font-size:16px}.weapon-card p{min-height:39px;margin:0;font-size:13px;line-height:1.5}.weapon-card>small{opacity:.85;margin-top:auto;font-size:12px}.weapon-card .buy-btn{min-height:44px;margin-top:4px}@media (max-width:560px){.weapon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.weapon-card{gap:6px;padding:8px}.weapon-card>b{font-size:14px}.weapon-card>small{font-size:11px}}.look-title{color:var(--red);margin:6px 4px 8px;font-weight:900}.look-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:8px;display:grid}.market-summary{color:var(--ink);background:#fff8e6b8;border:2px solid #7a4f2873;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px;padding:12px 14px;display:flex}.market-summary span{color:var(--ink-soft);font-size:13px}.market-summary strong{color:#8a4b16;margin-left:auto}.market-box{background:#fff8e685;border:2px solid #7a4f2861;border-radius:12px;margin:12px 0;padding:12px}.market-box-head{align-items:center;gap:10px;display:flex}.market-box-head h3{margin:0}.market-box-head p{color:var(--ink-soft);margin:3px 0 0;font-size:12px}.market-price{white-space:nowrap;color:#8a4b16;margin-left:auto}.market-pity{color:var(--ink-soft);margin:10px 0;font-size:13px}.market-actions{gap:8px;margin-bottom:10px;display:flex}.market-pool{flex-wrap:wrap;gap:5px;display:flex}.market-chip,.market-result-chip{color:#766b60;background:#5048401f;border-radius:999px;padding:4px 7px;font-size:11px;display:inline-block}.market-chip button{color:inherit;cursor:pointer;background:#ffffff94;border:1px solid #7a4f2859;border-radius:999px;margin-left:4px;padding:1px 5px;font-size:10px}.market-chip button:disabled{opacity:.5;cursor:not-allowed}.market-chip.got{color:#513817;background:#daaa4947}.market-chip.rarity-4,.market-result-chip.rarity-4{color:#6b3fa1;border:1px solid #b99be2}.market-chip.rarity-3,.market-result-chip.rarity-3{color:#a14d24;border:1px solid #e0a27d}.market-result{background:#fff1be9e;border:2px solid #d5a54d;border-radius:12px;margin-top:14px;padding:12px}.market-result h3{margin:0 0 8px}.market-result-chip{color:#513817;margin:3px}.market-result small{color:var(--ink-soft);margin-top:8px;display:block}@media (max-width:560px){.market-box-head{flex-wrap:wrap;align-items:flex-start}.market-price{width:100%;margin-left:0}.market-actions{flex-wrap:wrap}.market-actions .buy-btn{flex:1}}.look-card{color:var(--ink);background:#fff8e680;border:2px solid #7a4f2859;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.look-card.locked .look-prev{filter:grayscale(.55)brightness(.9)}.look-card.on{background:#fff0c8bf;border-color:#c99a3c}.look-prev{border-radius:4px;width:120px;height:90px}.look-name{font-size:15px;font-weight:900}.look-card .buy-btn{min-width:130px}#boss{text-align:center;pointer-events:none;color:#ffd9d0;width:340px;text-shadow:var(--outline-thin);opacity:0;background:radial-gradient(closest-side,#2804046b,#28040433 65%,#28040400);padding:6px 40px 9px;font-size:14px;font-weight:900;transition:opacity .4s;position:absolute;top:66px;left:50%;transform:translate(-50%)}#boss.on{opacity:1}#boss .bar{background:#ffe6dc29;border:1px solid #ffdcd266;border-radius:4px;height:7px;margin-top:5px;overflow:hidden}#boss .bar b{background:linear-gradient(90deg,#ff6a4d,#b3201a);width:100%;height:100%;transition:width .25s;display:block}body:has(#boss.on) #toasts{top:110px}body:has(#boss.on) #notice{top:152px}body.touch #boss{width:min(300px,44vw);font-size:12px;top:58px}body.touch:has(#boss.on) #toasts{top:130px}#notice{opacity:0;color:var(--cream);text-shadow:var(--outline-thin);pointer-events:none;background:radial-gradient(closest-side,#10080280,#10080240 65%,#10080200);align-items:center;gap:12px;padding:10px 40px 12px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:118px;left:50%;transform:translate(-50%,-12px)}#notice.on{opacity:1;transform:translate(-50%)}#notice img{object-fit:contain;filter:drop-shadow(0 2px 3px #00000080);width:46px;height:46px}#notice div{flex-direction:column;display:flex}#notice b{color:#ffd76a;font-size:20px;font-weight:900}#notice span{font-size:14px;font-weight:700}#notice em{color:#ffe697;font-size:14px;font-style:normal;font-weight:900}#notice.penalty b,#notice.penalty em{color:#ff9c86}body.touch #notice{top:132px}@media (max-width:760px){.rep-grid,.rec-grid{grid-template-columns:1fr}.shop-row{grid-template-columns:54px 1fr}.shop-row .buy-btn{grid-column:1/-1}}body.touch #hud{z-index:3}#touch{z-index:2}#chart-wrap,#chat-box{z-index:10}#rotate{z-index:60}body.touch #hotbar.hidden{pointer-events:none}body.touch #touch button{color:#fff8ea;text-shadow:0 1px 2px #000000a6;filter:none;box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1.5px solid #fff6e28c;border-radius:50%;font-weight:800;transition:background-color 80ms,transform 80ms;background:#0c090642!important}body.touch #touch button.held{transform:scale(.94);background:#ffd6785c!important}body.touch #touch button:active{background:#ffd6784d!important}body.touch .t-btns{gap:10px;bottom:12px;right:14px}body.touch .t-btns button{width:54px;height:54px;font-size:14px}body.touch #t-interact{border:2px solid #ffd68cd9;width:78px;height:78px;font-size:15px;background:#d676244d!important}body.touch .t-top{gap:6px;top:6px;right:8px}body.touch .t-top button{border-radius:9px;min-width:42px;height:34px;padding:0 9px;font-size:13px}body.touch #t-mermaid{bottom:120px;background:#2882aa6b!important;border-radius:20px!important;padding:8px 22px!important}body.touch #t-stick{filter:none;opacity:.55;background:#ffffff0f;border:1.5px solid #ffffff80;width:116px;height:116px;margin:-58px 0 0 -58px;top:calc(100% - 128px);left:108px}body.touch #t-stick.active{opacity:.95}body.touch #t-knob{background:#fff6;border:1.5px solid #ffffffbf;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px}body.touch #hotbar{gap:4px;bottom:6px}body.touch .slot{filter:none;background:#0c090647;border:1px solid #fff6e24d;border-radius:8px;width:42px;height:42px;transform:none}body.touch .slot.active{background:#ffd67833;border:1.5px solid #ffdc82f2;transform:none}body.touch .slot .ico{inset:5px}body.touch .slot .key{font-size:10px;top:0;left:3px}body.touch .slot .nm{display:none}body.touch #vitals{gap:8px;bottom:54px}body.touch #hp{width:160px;height:10px;box-shadow:none;background:#0c090659;border:1px solid #fff6e273;border-radius:5px;padding:0}body.touch #hp b{border-radius:5px;top:0;bottom:0;left:0}body.touch #hp span{font-size:9px;line-height:9px}body.touch #bananas{background:#0c09064d;border:1px solid #fff6e24d;border-radius:5px;padding:0 7px;font-size:11px}body.touch #hint{bottom:76px}@media (max-width:760px){body.touch .t-btns{bottom:54px}body.touch #t-mermaid{bottom:150px}}body.touch .t-top{top:6px;left:calc(8px + env(safe-area-inset-left));right:auto}body.touch #left-col{top:48px;left:calc(8px + env(safe-area-inset-left))}body.touch .t-btns{width:176px;height:176px;right:calc(12px + env(safe-area-inset-right));display:block;bottom:10px}body.touch .t-btns button{position:absolute}body.touch #t-interact{width:84px;height:84px;font-size:16px;bottom:0;right:0}body.touch #t-jump{width:70px;height:70px;font-size:17px;bottom:94px;right:7px}body.touch #t-use{width:66px;height:66px;font-size:15px;bottom:6px;right:94px}body.touch #t-aim{width:56px;height:56px;font-size:14px;bottom:86px;right:88px}body.touch #compass{transform-origin:top;transform:translate(-50%)scale(.82)}@media (max-width:760px){body.touch .t-btns{bottom:52px}body.touch .t-top{grid-template-columns:repeat(2,auto);gap:5px;display:grid}body.touch #left-col{top:84px}}@media (max-height:340px){body.touch .t-btns{transform-origin:100% 100%;transform:scale(.86)}}#perf{left:calc(6px + env(safe-area-inset-left));z-index:50;pointer-events:none;white-space:pre;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;opacity:.72;font:600 10px/1.3 Consolas,Microsoft YaHei,monospace;position:fixed;bottom:2px}.mail-top{justify-content:flex-end;display:flex}.mail-list{flex-direction:column;gap:6px;max-height:min(52vh,420px);display:flex;overflow:auto}.mail-empty{text-align:center;color:var(--ink-soft);margin:24px 0;font-weight:700}.mail-row{background:#7850281a;border-bottom:2px solid #5a3a1a33;border-radius:6px}.mail-head{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.mail-head b{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:700;overflow:hidden}.mail-row.unread .mail-head b{font-weight:900}.mail-row.unread .mail-head b:before{content:"";vertical-align:2px;background:#c62b1f;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.mail-head span{color:var(--ink-soft);flex:none;font-size:12px;font-weight:700}.mail-head span.gift{color:#a0620a}.mail-tag{color:#fff;background:#6b4a2a;border-radius:4px;flex:none;padding:1px 7px;font-size:12px;font-style:normal;font-weight:900}.mail-tag.update{background:#2f6b9a}.mail-tag.maint{background:#b23a2a}.mail-tag.gift{background:#c08a1e}.mail-body{padding:2px 14px 12px}.mail-body p{white-space:pre-wrap;color:var(--ink);margin:0 0 8px;font-size:14px;line-height:1.7}.mail-body small{color:var(--ink-soft);font-size:12px;display:block}.mail-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.mail-chips em{color:#6a4200;background:#f7e3b0;border:1px solid #d9a94a;border-radius:12px;padding:2px 10px;font-size:13px;font-style:normal;font-weight:700}.mail-box{color:#543b20;background:#f8dfa1b3;border:1px solid #a87831;border-radius:4px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;font-weight:700;display:flex}.mail-box-art{flex:none;width:42px;height:42px;position:relative}.mail-box-art img{object-fit:contain;width:42px;height:42px}.mail-box-art .mail-box-badge{filter:drop-shadow(0 1px 2px #231a0f);width:19px;height:19px;position:absolute;bottom:-3px;right:-3px}.mail-box-results{color:#49351d;border-left:3px solid #a87831;margin-top:10px;padding:8px 10px;font-size:13px;line-height:1.6}.mail-btns{justify-content:flex-end;margin-top:10px;display:flex}#chat-box.open{align-items:stretch;gap:6px;max-width:calc(100vw - 36px);display:flex}#chat-input{flex:0 380px;min-width:0}#chat-channel{white-space:nowrap;margin-right:0}#chat-send,#chat-close{font:inherit;font-family:var(--ui-font);color:#f3e4c0;text-shadow:var(--outline-thin);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#5a3a1c;border:2px solid #7a4f28;border-radius:6px;flex:none;padding:0 14px;font-size:14px;font-weight:900}#chat-send{color:#3a2412;text-shadow:none;background:linear-gradient(#ffe08a,#e0a53a);border-color:#a0702e}#chat-close{padding:0 11px}#chat-send:active,#chat-close:active{transform:scale(.95)}body.touch .t-top{gap:5px;display:flex}body.touch .t-top button{min-width:40px;height:32px;padding:0 8px}body.touch #left-col{top:calc(50px + max(8px, env(safe-area-inset-top)));gap:6px}body.touch #crew{background:#0c090652;border:1px solid #fff6e240;border-radius:8px;gap:1px;max-width:150px;padding:4px 8px;font-size:11px}body.touch #crew div{white-space:nowrap;text-overflow:ellipsis;padding:1px 0;overflow:hidden}body.touch #crew i{width:8px;height:8px;margin-right:5px}body.touch #chat-box{left:50%;right:auto;top:calc(6px + env(safe-area-inset-top));width:min(560px,100vw - 24px);bottom:auto;transform:translate(-50%)}body.touch #chat-input{flex:1;width:auto;min-width:0;padding:6px 10px;font-size:16px}body.touch #chat-channel,body.touch #chat-send,body.touch #chat-close{font-size:14px}body.touch #chat-log{left:calc(196px + env(safe-area-inset-left));justify-content:flex-end;width:max(200px,min(320px,100vw - 430px));max-height:34vh;font-size:12px;bottom:104px;overflow:hidden}body.touch .chat-line{background:#0c090661;border:1px solid #fff6e233;padding:3px 8px}body.touch #left-col:has(#tutorial.open) #crew{display:none}body.touch #tutorial{pointer-events:none;width:min(250px,36vw);padding:7px 26px 8px 10px}body.touch #tutorial .t-progress{font-size:11px}body.touch #tutorial .t-title{margin:0 0 3px;font-size:14px}body.touch #tutorial .t-text{font-size:12px;line-height:1.45}body.touch #tutorial-skip{pointer-events:auto;margin-top:4px;padding:4px 8px 4px 0;font-size:12px}body.touch .mail-btns .link{padding:8px 12px;font-size:14px}body.touch .mail-head{padding:10px 12px}@media (max-width:700px){body.touch #compass{transform:translate(-50%)scale(.7)}}.title-foot .foot-right{align-items:center;gap:16px;display:flex}.group-tag{cursor:pointer;font-family:var(--ui-font);color:var(--cream);text-shadow:var(--outline-thin);-webkit-tap-highlight-color:transparent;background:linear-gradient(#5a3a1c,#3a2410);border:2px solid #8a5a2b;border-radius:9px;align-items:center;gap:8px;padding:5px 8px 5px 6px;font-size:14px;font-weight:900;transition:transform .12s,filter .12s;display:inline-flex;box-shadow:0 3px 8px #00000073,inset 0 1px #ffdca040}.group-tag:hover{filter:brightness(1.15)}.group-tag:active{transform:scale(.96)}.group-tag img{object-fit:contain;width:26px;height:26px}.group-tag b{color:#ffd76a;letter-spacing:1px;-webkit-user-select:text;user-select:text;font-size:15px}.group-tag em{color:#3a2412;text-shadow:none;background:linear-gradient(#ffe08a,#e0a53a);border-radius:6px;padding:2px 8px;font-size:12px;font-style:normal}.group-tag.copied em{color:#fff;background:linear-gradient(#6fd67a,#2f9a45)}.pause-group{margin:18px 0 0 10px}@media (max-height:520px){.group-tag{gap:6px;padding:3px 6px 3px 4px;font-size:12px}.group-tag img{width:20px;height:20px}.group-tag b{font-size:13px}.group-tag em{padding:1px 6px;font-size:11px}.title-foot .foot-right{gap:10px}.pause-group{margin-top:10px}}@media (max-height:420px){.sheet-panel,.sheet-panel.ledger{max-height:98vh;padding:14px 32px}.led-body{max-height:calc(98vh - 128px)}.sheet-close{width:40px!important;height:40px!important;top:8px!important;right:12px!important}.led-head{margin-right:50px}.sheet-panel h2{letter-spacing:2px;margin:0 auto 2px;padding:6px 36px 10px;font-size:15px}.led-head{margin:0 4px 6px;font-size:13px}.led-tabs{margin:0 0 8px}.led-tabs button{min-height:30px;padding:2px 6px;font-size:13px}.rep-grid{grid-template-columns:repeat(3,1fr);gap:8px}.rep-card{padding:6px 8px 8px}.rep-emblem{width:46px;height:46px}.rep-name{font-size:14px}.rep-lv{margin:0 0 2px;font-size:20px}.rep-desc{display:none}}.tal-head{color:var(--ink);align-items:center;gap:14px;margin:0 4px 10px;font-weight:900;display:flex}.tal-head b{color:var(--red);font-size:24px}.tal-hint{color:var(--ink-soft);flex:1;font-size:12px}.buy-btn.small{min-width:0;padding:6px 12px 8px}.tal-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tal-card{color:var(--ink);background:#fff8e68c;border:2px solid #7a4f2873;border-radius:10px;grid-template-columns:56px 1fr 52px;align-items:center;gap:12px;padding:10px 12px;display:grid}.tal-card.has{border-color:#e0a83ad9}.tal-icon{object-fit:contain;filter:drop-shadow(0 3px 3px #00000059);width:54px;height:54px}.tal-name{font-size:17px;font-weight:900}.tal-desc{color:var(--ink-soft);font-size:12px;font-weight:700}.tal-now{color:#7a4a12;margin-top:3px;font-size:12px;font-weight:900}.tal-plus{cursor:pointer;width:46px;height:46px;font:900 28px/1 var(--ui-font);color:var(--cream);text-shadow:var(--outline-thin);background:radial-gradient(circle at 35% 30%,#ffe08a,#d08a2a 60%,#8a5212);border:0;border-radius:50%;box-shadow:0 3px 5px #0006,inset 0 -3px #00000040}.tal-plus:disabled{cursor:default;filter:grayscale(.85)brightness(.85)}.tal-plus:active:not(:disabled){transform:scale(.94)}.voy-row{grid-template-columns:60px 1fr auto}.voy-grade{color:#ffe9b0;width:52px;height:52px;text-shadow:var(--outline-thin);background:radial-gradient(circle at 35% 30%,sienna,#5a2a12 70%);border:3px solid #d9a441;border-radius:50%;place-items:center;font:900 20px/1 serif;display:grid}.voy-now{color:var(--ink);background:#fff8e68c;border:2px solid #e0a83ad9;border-radius:10px;padding:12px 16px}.voy-title{margin-bottom:8px;font-size:16px;font-weight:900}.voy-maps{margin:0 0 6px;padding:0;list-style:none}.voy-maps li{border-bottom:1px dashed #7a4f2866;grid-template-columns:1fr 110px 90px;padding:6px 4px;font-weight:700;display:grid}.voy-maps li.done{color:#4f7a2a}.voy-warn{color:var(--ink-soft);font-size:12px}.em-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.em-card{text-align:center;color:var(--ink);background:#fff8e68c;border:2px solid #7a4f2873;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.em-card .rep-name{color:var(--c)}.em-card.on{text-align:left;border-color:var(--c);flex-direction:row}.em-card.on .em-info{flex:1}.em-stars{color:#b8761f;margin:4px 0 6px;font-weight:900}.em-stars b{color:var(--ink)}.em-ladder{color:var(--ink-soft);font-size:12px;font-weight:700}#quest .em-line{color:var(--c);font-weight:900}#quest .threat-line{color:#ff9a6a;letter-spacing:1px;font-weight:900}#quest .hunt-line{color:#d7a8ff;font-weight:900}@media (max-width:760px){.tal-grid,.em-grid{grid-template-columns:1fr}.voy-maps li{grid-template-columns:1fr 80px 70px}}@media (max-height:420px){.tal-card{grid-template-columns:40px 1fr 40px;gap:8px;padding:6px 8px}.tal-icon{width:38px;height:38px}.tal-plus{width:36px;height:36px;font-size:22px}.tal-desc{display:none}.em-card{gap:4px;padding:8px}.voy-row .shop-now{display:none}}.rank-periods{margin-top:8px}.rank-list{flex-direction:column;gap:4px;max-height:min(52vh,420px);margin-top:10px;display:flex;overflow-y:auto}.rank-row{color:var(--ink);background:#fff8e680;border:1px solid #7a4f2840;border-radius:8px;grid-template-columns:34px 34px 1fr auto;align-items:center;gap:10px;padding:6px 10px;font-weight:700;display:grid}.rank-row.top1{background:#ffd6668c}.rank-row.top2{background:#dcdce699}.rank-row.top3{background:#e0aa7880}.rank-row .rk{text-align:center;color:var(--red);font-size:18px}.rank-row .rk-av{object-fit:cover;background:#d9c9a3;border-radius:50%;width:32px;height:32px}.rank-row .rk-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-row .rk-score{white-space:nowrap}.rank-empty{text-align:center;color:var(--ink);opacity:.75;padding:18px 0}.rank-mine{text-align:center;min-height:1.2em;color:var(--red);margin-top:8px;font-weight:900}@media (max-height:520px){.rank-list{gap:3px;max-height:46vh;margin-top:6px}.rank-row{grid-template-columns:26px 26px 1fr auto;padding:3px 8px}.rank-row .rk-av{width:24px;height:24px}.rank-row .rk{font-size:15px}}.qr-img{box-sizing:border-box;background:#fff;border-radius:8px;width:min(260px,60vw,46vh);height:auto;margin:10px auto;padding:8px;display:block}body:not(.touch) .touch-only{display:none}#touch{pointer-events:none}#t-pad{pointer-events:auto}body.touch #touch .t-top,body.touch #touch .t-btns{display:contents}body.touch #touch button{pointer-events:auto;min-width:0;position:fixed;padding:4px!important}body.touch #hotbar{pointer-events:none}body.touch #hotbar .slot{pointer-events:auto;touch-action:none}body.touch #hotbar.hidden .slot{pointer-events:none}body.touch #t-stick:after{content:"外圈冲刺";white-space:nowrap;color:#fff8df;text-shadow:0 1px 3px #000;font-size:12px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}body.touch #t-stick.sprinting{border-color:#ffdc74;box-shadow:0 0 0 5px #ffd65e33}body.touch #t-stick.sprinting:after{content:"冲刺 · 收回步行";color:#ffe28c}body.touch #t-stick.sprint-disabled:after{content:"步行"}#touch-editor{z-index:55;color:#fff8df;background:#050f19b8;font-family:inherit;position:fixed;inset:0}#touch-editor.hidden{display:none}#touch-layout-stage{touch-action:none;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));position:absolute;inset:0}#touch-layout-stage button{color:#fff8df;touch-action:none;background:#1e465ab3;border:2px dashed #fff8e2cc;border-radius:50%;min-width:0;margin:0;padding:3px;font-family:inherit;font-size:13px;font-weight:700;position:fixed}#touch-layout-stage button.selected{background:#966414bf;border:3px solid #ffe28c;box-shadow:0 0 0 3px #ffdc6433}.touch-layout-tools{left:max(12px, env(safe-area-inset-left));background:#0a1824f2;border:1px solid #d2b975;border-radius:10px;width:min(290px,43vw);max-height:calc(100% - 24px);padding:12px;position:absolute;top:50%;overflow:auto;transform:translateY(-50%)}.touch-layout-tools strong{font-size:16px}.touch-layout-tools p{margin:6px 0;font-size:12px;line-height:1.4}.touch-layout-tools label{align-items:center;gap:6px;margin:8px 0;font-size:13px;display:flex}.touch-layout-tools select{min-width:0;font:inherit;flex:1;padding:5px}.touch-layout-tools input{flex:1;width:90px;min-width:0}.touch-layout-tools output{width:38px;font-size:12px}.touch-layout-actions{flex-wrap:wrap;gap:6px;display:flex}.touch-layout-actions button{color:#fff8df;min-height:36px;font:inherit;touch-action:manipulation;background:#29465a;border:1px solid #d2b975;border-radius:5px;padding:6px 10px;font-size:13px}#touch-layout-save{background:#65501b}body.touch-editing #hud{pointer-events:none;opacity:0}body.touch-editing #hud .slot,body.touch-editing #tutorial-skip{pointer-events:none}.sheet-scroll{display:contents}.rank-prize{color:#ffe4a0;letter-spacing:0;text-shadow:none;background:#572b13;border:1px solid #d6ac62;border-radius:4px;padding:3px 7px;font-size:14px;line-height:1.25;display:inline-block}.rank-entry .label{align-items:center;gap:8px;display:flex}.rank-entry{background-image:url(../ui/plank_gold.webp)}#sheet-ranks [hidden]{display:none!important}#sheet-ranks .ranks-panel{width:min(980px,100vw - 24px);height:min(780px,100vh - 24px);flex-direction:column;height:min(780px,100dvh - 24px);max-height:none;padding:32px 48px 28px;display:flex;overflow:hidden}.ranks-panel>h2{flex:none;margin:-8px auto 8px;padding:8px 62px 16px;font-size:24px}.ranks-panel .sheet-close{z-index:3;top:16px;right:20px;width:48px!important;height:48px!important}.rank-controls{flex:none;min-width:0}.rank-topline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#rank-source{flex:1;gap:4px;min-width:0;display:flex}#rank-source button,#rank-boards button,#rank-periods button,.rank-rule-button,#rank-refresh{touch-action:manipulation;min-height:44px;font-size:14px;font-weight:900}#rank-source button{flex:1}.rank-rule-button{color:#5b3017;cursor:pointer;background:#f4e4bb;border:1px solid #8c6239;border-radius:5px;flex:none;padding:6px 10px}.rank-rules{background:#f5da9780;border-left:3px solid #986020;align-items:center;gap:10px;margin:8px 0;padding:8px 12px;font-size:14px;line-height:1.5;display:flex}.rank-rules strong{color:#713617;flex:none}.rank-rules span{color:#4c341f}#rank-rewards{background:#fff7debf;border:1px solid #9d7846;margin:8px 0;padding:8px 12px;font-size:14px;line-height:1.55}#rank-boards{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}#rank-boards button{white-space:normal;padding:6px 8px;line-height:1.3}.rank-filterline{align-items:center;gap:8px;margin-top:6px;display:flex}#rank-periods{flex:1;gap:4px;margin:0;display:flex}#rank-periods button{flex:1;padding:6px 10px}#rank-refresh{min-width:60px;padding:6px 10px}#rank-description,#rank-legacy-note{color:#4c341f;margin:6px 0;font-size:14px;line-height:1.5}.rank-results{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}#rank-status{color:#684323;flex:none;min-height:22px;margin:5px 0;font-size:14px;font-weight:700;line-height:1.4}.rank-columns{color:#624426;border-bottom:1px solid #a88758;flex:none;justify-content:space-between;padding:6px 10px;font-size:14px;display:flex}#rank-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;flex:1;min-height:72px;max-height:none;margin:4px 0;padding:0 3px 3px 0;overflow:hidden auto}#rank-list .rank-row{flex:none;min-height:58px}#rank-list.weekly .rank-row{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:9px 10px}.rk-person{flex-direction:column;gap:4px;min-width:0;display:flex}.rk-person .rk-name{font-size:16px;font-weight:900;display:block}.rk-person>small{color:#644c33;font-size:14px;line-height:1.25}.rk-you{color:#703916;margin-left:6px;font-size:14px;font-style:normal}.rk-result{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:5px;display:flex}.rk-result strong{font-size:18px}.rk-result strong small{font-size:14px;font-weight:700}.rk-reward{color:#71360d;background:#f1da9d;border:1px solid #c39441;border-radius:4px;padding:2px 6px;font-size:14px;line-height:1.35}.rk-reward.none{color:#674d31;background:0 0;border-color:#0000}.rank-row.is-mine{outline-offset:-2px;outline:2px solid #8a5728}.rk-placeholder{color:#64411d;background:#d9c296;place-items:center;display:grid}#rank-mine{text-align:left;color:#633314;background:#f5dca573;border-top:1px solid #a88758;flex:none;min-height:38px;margin:4px 0 0;padding:8px 10px;font-size:14px;line-height:1.45}.rank-empty{text-align:center;color:#4d331e;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:110px;padding:16px;font-size:16px;line-height:1.5;display:flex}.rank-empty b{font-size:18px}.rank-empty span{font-size:14px}.rank-empty .btn{min-height:44px}#sheet-ranks button:focus-visible,.sheet-close:focus-visible{outline-offset:2px;outline:3px solid #583315}@media (pointer:coarse),(max-width:900px),(max-height:520px){#title .title-left{min-height:0}#main-menu{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;min-height:0;padding:2px 8px 8px 4px;overflow:hidden auto}#main-menu .plank-btn,#pause .plank-btn{flex-shrink:0;min-height:44px}#main-menu .plank-btn:hover,#main-menu .plank-btn:active,#pause .plank-btn:hover,#pause .plank-btn:active{transform:none}.sheet{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.sheet .sheet-panel.scroll-shell{min-height:0;max-height:calc(100vh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;padding:0;display:flex;overflow:hidden}.sheet-panel.scroll-shell>.sheet-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;padding:54px 30px 28px;display:block;overflow:hidden auto}.sheet:not(.fishing-open) .sheet-panel.scroll-shell>.sheet-scroll .led-body,.sheet-panel.scroll-shell>.sheet-scroll .ship-list{max-height:none;overflow:visible}.sheet-panel.scroll-shell>.sheet-close{z-index:3;top:8px;right:12px;width:48px!important;height:48px!important}.sheet-panel.scroll-shell h2{white-space:normal;text-align:center;margin:-30px 32px 10px 0;padding:8px 30px 14px;font-size:22px}.sheet .btn,.sheet .seg2 button,.sheet .mail-head,.sheet .mail-btns button{min-height:44px}.sheet input,.sheet select,.sheet textarea{font-size:16px}#sheet-mail .mail-list{max-height:none;overflow:visible}#sheet-mail .mail-head{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}#sheet-mail .mail-head b{overflow-wrap:anywhere}#sheet-mail .mail-meta{font-size:14px}#sheet-mail .mail-btns{flex-wrap:wrap;gap:8px}}@media (max-height:520px) and (min-width:560px){#title .title-left{left:max(16px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));bottom:calc(40px + env(safe-area-inset-bottom));gap:6px;width:min(610px,64vw)}#title .title-left>.logo-img{object-fit:contain;object-position:left center;flex:none;width:min(210px,25vw);max-height:62px}#main-menu,#pause .menu{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px 10px;display:grid}#main-menu .menu-pair{display:contents}#main-menu .plank-btn,#main-menu .plank-btn.primary,#pause .plank-btn,#pause .plank-btn.primary{--ico:34px;width:100%;height:44px;padding:0 8px 0 38px}#main-menu .plank-btn .icon,#pause .plank-btn .icon{max-height:38px;left:0}#main-menu .plank-btn .label,#main-menu .plank-btn.primary .label,#pause .plank-btn .label{letter-spacing:0;font-size:16px}#main-menu .plank-btn small{display:none}#main-menu .rank-prize{padding:2px 5px}#title .title-foot{left:max(16px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(4px, env(safe-area-inset-bottom));font-size:14px}#title .title-foot #server-status{white-space:nowrap;text-overflow:ellipsis;max-width:46vw;overflow:hidden}#title .group-tag{min-height:44px}#pause .pause-panel{min-height:0;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:min(610px,64vw);margin:max(8px, env(safe-area-inset-top)) 0 max(8px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;display:flex}#pause .pause-head{flex:none;padding:6px 42px 12px;font-size:22px}#pause .pause-ship{flex:none;min-height:18px;margin:2px 0 8px;font-size:14px}#pause .menu{scrollbar-width:thin;min-height:0;padding:2px 8px 6px 2px;overflow:hidden auto}#pause .group-tag{flex:none;min-height:44px;margin:4px 0 0}#sheet-ranks .ranks-panel{width:min(980px, calc(100vw - 12px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:calc(100vh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(220px,.9fr) minmax(0,1.3fr);gap:6px 14px;padding:14px 28px 20px;display:grid}.ranks-panel>h2{grid-column:1/-1;margin:-2px auto 0;padding:4px 48px 10px;font-size:20px}.ranks-panel .sheet-close{top:6px;right:10px}.rank-controls{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding-right:4px;overflow:hidden auto}#rank-boards{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-topline{gap:4px}.rank-rule-button{padding:4px 7px}.rank-rules{margin:6px 0;padding:6px 8px;display:block}.rank-rules strong{margin-right:6px}#rank-description,#rank-legacy-note{margin-bottom:0}#rank-list.weekly .rank-row{grid-template-columns:25px minmax(0,1fr) auto;gap:6px;padding:7px 6px}#rank-list .rk{font-size:17px}.rk-person .rk-name{font-size:15px}.rk-result strong{font-size:16px}#rank-status{margin-top:0}#rank-mine{padding:6px 8px}}@media (max-width:559px){#title .title-left{top:max(16px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));bottom:calc(100px + env(safe-area-inset-bottom));gap:12px}#title .title-left>.logo-img{object-fit:contain;flex:none;align-self:center;width:min(300px,76vw);max-height:22vh}#main-menu{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;display:grid}#main-menu .menu-pair{display:contents}#main-menu>.plank-btn{grid-column:1/-1}#main-menu .plank-btn,#main-menu .plank-btn.primary{--ico:40px;width:100%;height:52px;padding-left:44px}#main-menu .plank-btn .icon{max-height:46px;left:0}#main-menu .plank-btn .label,#main-menu .plank-btn.primary .label{letter-spacing:0;font-size:18px}#main-menu .plank-btn small{display:none}#title .title-foot{left:max(20px, env(safe-area-inset-left));right:20px;bottom:max(8px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:4px;font-size:14px}#title .title-foot .foot-right{justify-content:space-between;width:100%}#title .group-tag{min-height:44px}#pause .pause-panel{width:calc(100% - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;margin:16px;display:flex}#pause .menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;padding:4px;display:grid;overflow-y:auto}#pause .plank-btn,#pause .plank-btn.primary{--ico:36px;width:100%;height:52px;padding-left:36px}#pause .plank-btn .icon{left:0}#pause .plank-btn .label{letter-spacing:0;font-size:16px}#pause .pause-head{padding:10px 42px 16px;font-size:24px}#sheet-ranks .ranks-panel{width:calc(100vw - 12px);height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:24px 22px}.ranks-panel>h2{margin:0 36px 8px 0;padding:8px 28px 14px;font-size:22px}.ranks-panel .sheet-close{top:12px;right:8px;width:48px!important;height:48px!important}#rank-boards{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-rules{padding:7px 9px;display:block}.rank-rules strong{display:block}#rank-list.weekly .rank-row{grid-template-columns:24px minmax(0,1fr) auto;gap:6px;padding:8px 6px}#rank-list .rk{font-size:17px}.rk-person .rk-name{font-size:15px}.rk-result strong{font-size:16px}#rank-mine{padding:7px 8px}#sheet-mail .mail-head{flex-wrap:wrap;gap:6px}#sheet-mail .mail-meta{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.plank-btn,.sheet-close{transition:none}}body.touch.in-title #rotate,body.touch.in-pause #rotate,body.touch.menu-sheet-open #rotate{display:none}#sheet-ranks #ranks-title{text-align:center}#log-tabs{flex-wrap:wrap;gap:3px;display:flex}#log-tabs button{flex:1 0 auto;min-height:44px;padding:8px 10px}#sheet-log.fishing-open .sheet-panel.ledger{height:min(760px,96vh);flex-direction:column;height:min(760px,96dvh);max-height:96dvh;padding:0;display:flex;overflow:hidden}#sheet-log.fishing-open .sheet-scroll{box-sizing:border-box;flex:1;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:204px minmax(0,1fr);gap:10px 18px;min-height:0;padding:26px 34px;display:grid;overflow:hidden}#sheet-log.fishing-open .sheet-panel h2{box-sizing:border-box;text-align:center;letter-spacing:1px;grid-area:1/1;width:100%;margin:0;padding:8px 12px 14px;font-size:21px}#sheet-log.fishing-open #log-head{grid-area:2/1;min-width:0}#sheet-log.fishing-open .led-head{flex-direction:column;align-items:flex-start;gap:6px;margin:0;font-size:14px;line-height:1.5;display:flex}#sheet-log.fishing-open .led-rank b{font-size:18px}#sheet-log.fishing-open .led-gold{white-space:nowrap;font-size:16px}#sheet-log.fishing-open #log-tabs{min-height:0;box-shadow:none;background:0 0;border:0;grid-area:3/1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:3px;margin:0;padding:0 2px 4px 0;display:grid;overflow:auto}#sheet-log.fishing-open #log-tabs button{border:1px solid #a4814e;min-width:0;min-height:44px;padding:6px 3px;font-size:14px}#sheet-log.fishing-open #log-tabs button:last-child{grid-column:1/-1}#sheet-log.fishing-open #log-body{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-area:1/2/-1;min-width:0;min-height:0;max-height:none;padding:0 10px 12px 0;overflow:hidden auto}#sheet-log.fishing-open .sheet-close{z-index:4;width:48px!important;height:48px!important;top:6px!important;right:10px!important}#sheet-log.fishing-open .shop-msg{margin:0 54px 8px 0;padding:7px 10px;font-size:14px}.fishing-summary{color:#4e321b;border-bottom:1px solid #a27a43;padding:2px 48px 9px 0}.fish-level-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.fish-level-line h3{white-space:nowrap;margin:0!important;font-size:23px!important}.fish-level-line h3 small{font-size:14px;font-weight:400}.fish-eyebrow{white-space:nowrap;color:#694322;font-size:14px}.fishing-xp{min-width:0}.fishing-xp .pbar{height:9px;margin:7px 0 5px}.fish-xp-caption{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;margin:0;font-size:14px;line-height:1.5;display:flex}.fish-xp-caption strong,.fish-xp-caption small{font-size:14px}.fish-xp-caption small{color:#674522}.fish-tabs{border-bottom:1px solid #a27a43;gap:6px;margin:10px 0;display:flex}.fish-tabs button{color:#65401e;cursor:pointer;background:#eddbb0;border:1px solid #a4814e;border-bottom:0;border-radius:5px 5px 0 0;flex:1;min-width:0;min-height:44px;padding:8px 6px;font-family:inherit;font-size:14px;font-weight:700}.fish-tabs button.on{color:#fff0c9;background:#6c3e21;box-shadow:inset 0 0 0 1px #94623b}.fish-help,.fish-empty p{color:#5d3c20;font-size:14px;line-height:1.55}.fish-help{margin:8px 0}.fish-empty{text-align:center;background:#f4e5bd66;border:1px dashed #ab8c59;margin:12px 0;padding:20px 16px}.fish-empty strong{font-size:18px}.fish-empty .buy-btn{display:inline-block}.fish-bag-grid{grid-template-columns:1fr;gap:12px;margin:10px 0;display:grid}.fish-bag-card,.fish-species-card{border:1px solid #b28e54;border-top:3px solid var(--fish-rarity,#725b3c);background:#f2e4c299;border-radius:5px;min-width:0;overflow:hidden}.fish-bag-card{grid-template-columns:104px minmax(0,1fr);align-items:center;display:grid}.fish-bag-card.selected{outline-offset:1px;outline:2px solid #93621f}.fish-portrait{object-fit:contain;background:radial-gradient(#fff1c855,#0000 70%);width:100%;height:132px;display:block}.fish-bag-card>.fish-portrait{height:100px}.fish-card-main{min-width:0;padding:10px 12px 12px}.fish-card-heading{justify-content:space-between;gap:8px;display:flex}.fish-card-heading strong{font-size:16px}.fish-card-main small{color:#674322;margin-top:5px;font-size:14px;line-height:1.5;display:block}.fish-card-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.fish-card-actions button{flex:1 0 auto;max-width:100%;min-height:44px;padding:6px 8px;font-size:14px}.fish-minor-btn{color:#59391e;font:inherit;cursor:pointer;background:#ead6a8;border:1px solid #a6814b;border-radius:4px}.fish-minor-btn:hover:not(:disabled){background:#f6e6ba}.fish-minor-btn:disabled{opacity:.58;cursor:not-allowed}.fish-minor-btn.danger{color:#8c3324}.fish-worn-title{color:#855017;font-size:14px}.fish-stove-status,.fish-banana-row{background:#e8cc9255;border:1px solid #b08a4c;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px;display:flex}.fish-stove-status small,.fish-banana-row small{color:#674322;margin-top:4px;font-size:14px;line-height:1.5;display:block}.fish-stove-status .buy-btn,.fish-banana-row .buy-btn{flex-shrink:0;min-height:44px}.fish-burnt{color:#69503b;background:radial-gradient(#48342422,#0000 70%);justify-content:center;align-items:center;min-height:100px;font-size:18px;display:flex}.fish-catalog-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.fish-catalog-toolbar p{margin:0;font-size:14px;line-height:1.5}.fish-catalog-toolbar label{flex-shrink:0;align-items:center;gap:8px;font-size:14px;display:flex}.fish-catalog-toolbar select{color:#593a20;max-width:100%;min-height:44px;font:inherit;background:#f1dfb3;border:1px solid #9c7845;border-radius:4px;padding:6px 8px;display:block}.fish-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fish-species-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:9px 10px 0;font-size:14px;display:flex}.fish-species-top span{color:var(--fish-rarity);font-weight:700}.fish-species-top small{color:#674322;font-size:14px}.fish-species-card h4{color:#53351c;margin:0 0 6px;font-size:18px}.fish-species-card p{color:#5d3c20;min-height:66px;margin:0 0 10px;font-size:14px;line-height:1.55}.fish-species-card dl{border-top:1px solid #b2946166;margin:0;padding-top:7px;font-size:14px;line-height:1.55}.fish-species-card dl div{gap:8px;display:flex}.fish-species-card dt{color:#694322;flex:0 0 56px}.fish-species-card dd{color:#593a20;overflow-wrap:anywhere;min-width:0;margin:0}.fish-species-card.discovered .fish-species-top small{color:#31592e}.fishing-titles{grid-template-columns:1fr;gap:10px;display:grid}.fish-title-card{color:#674322;background:#f4e6c066;border:1px solid #b69968;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.fish-title-card.unlocked{background:#f5dfa777;border-color:#a07836}.fish-title-card strong{color:#65401e;font-size:16px}.fish-title-card p{margin:5px 0;font-size:14px;line-height:1.5}.fish-title-card small{font-size:14px}.fish-title-card .buy-btn{flex-shrink:0;min-width:76px;min-height:44px;font-size:14px}.fish-sale-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.fish-sale-row{background:#f4e4bd66;border:1px solid #b29869;border-radius:4px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.fish-sale-portrait{object-fit:contain;flex-shrink:0;width:76px;height:58px}.fish-sale-row>div{flex:1;min-width:0}.fish-sale-row strong{font-size:14px}.fish-sale-row small{color:#674322;font-size:14px;line-height:1.5;display:block}.fish-sale-row button{flex-shrink:0;min-height:44px}.fish-sale-row .fish-burnt{width:60px;min-height:40px;font-size:14px}#sheet-log.fishing-open .led-note{color:#674322;font-size:14px;line-height:1.55}#sheet-log.fishing-open :is(button,select):focus-visible{outline-offset:2px;outline:3px solid #83521b}.material-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin:12px 0;display:grid}.material-card{color:#50331c;background:#fff4d866;border:1px solid #a98756;border-radius:7px;align-items:center;gap:14px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff80}.material-icon{object-fit:contain;flex:none;width:58px;height:58px}.material-name{font-size:17px;font-weight:700}.material-name b{color:#76542e;margin-left:8px}.material-card p{margin:5px 0;line-height:1.45}.material-card small{color:#765b3b}@media (max-width:900px){.fish-sale-list{grid-template-columns:1fr}}@media (max-width:620px){#sheet-log.fishing-open .sheet-scroll{flex-direction:column;gap:10px;padding:24px 28px;display:flex;overflow:hidden auto}#sheet-log.fishing-open .sheet-panel h2{align-self:flex-start;width:auto;margin-right:40px;padding:6px 24px 12px;font-size:22px}#sheet-log.fishing-open .led-head{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}#sheet-log.fishing-open .led-rank{min-width:0}#sheet-log.fishing-open .led-gold{flex-shrink:0;font-size:16px}#sheet-log.fishing-open #log-tabs{border:1px solid #a4814e;flex-wrap:nowrap;flex-shrink:0;gap:3px;min-height:48px;padding:0 0 4px;display:flex;overflow:auto hidden}#sheet-log.fishing-open #log-tabs button{flex:none;padding:6px 10px}#sheet-log.fishing-open #log-body{flex-shrink:0;padding:0 3px 12px;overflow:visible}#sheet-log.fishing-open .shop-msg{margin-right:0}.fishing-summary{padding-right:0}.fish-level-line h3{font-size:22px!important}.fish-tabs{gap:4px}.fish-tabs button{padding:8px 4px}.fish-bag-card{display:block}.fish-bag-card>.fish-portrait{height:118px}.fish-catalog-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.fish-catalog-grid{grid-template-columns:1fr}.fish-species-card p{min-height:0}.fish-card-main{padding:10px}.fish-stove-status,.fish-banana-row{gap:8px;padding:10px}.fish-title-card{padding:10px}}@media (max-height:500px) and (min-width:621px){#sheet-log.fishing-open .sheet-panel.ledger{height:96dvh}#sheet-log.fishing-open .sheet-scroll{grid-template-columns:190px minmax(0,1fr);gap:7px 16px;padding:16px 26px}#sheet-log.fishing-open .sheet-panel h2{padding:5px 10px 10px;font-size:18px}#sheet-log.fishing-open .led-head{gap:3px}#sheet-log.fishing-open #log-tabs button{padding:5px 2px;font-size:14px}.fishing-summary{padding-top:0;padding-bottom:7px}.fish-level-line h3{font-size:21px!important}.fish-tabs{margin:8px 0}.fish-bag-card{grid-template-columns:90px minmax(0,1fr)}.fish-card-main{padding:8px}.fish-help{margin:7px 0}}.reaper-grid .look-card{min-height:178px}.reaper-cloth-mark{color:#cfe9dc;letter-spacing:.18em;background:radial-gradient(circle at 50% 30%,#39584d,#182823 70%);border:1px solid #7ec2a459;border-radius:8px;place-items:center;width:120px;height:90px;font-size:13px;display:grid}.look-card.rarity-4{border-color:#b99be2;box-shadow:inset 0 0 0 1px #b99be22e}.look-card.rarity-3{border-color:#d59a6b}.look-card.rarity-2{border-color:#7fb7ad}.outfit-prev{background:#152b2b;border:1px solid #7ec2a447;border-radius:8px;width:120px;height:90px;overflow:hidden}.outfit-prev svg{width:100%;height:100%;display:block}.outfit-grid .look-card{min-height:178px}.outfit-default{color:#d9c79b;letter-spacing:.14em;background:radial-gradient(circle at 50% 35%,#3d4d43,#1b2926 75%);place-items:center;font-size:12px;display:grid}#spy-vignette.rifle-scope{background:radial-gradient(circle,#0000 0 33vmin,#090c0e 34vmin)}#spy-vignette.rifle-scope:before,#spy-vignette.rifle-scope:after{content:"";background:#14120ee6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#spy-vignette.rifle-scope:before{width:66vmin;height:1px}#spy-vignette.rifle-scope:after{width:1px;height:66vmin}.gun-shop-silhouette{flex-shrink:0;width:64px;height:64px}.gun-shop-silhouette svg,.slot .ico svg{filter:drop-shadow(0 1px 1px #1c170e);width:100%;height:100%}.gun-shop-row .shop-info{min-width:0}.gun-pros,.gun-cons{overflow-wrap:anywhere;margin-top:4px;font-size:13px;font-weight:600;line-height:1.55}.gun-pros{color:#38572c}.gun-cons{color:#80502b}.gun-shop-row .buy-btn{white-space:normal;flex-shrink:0;min-width:104px}#gun-charge{text-align:center;color:#f2d9a2;text-shadow:0 1px 3px #000;pointer-events:none;width:min(230px,48vw);font-size:13px;position:absolute;top:calc(50% + 48px);left:50%;transform:translate(-50%)}#gun-charge[hidden]{display:none}#gun-charge i{background:#231b14dd;border:1px solid #ac874a;height:5px;margin-top:7px;display:block;overflow:hidden}#gun-charge b{transform-origin:0;background:#d5ae63;height:100%;display:block}#gun-charge.full b{background:#efd696}@media (max-width:700px){.gun-shop-silhouette{width:42px;height:42px}}body.crew-open #title .title-left{pointer-events:none}#title .title-left{min-width:0;min-height:0}#main-menu .label{text-overflow:ellipsis;max-width:100%;overflow:hidden}#rotate{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.rotate-card{text-align:center;background:#173348;border:1px solid #b99a5e;border-radius:12px;gap:12px;width:min(460px,100%);max-height:100%;padding:24px;display:grid;overflow-y:auto}.rotate-card h2{color:#ffe2a5;margin:0;font-size:23px}.rotate-card p{margin:0 0 8px;font-size:16px;line-height:1.65}.rotate-card .btn{width:100%;min-height:48px}body.touch.portrait-allowed #rotate{display:none}@media (pointer:coarse),(max-width:1100px),(max-height:520px){#title .title-left{left:max(16px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top));right:auto;bottom:calc(52px + env(safe-area-inset-bottom));gap:10px;width:min(360px,42vw)}#title .title-left>.logo-img{object-fit:contain;object-position:left center;flex:none;width:min(260px,100%);max-height:120px}#main-menu{touch-action:pan-y;overscroll-behavior:contain;min-height:0;padding:3px 4px 8px;overflow:hidden auto}#main-menu .plank-btn,#main-menu .plank-btn.primary{flex-shrink:0;width:100%;height:56px;min-height:44px}#main-menu .menu-pair{width:100%}#main-menu .menu-pair .plank-btn{width:auto}#main-menu .plank-btn .label,#main-menu .plank-btn.primary .label{font-size:20px}#main-menu .menu-pair .plank-btn .label{font-size:15px}#title .title-foot{left:max(16px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(4px, env(safe-area-inset-bottom));gap:12px;font-size:12px}#title #server-status{white-space:nowrap;text-overflow:ellipsis;max-width:43vw;overflow:hidden}#title .group-tag{min-height:44px;font-size:12px}#title .group-tag em,#title .group-tag>span{display:none}#title .foot-right{gap:8px}#crew-tag{white-space:normal;max-width:44vw;padding:8px 25px 12px}#crew-tag b{font-size:17px}#crew-tag span{font-size:11px}#sheet-crew.side .sheet-panel{width:min(340px,44vw);margin-right:max(12px, env(safe-area-inset-right));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#sheet-crew .sheet-panel.scroll-shell>.sheet-scroll{padding:52px 24px 20px}#sheet-crew .look-pick{gap:4px}#sheet-crew .look-name{font-size:17px}#sheet-crew .crew-outfit-name{margin-bottom:8px}}@media (max-height:520px) and (min-width:560px){#title .title-left{top:max(8px, env(safe-area-inset-top));bottom:calc(48px + env(safe-area-inset-bottom));gap:6px}#title .title-left>.logo-img{width:min(200px,100%);max-height:48px}#main-menu{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;display:grid}#main-menu .menu-pair{display:contents}#main-menu .plank-btn,#main-menu .plank-btn.primary{--ico:28px;width:100%;height:44px;padding:0 4px 0 28px}#main-menu .plank-btn .icon{max-height:32px;left:0}#main-menu .plank-btn .label,#main-menu .plank-btn.primary .label,#main-menu .menu-pair .plank-btn .label{letter-spacing:0;white-space:nowrap;font-size:14px}#main-menu .plank-btn small,#main-menu .rank-prize{display:none}#sheet-crew .sheet-panel.scroll-shell>.sheet-scroll{padding:42px 18px 16px}}@media (max-width:559px) and (orientation:portrait){#title .title-left{top:52vh;top:52dvh;left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));bottom:calc(80px + env(safe-area-inset-bottom));gap:0;width:auto}#title .title-left>.logo-img{top:max(12px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));width:min(210px,48vw);max-height:64px;position:fixed}#main-menu{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;display:grid}#main-menu .menu-pair{display:contents}#main-menu>.plank-btn{grid-column:auto}#main-menu .plank-btn,#main-menu .plank-btn.primary{--ico:32px;width:100%;height:46px;min-height:44px;padding:0 4px 0 32px}#main-menu .plank-btn .icon{max-height:36px;left:0}#main-menu .plank-btn .label,#main-menu .plank-btn.primary .label,#main-menu .menu-pair .plank-btn .label{letter-spacing:0;font-size:15px}#main-menu .plank-btn small,#main-menu .rank-prize{display:none}#title .title-foot{flex-direction:column;align-items:stretch;gap:2px}#title #server-status{max-width:100%;font-size:11px}#title .foot-right{justify-content:space-between;width:100%}#crew-tag{max-width:80vw}#sheet-crew.side{background:linear-gradient(#0000 30%,#0c070255);align-items:flex-end}#sheet-crew.side .sheet-panel{width:100%;max-height:48vh;max-height:48dvh;margin:0}#sheet-crew .sheet-panel.scroll-shell>.sheet-scroll{padding:46px 24px 18px}body.touch.portrait-allowed #compass{width:40vw;left:74%}body.touch.portrait-allowed #status{max-width:65vw;font-size:11px;top:54px;right:10px}body.touch.portrait-allowed #hp{width:min(180px,44vw)}body.touch.portrait-allowed #left-col{top:150px;left:16px}body.touch.portrait-allowed #tutorial{width:min(280px,100vw - 32px)}body.touch.portrait-allowed #ship-info{max-width:calc(100vw - 24px);top:132px}}#main-menu{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;flex:auto;min-height:0;padding:3px 8px 8px 4px;overflow:hidden auto}#main-menu>.plank-btn,#main-menu>.menu-pair,#main-menu .menu-pair .plank-btn{flex-shrink:0}#main-menu .plank-btn,#pause .plank-btn{min-height:44px}#main-menu .menu-pair .rank-prize{padding:2px 4px;font-size:10px}#main-menu .plank-btn:hover,#main-menu .plank-btn:active,#pause .plank-btn:hover,#pause .plank-btn:active{transform:none}#main-menu .plank-btn:focus-visible,#pause .plank-btn:focus-visible{outline-offset:-3px;outline:3px solid #ffd76a;transform:none}#pause .pause-panel{min-height:0;max-height:calc(100vh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;display:flex}#pause .pause-head,#pause .pause-ship,#pause .pause-group{flex:none}#pause .menu{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;flex:0 auto;min-height:0;padding:3px 8px 8px 4px;overflow:hidden auto}#pause .plank-btn{flex-shrink:0}#pause .group-tag{min-height:44px}@media (min-width:1101px) and (min-height:521px) and (pointer:fine){#title .title-left{bottom:max(64px,9vh)}}#sheet-activity .activity-panel{width:min(920px, calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100vh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}#sheet-activity .activity-panel>.sheet-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#8a6238 transparent;min-height:0;padding:36px 58px 38px;display:block;overflow:hidden auto}#sheet-activity .sheet-close{z-index:3;width:48px;height:48px;top:10px;right:12px}#sheet-activity h2{text-align:center;margin:0 auto 4px;padding:8px 58px 16px;font-size:25px}.activity-lead{color:#604428;text-align:center;margin:0 0 17px;font-size:14px;font-weight:700;line-height:1.5}.activity-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:stretch;gap:14px;display:grid}.activity-card{background:#fff9e1a8;border:2px solid #a67e49;border-radius:8px;flex-direction:column;gap:9px;min-width:0;padding:16px;display:flex;box-shadow:inset 0 0 0 2px #ffffff47,0 3px 8px #43280e21}.activity-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.activity-kicker{color:#8b6239;letter-spacing:1px;margin-bottom:3px;font-size:12px;font-weight:900;display:block}#sheet-activity .activity-card h3{letter-spacing:1px;color:#71301c;margin:0;font-size:20px}.activity-badge{color:#6b4b2d;background:#efe0bb;border:1px solid #b9996d;border-radius:99px;flex:none;padding:4px 8px;font-size:12px;font-weight:900;line-height:1.25}.activity-card[data-phase=ready] .activity-badge,.activity-card[data-phase=claimed] .activity-badge{color:#285729;background:#dce9c5;border-color:#a3b785}.activity-card[data-phase=unavailable] .activity-badge{color:#7b4023;background:#f4decb}.activity-description{color:#65482d;min-height:42px;margin:0;font-size:14px;line-height:1.5}.activity-reward{background:#e1c89473;border:1px solid #c5a778;border-radius:6px;align-items:center;gap:13px;padding:10px;display:flex}.activity-art{background:#472e191f;border-radius:5px;flex:0 0 78px;place-items:center;height:64px;padding:5px;display:grid}.activity-art canvas{object-fit:contain;filter:drop-shadow(0 2px 2px #29190d59);max-width:100%;max-height:100%}.activity-reward-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.activity-reward-copy small,.activity-reward-copy span{color:#755536;font-size:12px;font-weight:700}.activity-reward-copy strong{color:#5c2618;font-size:17px}.activity-details{flex-wrap:wrap;gap:6px;display:flex}.activity-details:empty{display:none}.activity-details span{border-radius:4px;padding:3px 7px;font-size:12px;font-weight:800;line-height:1.4}.activity-details .done{color:#2d652e;background:#dfebd1}.activity-details .pending{color:#795535;background:#ece0ca}.activity-status{color:#66472b;overflow-wrap:anywhere;flex:1 0 auto;min-height:38px;margin:0;font-size:13px;font-weight:700;line-height:1.45}.activity-actions{flex-wrap:wrap;gap:7px;display:flex}#sheet-activity .activity-actions .btn{letter-spacing:0;flex:120px;min-width:0;min-height:44px;padding:8px 10px;font-size:14px}#sheet-activity .activity-actions .btn:hover,#sheet-activity .activity-actions .btn:active{transform:none}#sheet-activity .activity-actions .btn:active{filter:brightness(.9)drop-shadow(0 2px 2px #00000059)}#sheet-activity button:focus-visible{outline-offset:2px;outline:3px solid #5c3419}.activity-footnote{color:#795b3e;text-align:center;margin:15px 0 0;font-size:12px;line-height:1.5}@media (max-width:620px){#sheet-activity .activity-panel>.sheet-scroll{padding:30px 22px 26px}#sheet-activity h2{margin:0 38px 4px 0;padding:7px 28px 13px;font-size:21px}.activity-list{grid-template-columns:1fr}}@media (max-height:520px) and (min-width:621px){#sheet-activity .activity-panel>.sheet-scroll{padding:18px 34px 25px}#sheet-activity h2{margin-top:0;padding:5px 46px 11px;font-size:20px}.activity-lead{margin-bottom:10px}.activity-card{gap:7px;padding:12px}}#ghost-quest{left:max(14px, env(safe-area-inset-left));top:max(84px, env(safe-area-inset-top));box-sizing:border-box;width:min(340px,100vw - 28px);color:var(--ink);font:12px/1.4 var(--ui-font);text-shadow:none;filter:drop-shadow(0 4px 8px #0000006b);pointer-events:none;z-index:9;background:url(../ui/parchment.webp) 50%/100% 100% no-repeat;padding:13px 18px 12px;position:fixed}#ghost-quest[hidden],body.in-title #ghost-quest,body.in-pause #ghost-quest,body.menu-sheet-open #ghost-quest{display:none}#ghost-quest b,#ghost-quest strong,#ghost-quest span,#ghost-quest small{display:block}#ghost-quest b{color:var(--red);letter-spacing:.4px;font-size:11px;font-weight:900}#ghost-quest strong{color:var(--ink);margin:3px 0 4px;font-size:15px;font-weight:900;line-height:1.25}#ghost-quest span{color:var(--ink-soft);font-weight:700}#ghost-quest small{color:var(--ink-soft);font-variant-numeric:tabular-nums;border-top:1px dashed #5a3a1a57;margin-top:7px;padding-top:6px;font-size:10px;font-weight:700;line-height:1.25}@media (pointer:coarse),(max-width:850px){#ghost-quest{top:max(76px, env(safe-area-inset-top));width:min(300px,100vw - 24px);padding:10px 14px 9px;font-size:11px}#ghost-quest strong{margin:2px 0 3px;font-size:13px}#ghost-quest small{margin-top:5px;padding-top:4px;font-size:9px}}@media (max-height:440px) and (orientation:landscape){#ghost-quest{top:max(60px, env(safe-area-inset-top));width:min(310px,38vw);padding:7px 11px 6px;font-size:10px;line-height:1.25}#ghost-quest b{font-size:10px}#ghost-quest strong{font-size:12px}#ghost-quest span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#ghost-quest small{display:none}}@media (orientation:portrait) and (max-width:559px){#ghost-quest{top:max(78px, env(safe-area-inset-top));width:calc(100vw - 24px);max-width:300px}}@media (max-width:1100px){body:has(#ghost-quest:not([hidden])):has(#boss.on) #ghost-quest{top:max(130px, calc(env(safe-area-inset-top) + 125px))}body.touch:has(#ghost-quest:not([hidden])) #boss{width:min(320px,70vw);padding-left:12px;padding-right:12px}}.sheet .sheet-panel.scroll-shell.has-scroll-rail{min-width:0;min-height:0;width:min(1000px, calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:min(820px, calc(100vh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));height:min(820px, calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:calc(100vh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;padding:0;display:flex;overflow:hidden}.sheet .sheet-panel.has-scroll-rail>.sheet-scroll{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-width:0;height:0;min-height:0;padding:44px 84px 32px 44px;display:block;overflow:hidden auto}.has-scroll-rail>.sheet-scroll::-webkit-scrollbar{display:none}.sheet .sheet-panel.has-scroll-rail>.sheet-scroll .led-body,.sheet .sheet-panel.has-scroll-rail>.sheet-scroll .ship-list,.sheet .sheet-panel.has-scroll-rail>.sheet-scroll .mail-list{max-height:none;overflow:visible}.sheet .sheet-panel.has-scroll-rail>.sheet-scroll>h2{white-space:normal;text-align:center;margin:0 auto 16px;padding:10px 52px 18px;font-size:25px}.sheet .sheet-panel.has-scroll-rail>.sheet-close{z-index:3;top:8px;right:12px;width:48px!important;height:48px!important}.sheet-scroll-rail{z-index:2;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:stretch;gap:7px;width:44px;display:flex;position:absolute;top:76px;bottom:30px;right:18px}.sheet-scroll-step{width:44px;min-height:44px;font:700 18px var(--ui-font);color:#ffedbf;text-shadow:0 1px 2px #38210e;touch-action:manipulation;cursor:pointer;background:linear-gradient(90deg,#553219,#87542c 45%,#67401f);border:1px solid #76502b;border-radius:6px;flex:0 0 44px;padding:0;box-shadow:inset 0 0 0 2px #bd94514d,0 2px 3px #4d2c1733}.sheet-scroll-step:active:not(:disabled){background:#553219}.sheet-scroll-step:disabled{opacity:.35;cursor:default}.sheet-scroll-track{touch-action:none;cursor:pointer;background:#56351320;border-radius:8px;flex:1;min-height:44px;position:relative;box-shadow:inset 0 0 0 1px #68452170}.sheet-scroll-track:before{content:"";background:#68452155;border-radius:2px;width:4px;position:absolute;top:8px;bottom:8px;left:20px}.sheet-scroll-thumb{cursor:grab;background:linear-gradient(90deg,#bb8e43,#ebce83 45%,#c5994d);border:2px solid #72502a;border-radius:7px;width:30px;min-height:44px;position:absolute;top:0;left:7px;box-shadow:inset 0 0 0 1px #ffefb480,0 2px 3px #4d2c1740}.sheet-scroll-thumb:after{content:"";background:repeating-linear-gradient(0deg,#79552c 0 2px,#0000 2px 5px);height:12px;position:absolute;top:calc(50% - 6px);left:5px;right:5px}.sheet-scroll-track:active .sheet-scroll-thumb{cursor:grabbing}.sheet-scroll-track[aria-disabled=true]{opacity:.35;cursor:default}.sheet-scroll-track:focus-visible,.sheet-scroll-step:focus-visible{outline-offset:3px;outline:3px solid #684219}.has-scroll-rail .fr-row{flex-wrap:wrap;gap:10px}.has-scroll-rail .fr-row b{overflow-wrap:anywhere;min-width:0}.has-scroll-rail .fr-row .st{overflow-wrap:anywhere;flex:170px;min-width:0}.has-scroll-rail .fr-row .btn{min-height:44px}.has-scroll-rail .mail-head b{white-space:normal;overflow-wrap:anywhere}.has-scroll-rail .mail-head{min-height:52px}.has-scroll-rail .mail-btns{flex-wrap:wrap}.has-scroll-rail .led-tabs button{min-height:44px}@media (min-width:600px) and (max-width:1400px){.sheet .sheet-panel.has-scroll-rail>.sheet-scroll{padding:38px 80px 30px 36px}.has-scroll-rail .led-tabs{gap:2px}.has-scroll-rail .led-tabs button{padding:8px 10px;font-size:16px}.has-scroll-rail .fr-row{padding:12px}.has-scroll-rail .fr-row .btn{padding:6px 18px}.has-scroll-rail .mail-head{flex-wrap:wrap;padding:12px}.has-scroll-rail .mail-head b{flex:220px}}@media (max-width:599px){.sheet .sheet-panel.has-scroll-rail>.sheet-scroll{padding:52px 68px 24px 20px}.sheet .sheet-panel.has-scroll-rail>.sheet-scroll>h2{padding:8px 24px 14px;font-size:22px}.sheet-scroll-rail{top:70px;bottom:24px;right:8px}.has-scroll-rail .fr-add{flex-wrap:wrap}.has-scroll-rail .fr-add input{flex:160px;min-width:0}.has-scroll-rail .fr-add .btn{padding:8px 18px}.has-scroll-rail .fr-row{gap:6px}.has-scroll-rail .fr-row .st{flex-basis:100%}.has-scroll-rail .fr-row .btn{padding:6px 14px}.has-scroll-rail .mail-head{flex-wrap:wrap;gap:6px}.has-scroll-rail .mail-meta{flex-basis:100%}}@media (max-height:520px){.sheet .sheet-panel.has-scroll-rail>.sheet-scroll{padding-top:24px;padding-bottom:20px}.sheet .sheet-panel.has-scroll-rail>.sheet-scroll>h2{margin-bottom:10px;padding-top:6px;padding-bottom:12px;font-size:21px}.sheet-scroll-rail{gap:5px;top:66px;bottom:18px}}:is(.sheet,#manual,#title,#pause,#touch-editor),:is(.sheet,#manual,#title,#pause,#touch-editor) *{-webkit-user-select:none;user-select:none;touch-action:none!important}:is(.sheet,#manual,#title,#pause,#touch-editor) :is(input,textarea,select,[contenteditable=true]){-webkit-user-select:text;user-select:text;touch-action:auto!important}.look-card .model-preview{color:#efdcad;cursor:zoom-in;width:100%;font:inherit;background:#243b43;border:1px solid #947040;border-radius:6px;flex-direction:column;align-items:center;gap:5px;padding:0 0 5px;display:flex;overflow:hidden}.model-preview .look-prev,.model-preview .outfit-prev{aspect-ratio:3/2;border:0;border-radius:0;width:100%;max-width:240px;height:auto;margin:0;display:block}.model-preview span{font-size:12px}.model-preview:focus-visible,.cosmetic-room :focus-visible{outline-offset:2px;outline:3px solid #c29444}.cosmetic-room{box-sizing:border-box;width:min(920px,100vw - 24px);max-height:calc(100vh - 24px);overscroll-behavior:contain;color:#3c2817;touch-action:pan-y;background:#ecd8ad;border:4px solid #6b4626;border-radius:12px;max-height:calc(100dvh - 24px);margin:auto;padding:16px;font-family:inherit;overflow:auto;box-shadow:0 12px 60px #0009}.cosmetic-room::backdrop{background:#080d13c9}.cosmetic-room header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.cosmetic-room h2{text-align:left;overflow-wrap:anywhere;background:0 0;flex:1;margin:0;padding:0;font-size:23px}.cosmetic-room button,.cosmetic-room select{font:inherit;color:#4f321a;cursor:pointer;background:#fae9c6;border:1px solid #93703d;border-radius:5px;min-height:42px;padding:6px 12px}.cosmetic-room .cosmetic-close{min-width:44px;padding:0 10px;font-size:26px}.cosmetic-controls,.cosmetic-views{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cosmetic-controls{justify-content:space-between;min-height:24px;margin-bottom:10px}.cosmetic-room button[aria-pressed=true]{color:#ffebbd;background:#74512f}.cosmetic-room .cosmetic-stage{width:100%;height:clamp(160px,52vh,480px);touch-action:none;cursor:grab;background:#243b43;border-radius:6px;height:clamp(160px,52dvh,480px);display:block}.cosmetic-stage:active{cursor:grabbing}.cosmetic-room .cosmetic-hint{text-align:center;color:#79542c;margin:7px 0;font-size:13px}.cosmetic-room footer{justify-content:center;gap:8px;display:flex}@media (max-width:600px){.cosmetic-room{border-width:3px;width:calc(100vw - 12px);padding:10px}.cosmetic-room h2{font-size:19px}.cosmetic-room button,.cosmetic-room select{padding:5px 9px;font-size:14px}.cosmetic-controls{justify-content:center}.cosmetic-views{flex:1;justify-content:center}.cosmetic-room .cosmetic-stage{height:46dvh;min-height:180px}}@media (max-height:500px) and (min-width:601px){.cosmetic-room{padding:8px 12px}.cosmetic-room header{margin-bottom:4px}.cosmetic-room h2{font-size:18px}.cosmetic-room .cosmetic-controls{margin-bottom:5px}.cosmetic-room .cosmetic-stage{height:calc(100dvh - 204px);min-height:120px}.cosmetic-room button,.cosmetic-room select{min-height:36px}.cosmetic-room .cosmetic-hint{margin:3px}}