@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(./pirata-one-latin-ext-400-normal-CI_wL8s0.woff2)format("woff2"),url(./pirata-one-latin-ext-400-normal-DS3wEyC3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(./pirata-one-latin-400-normal-C8jLWNfm.woff2)format("woff2"),url(./pirata-one-latin-400-normal-CiJE7gJH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IM Fell English;font-style:normal;font-display:swap;font-weight:400;src:url(./im-fell-english-latin-400-normal-BhowGHCQ.woff2)format("woff2"),url(./im-fell-english-latin-400-normal-CxhBQSzl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--wood:#3b2414;--wood-2:#5a3a22;--wood-edge:#1e1008;--parch:#f1e0b6;--parch-2:#d9bf86;--ink:#2b1a0c;--gold:#f4c542;--gold-2:#b8860b;--red:#c0392b;--green:#63d471;--sea:#0b4f73;--panel:#1c1008db;--text:#f6ead0;--muted:#bfa982}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#06243a;margin:0;padding:0;font-family:IM Fell English,Georgia,serif;overflow:hidden}#app{position:fixed;inset:0}.layer{position:absolute;inset:0}.world-layer{z-index:1}.battle-layer{z-index:2;pointer-events:none}.battle-layer>*{pointer-events:auto}.hud-layer{z-index:3;pointer-events:none}.modal-layer{z-index:30;pointer-events:none}.modal-layer>*{pointer-events:auto}.hidden{display:none!important}.muted{color:var(--muted)}h1,h2,h3,h4,.title{letter-spacing:.5px;font-family:Pirata One,IM Fell English,serif;font-weight:400}.btn{letter-spacing:.5px;color:var(--text);cursor:pointer;background:linear-gradient(#6b4526,#4a2c16);border:2px solid #1e1008;border-radius:6px;padding:6px 14px;font-family:Pirata One,serif;font-size:18px;transition:transform 50ms,filter .1s;box-shadow:inset 0 1px #ffdca059,0 2px #1e1008}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #ffdca059}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{padding:3px 10px;font-size:15px}.btn.big{padding:8px 26px;font-size:26px}.btn.primary{color:#2b1a0c;background:linear-gradient(#d4a53c,#9c6f14);border-color:#4a3208;box-shadow:inset 0 1px #ffffdc99,0 2px #4a3208}.loading{z-index:50;background:radial-gradient(circle at 50% 40%,#135d85,#051a2b);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.load-bar{border:2px solid var(--gold-2);background:#0008;border-radius:8px;width:320px;height:12px;overflow:hidden}.load-bar .fill{background:linear-gradient(90deg, var(--gold-2), var(--gold));width:0;height:100%;transition:width .2s}.title{color:var(--gold);text-shadow:0 3px #5a3a0a,0 6px 18px #000a;margin:0;font-size:72px}.title.small{font-size:46px}.modal-box .title{color:#8b1a0a;text-shadow:0 2px #e6c27a}.title-screen{z-index:20;background:linear-gradient(90deg,#031422bf,#03142200 60%);justify-content:flex-start;align-items:center;padding-left:6vw;display:flex;position:fixed;inset:0}.title-card{max-width:480px}.title-card .subtitle{color:var(--parch);margin:-4px 0 14px;font-size:22px;font-style:italic}.title-card p{color:#f6ead0;text-shadow:0 1px 3px #000;font-size:18px;line-height:1.45}.title-card label{justify-content:space-between;align-items:center;gap:12px;max-width:380px;margin:8px 0;font-size:18px;display:flex}.title-card input{background:var(--parch);width:240px;color:var(--ink);border:2px solid var(--wood-edge);border-radius:4px;padding:6px 10px;font-family:IM Fell English,serif;font-size:18px}.continue .muted{text-shadow:0 1px 3px #000;color:var(--parch)}.continue{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.credits{color:var(--muted);margin-top:26px;font-size:13px}.choices{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.choices.col{flex-direction:column;align-items:stretch}.world-canvas{width:100%;height:100%;display:block}.world-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.world-label{white-space:nowrap;color:#fff;text-shadow:0 0 3px #000,0 2px 3px #000;border-radius:10px;padding:1px 8px;font-family:Pirata One,serif;font-size:18px;position:absolute;top:0;left:0}.world-label.port{background:#143c1e8c}.world-label.exit{color:#bff6ff;background:#0a3c5a99}.world-label.fort,.world-label.boss{color:#ffd0c8;background:#5a0a0a99}.hover-text{z-index:4;pointer-events:none;color:#fff;text-shadow:1px 1px #000;font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:700;position:absolute;top:64px;left:12px}.hover-text .pirate,.hover-text .ghost{color:#ff5b4a}.hover-text .navy{color:#7fb2ff}.hover-text .merchant{color:#ffe14d}.hover-text .port{color:#7cfc9a}.hover-text .item{color:#ffb347}.sail-hud{pointer-events:none;position:absolute;inset:0}.sail-hud>*{pointer-events:auto}.top-bar{background:linear-gradient(#2b1a0cee,#2b1a0cbb);border-bottom:3px solid #1e1008;align-items:center;gap:14px;height:54px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 3px 10px #0007}.hud-ship{color:var(--gold);white-space:nowrap;font-family:Pirata One,serif;font-size:24px}.hud-stats{gap:8px;display:flex}.stat-chip{background:#0006;border:1px solid #6b4526;border-radius:14px;align-items:center;gap:5px;padding:3px 10px;font-size:17px;display:flex}.stat-chip.danger{color:#ffb0a0;border-color:#ff5b4a;animation:1s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 10px #ff5b4a}}.alert-wrap{color:#ffcfc8;align-items:center;gap:8px;font-size:14px;display:flex}.alert-bar{background:#0008;border:1px solid #aa3b30;border-radius:6px;width:120px;height:12px;overflow:hidden}.alert-bar .fill{background:linear-gradient(90deg,#d4a53c,#d23a2a);width:0;height:100%}.alert-bar .fill.max{background:#ff2a1a;animation:.8s infinite pulse}.hud-region{text-align:center;color:var(--parch);white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Pirata One,serif;font-size:20px;overflow:hidden}.hud-buttons{gap:6px;display:flex}.minimap-wrap{background:var(--panel);border:3px solid #6b4526;border-radius:8px;padding:6px;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 14px #000a}.minimap{cursor:pointer;image-rendering:auto;border-radius:4px;width:220px;height:220px;display:block}.mini-legend{color:var(--muted);text-align:center;margin-top:3px;font-size:12px}.prompt{font-size:22px;animation:1.4s ease-in-out infinite bob;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@keyframes bob{50%{transform:translate(-50%)translateY(-4px)}}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:2px solid #6b4526;border-radius:8px;padding:6px 14px;font-size:17px;transition:opacity .6s;box-shadow:0 3px 10px #0008}.toast.good{border-color:#4b8f4b}.toast.gold{border-color:var(--gold);color:#ffe9a8}.toast.danger{color:#ffcfc8;border-color:#c0392b}.toast.fade{opacity:0}.modal{background:#020c148c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{width:100%;max-width:560px;max-height:90vh;color:var(--ink);background:linear-gradient(#f5e6c0,#e6cf98);border:4px solid #5a3a22;border-radius:10px;padding:20px 26px;font-size:18px;line-height:1.4;position:relative;overflow:auto;box-shadow:0 10px 40px #000c,inset 0 0 40px #78501459}.modal-box.wide{max-width:900px}.modal-box h2{color:#5a1a0a;margin:0 0 8px;font-size:34px}.modal-box h3{color:#5a3a0a;border-bottom:1px solid #b8955a;margin:16px 0 6px;font-size:22px}.modal-box h4{margin:10px 0 4px;font-size:18px}.modal-box .muted{color:#7a5c33}.modal-x{cursor:pointer;color:#5a3a22;background:0 0;border:none;font-size:22px;position:absolute;top:8px;right:10px}.modal-box .btn:not(.primary){color:var(--text)}.event-text{font-size:19px}.btn.choice{text-align:left;font-family:IM Fell English,serif;font-size:18px}.req{color:#ffb0a0;font-size:15px}.req.ok{color:#b9f5c0}.effects{background:#5a3a221f;border-left:4px solid #8b5a2b;border-radius:4px;margin:10px 0;padding:8px 12px}.effects .pos{color:#1e6b2a}.effects .neg{color:#9b1c12}.chapter{text-transform:uppercase;letter-spacing:3px;color:#7a5c33;font-size:13px}.tips{padding-left:20px}.tips li{margin:4px 0}.port-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding-right:26px;display:flex}.purse{font-size:17px}.tabs{border-bottom:3px solid #5a3a22;gap:4px;margin:8px 0 10px;display:flex}.tab{color:#3b2414;cursor:pointer;background:#cfb07a;border:2px solid #5a3a22;border-bottom:none;border-radius:6px 6px 0 0;padding:4px 14px;font-family:Pirata One,serif;font-size:19px}.tab.active{color:var(--gold);background:#5a3a22}.tab-body{min-height:300px}.shop-row{border-bottom:1px dashed #b8955a;align-items:center;gap:12px;padding:7px 4px;display:flex}.shop-row.empty{color:#8a6c43;font-style:italic}.shop-info{flex:1}.shop-title{font-size:18px;font-weight:700}.shop-desc{color:#6b4a22;font-size:15px}.btns{gap:6px;display:flex}.upgrade-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.upgrade{background:#5a3a221a;border:1px solid #b8955a;border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:flex}.upgrade .shop-desc{flex:1;font-size:13px}.up-name{font-weight:700}.pips{gap:2px;display:flex}.pips i{background:#0002;border:1px solid #5a3a22;width:12px;height:10px}.pips i.on{background:#3fa04a}.port-footer{justify-content:flex-end;margin-top:14px;display:flex}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.stat{text-align:center;background:#5a3a221f;border-radius:6px;padding:6px 10px}.stat .big{font-family:Pirata One,serif;font-size:26px}.dot{border:1px solid #000;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot.big{width:18px;height:18px}.hp-bar{background:#0006;border-radius:3px;width:100%;height:5px;overflow:hidden}.hp-bar.wide{max-width:260px;height:7px;margin-top:4px}.hp-bar .fill{background:var(--green);height:100%}.map-card{border-bottom:1px dashed #b8955a;align-items:center;gap:16px;padding:10px 0;display:flex}.parchment-canvas{border-radius:4px;flex:none;box-shadow:0 3px 10px #0006}.help-cols{grid-template-columns:1fr 1fr;gap:20px;display:grid}.help-cols ul{padding-left:18px;font-size:16px}.help-cols li{margin:5px 0}.charge-bar.big{height:16px;margin-top:10px}.ending{text-align:center}.ending .choices{justify-content:center}.event canvas{margin:8px auto;display:block}.battle-screen{background:#0b3a5c;position:absolute;inset:0}.battle-canvas{display:block;position:absolute;inset:0}.battle-canvas.aiming{cursor:crosshair}.battle-hud{pointer-events:none;font-family:IM Fell English,serif;position:absolute;inset:0}.battle-hud>*{pointer-events:auto}.panel{background:var(--panel);border:2px solid #6b4526;border-radius:10px;padding:8px 10px;box-shadow:0 3px 14px #0009}.b-top{background:linear-gradient(#2b1a0cf2,#2b1a0cc8);border-bottom:3px solid #1e1008;align-items:center;gap:14px;height:66px;padding:4px 12px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 3px 10px #0007}.b-side{flex-direction:column;gap:2px;width:360px;display:flex}.b-side.right{align-items:flex-end}.b-side.right .stat-row{justify-content:flex-end}.ship-title{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:Pirata One,serif;font-size:17px;line-height:1.1;overflow:hidden}.ship-title.enemy{color:#ffb0a0}.hull-row{align-items:center;gap:6px;width:100%;display:flex}.num{text-align:center;min-width:40px;font-size:13px}.hull-bar{flex:1;gap:1px;height:12px;display:flex}.hull-bar.enemy{flex-direction:row-reverse}.hull-bar i{background:#0007;border-radius:1px;flex:1}.hull-bar i.ok{background:#5fcf6a}.hull-bar i.mid{background:#f1c40f}.hull-bar i.low{background:#e74c3c}.stat-row{align-items:center;gap:12px;font-size:14px;display:flex}.bw{opacity:.25;font-size:14px}.bw.on{opacity:1;filter:drop-shadow(0 0 3px #ffd35a)}.battle-log{text-align:center;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;flex:1;font-size:14px;line-height:1.25}.battle-log div:last-child{color:#ffe9a8}.charge-bar{background:#0008;border:1px solid #0006;border-radius:4px;height:8px;overflow:hidden}.charge-bar .fill{background:linear-gradient(90deg,#4aa3df,#9fe3ff);width:0;height:100%}.charge-bar .fill.warn{background:linear-gradient(90deg,#d4a53c,#ff5b4a)}.crew-list{flex-direction:column;gap:3px;width:214px;max-height:calc(100% - 210px);display:flex;position:absolute;top:76px;left:8px;overflow-y:auto}.act-label{color:var(--muted);letter-spacing:1px;margin:4px 0 1px;font-family:Pirata One,serif;font-size:15px}.crew-row{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:3px 5px;display:flex}.crew-row:hover{background:#ffffff16}.crew-row.selected{background:#7cfc9a22;border-color:#7cfc9a}.crew-row.dead{opacity:.35;filter:grayscale()}.portrait{object-fit:contain;flex:none;width:30px;height:30px;transform:rotate(-90deg)}.cinfo{flex:1;min-width:0}.cname{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.1;overflow:hidden}.csub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cloc{text-align:center;width:20px;font-size:15px}.b-right{flex-direction:column;gap:5px;width:176px;display:flex;position:absolute;top:76px;right:8px}.b-right .btn{padding:4px 8px;font-size:16px}.faction-tag{text-align:center;border:2px solid;border-radius:6px;padding:1px;font-family:Pirata One,serif;font-size:16px}.enemy-flee{color:#ffcf8a;font-size:13px}.systems-panel{align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:8px;left:8px}.power-col,.sys-col{flex-direction:column-reverse;align-items:center;gap:2px;display:flex}.power-col{border-right:1px solid #6b4526;margin-right:2px;padding-right:8px}.pbar{background:#0008;border:1px solid #333;border-radius:2px;width:18px;height:7px}.pbar.on{background:#7fd6ff;border-color:#bfefff;box-shadow:0 0 4px #7fd6ff88}.pbar.wounded{background:#c0392b;border-color:#ff9a8a}.sys-col{cursor:pointer;border:1px solid #0000;border-radius:6px;min-width:44px;padding:3px 4px}.sys-col:hover{background:#ffffff14}.sys-col.manned{border-color:#7cfc9a66}.sys-col .bars{flex-direction:column-reverse;gap:2px;display:flex}.sys-col .bar{background:#0008;border:1px solid #555;border-radius:2px;width:26px;height:8px}.sys-col .bar.on{background:#63d471;border-color:#b2f5b9}.sys-col .bar.dmg{background:#e74c3c;border-color:#ff9a8a}.sys-col .bar.ion{background:#5dade2;border-color:#aee0ff}.sys-icon{margin-top:3px;font-size:20px;line-height:1}.sys-name{color:var(--muted);font-size:11px}.weapons-panel{align-items:stretch;gap:6px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-38%)}.weapon-card{cursor:pointer;background:#0005;border:2px solid #555;border-radius:8px;width:150px;padding:6px 8px}.weapon-card:hover{background:#ffffff12}.weapon-card.powered{border-color:#63d471}.weapon-card.ready{box-shadow:0 0 10px #63d47188}.weapon-card.ready .fill{background:linear-gradient(90deg,#63d471,#c6ffcc)}.weapon-card.selected{border-color:#ff5b4a;box-shadow:0 0 12px #ff5b4a}.weapon-card.noammo{opacity:.6;border-color:#aa3b30}.weapon-card.aimed .wname:after{content:" 🎯";font-size:12px}.wname{white-space:nowrap;text-overflow:ellipsis;font-family:Pirata One,serif;font-size:16px;overflow:hidden}.wname .key{text-align:center;background:#0008;border-radius:4px;width:16px;height:16px;margin-right:5px;font-family:sans-serif;font-size:11px;line-height:16px;display:inline-block}.wmeta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 4px;font-size:12px;overflow:hidden}.autofire{color:var(--muted);align-items:center;gap:4px;padding:0 4px;font-size:13px;display:flex}.pause-banner{color:#fff;pointer-events:none;white-space:nowrap;background:#000b;border:1px solid #ffd35a88;border-radius:20px;padding:6px 20px;font-size:18px;position:absolute;top:368px;left:50%;transform:translate(-50%,-50%)}.pause-banner b{color:var(--gold);margin-right:6px;font-family:Pirata One,serif;font-size:21px;font-weight:400}kbd{color:#2b1a0c;background:#f1e0b6;border-radius:4px;padding:0 6px;font-family:sans-serif;font-size:13px;box-shadow:0 2px #8a6c43}.battle-help{color:#ffffffb0;text-shadow:0 1px 2px #000;pointer-events:none;white-space:nowrap;font-size:13px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.tooltip{z-index:30;pointer-events:none;background:#140b04ee;border:1px solid #b8955a;border-radius:6px;max-width:280px;padding:5px 9px;font-size:14px;position:fixed}.battle-hud .modal{position:absolute}.battle-intro{text-align:center;pointer-events:none;color:var(--gold);text-shadow:0 4px #5a1a0a,0 8px 22px #000;font-family:Pirata One,serif;font-size:64px;animation:2.2s ease-out forwards intro;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.battle-intro small{color:#ffe6d0;font-size:28px;display:block}@keyframes intro{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0}}@media (width<=1100px){.hud-region,.alert-wrap span{display:none}.b-side{width:260px}.weapon-card{width:118px}.battle-help{display:none}}.modal-box.port-modal{width:96vw;max-width:1280px;height:92vh;max-height:92vh;color:var(--text);background:#2b1a0c;border:4px solid #1e1008;padding:0;overflow:hidden}.port-screen{flex-direction:column;height:100%;display:flex}.port-top{background:linear-gradient(#5a3a22,#3b2414);border-bottom:3px solid #1e1008;align-items:center;gap:16px;padding:10px 18px;display:flex}.port-name{color:var(--gold);text-shadow:0 2px #1e1008;white-space:nowrap;font-family:Pirata One,serif;font-size:34px}.port-name .anchor{margin-right:8px;font-size:26px}.res-chips{flex-wrap:wrap;flex:1;justify-content:center;gap:8px;display:flex}.res-chip{background:#0006;border:1px solid #8b5a2b;border-radius:16px;align-items:center;gap:6px;padding:3px 12px;font-size:17px;display:flex}.res-chip.warn{color:#ffb0a0;border-color:#ff5b4a}.sail-btn{white-space:nowrap;padding:8px 20px;font-size:21px}.port-main{flex:1;grid-template-columns:210px 1fr 220px;min-height:0;display:grid}.port-nav{background:#24160a;border-right:2px solid #1e1008;flex-direction:column;gap:6px;padding:12px 10px;display:flex}.place{text-align:left;cursor:pointer;color:var(--text);background:0 0;border:2px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px;font-family:IM Fell English,serif;display:flex}.place:hover{background:#ffffff10}.place.active{background:linear-gradient(90deg,#6b4526,#4a2c16);border-color:#d4a53c}.place-icon{font-size:30px}.place b{color:var(--gold);font-family:Pirata One,serif;font-size:22px;font-weight:400;display:block}.place small{color:var(--muted);font-size:13px;display:block}.port-body{color:var(--ink);background:linear-gradient(#f5e6c0,#e8d3a0);padding:14px 20px 24px;overflow-y:auto;box-shadow:inset 0 0 40px #78501459}.port-section{margin-bottom:18px}.port-section h3{color:#5a1a0a;border-bottom:2px solid #c9a86a;margin:4px 0 10px;font-size:24px}.port-side{background:#24160a;border-left:2px solid #1e1008;flex-direction:column;gap:5px;padding:12px;display:flex;overflow-y:auto}.port-side h4{color:var(--gold);margin:0 0 4px;font-size:20px}.side-label{color:var(--muted);margin-top:6px;font-family:Pirata One,serif;font-size:15px}.side-crew{grid-template-rows:auto auto;grid-template-columns:26px 1fr auto;align-items:center;column-gap:6px;font-size:14px;display:grid}.side-crew .meter{grid-column:2/4}.side-gun{font-size:14px}.mini-portrait{object-fit:contain;grid-row:1/3;width:24px;height:24px;transform:rotate(-90deg)}.big-portrait{object-fit:contain;filter:drop-shadow(0 2px 2px #0006);flex:none;width:56px;height:56px;transform:rotate(-90deg)}.grow{flex:1;min-width:0}.small{font-size:14px}.meter{background:#0004;border-radius:4px;height:7px;overflow:hidden}.meter.tiny{height:5px}.meter .fill{background:linear-gradient(90deg,#4caf50,#8be28f);height:100%}.big-meter{background:#0003;border:2px solid #8b5a2b;border-radius:12px;height:22px;margin-bottom:4px;position:relative;overflow:hidden}.big-meter .fill{background:linear-gradient(90deg,#3f9a4a,#7cd67f);height:100%}.big-meter span{text-align:center;color:#1e1008;font-weight:700;line-height:18px;position:absolute;inset:0}.xp{background:#0003;border-radius:3px;max-width:240px;height:5px;margin:3px 0;overflow:hidden}.xp .fill{background:linear-gradient(90deg,#c9a23c,#ffe08a);height:100%}.card-grid{gap:10px;display:grid}.card-grid.two{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid.three{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card-grid.four{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card{background:linear-gradient(#fff7e0,#f1dfb2);border:2px solid #b8955a;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex;box-shadow:0 2px #b8955a88}.card.sold{opacity:.5}.card.owned{border-color:#3f9a4a}.card.chosen{background:linear-gradient(#fffbe8,#f7e6b8);border-color:#d4a53c;box-shadow:0 0 0 3px #d4a53c88,0 2px #b8955a}.card-icon{font-size:28px;line-height:1}.card-title{font-size:17px;font-weight:700}.card-desc{color:#6b4a22;flex:1;font-size:14px}.card .btn.buy{margin-top:auto}.btn.buy{color:var(--text);justify-content:center;align-items:center;gap:8px;display:flex}.btn.buy .coin{background:#0005;border-radius:10px;padding:0 8px;font-family:IM Fell English,serif;font-size:15px}.sys-card{text-align:center;align-items:center}.imp-card{flex-direction:row;align-items:center}.imp-card .btn.buy{margin-top:0}.repair-card{background:#fff7e0;border:2px solid #b8955a;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.chips{flex-wrap:wrap;gap:4px;display:flex}.stat-tag{color:#f6ead0;background:#5a3a22;border-radius:10px;padding:1px 8px;font-size:13px}.battery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.slot{background:#fff3d0;border:2px solid #8b5a2b;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.slot.empty{background:0 0;border-style:dashed;justify-content:center;align-items:center;min-height:90px}.hold-list{margin-top:10px}.hold-item{border-bottom:1px dashed #b8955a;align-items:center;gap:8px;padding:6px 0;display:flex}.recruit-head{align-items:center;gap:10px;display:flex}.perk{color:#ffe08a;background:#5a3a22;border-radius:8px;align-self:flex-start;padding:2px 8px;font-size:13px}.statbar{color:#6b4a22;grid-template-columns:56px 1fr;align-items:center;gap:6px;font-size:13px;display:grid}.statbar .meter{background:#0002}.crew-picker{flex-wrap:wrap;gap:8px;display:flex}.pick{cursor:pointer;background:#fff7e0;border:2px solid #b8955a;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;font-family:IM Fell English,serif;display:flex}.pick img{object-fit:contain;width:38px;height:38px;transform:rotate(-90deg)}.pick.active{border-color:#d4a53c;box-shadow:0 0 0 3px #d4a53c88}.outfit-who{background:#fff7e0;border:2px solid #b8955a;border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:10px;display:flex}.rumor{background:#5a3a221f;border-radius:8px;padding:10px 12px;font-style:italic}.muster-body{color:var(--ink);background:linear-gradient(#f5e6c0,#e8d3a0);flex:1;padding:16px 22px;overflow-y:auto}.muster-captain{background:#fff7e0;border:2px solid #d4a53c;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:12px;display:flex}.muster-text{flex:400px;margin:0;font-size:17px}.crew-cards{flex-direction:column;gap:8px;display:flex}.crew-card{border-bottom:1px dashed #b8955a;align-items:center;gap:12px;padding:6px 0;display:flex}.crew-card .meter{max-width:240px;margin:3px 0}@media (width<=1000px){.port-main{grid-template-columns:70px 1fr}.port-side,.place span:last-child{display:none}}.vol-row{grid-template-columns:130px 1fr 48px;align-items:center;gap:12px;margin:12px 0;display:grid}.vol-label b{font-family:Pirata One,serif;font-size:21px;font-weight:400;display:block}.vol-label small{color:#7a5c33;font-size:13px}.vol-range{accent-color:#9c6f14;width:100%}.vol-val{text-align:right;font-weight:700}.vol-check{align-items:center;gap:6px;margin-top:6px;display:flex}.modal-box.settings{max-width:520px}.jukebox{flex-direction:column;gap:4px;display:flex}.track{text-align:left;cursor:pointer;color:var(--ink);background:#fff7e0;border:2px solid #d9bf86;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-family:IM Fell English,serif;display:flex}.track:hover{border-color:#b8955a}.track.active{background:#fffbe8;border-color:#d4a53c;box-shadow:0 0 0 2px #d4a53c66}.track-icon{text-align:center;width:24px;font-size:16px}.track-info{flex:1}.track-info b{font-size:17px;display:block}.track-info small{color:#7a5c33;font-size:13px}.track-state{color:#6b4a22;white-space:nowrap;font-size:13px}