:root{
--abyss:#150b0a;--timber:#251311;--timber-2:#321815;--timber-3:#40201b;
--doubloon:#f3ad1e;--doubloon-2:#ffca44;--garnet:#bd2f19;--garnet-2:#de4529;
--parchment:#f4ebde;--parchment-dim:#c8ad9d;--rope:#4c281f;--rope-2:#6f3c2d;
--board:#efe6d8;--span:1160px;--gap:38px;--crest-h:64px;--round:10px;
--serif:Georgia,"Times New Roman",Cambria,serif;
--body:Verdana,Geneva,Tahoma,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--abyss);color:var(--parchment);font-family:var(--body);font-size:15.5px;line-height:1.66;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--doubloon-2);text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.22;overflow-wrap:break-word;margin:0 0 .5em}
h2{font-size:26px;color:var(--parchment)}
h3{font-size:19px;color:var(--doubloon-2)}
h4{font-size:16px}
p{margin:0 0 1em;overflow-wrap:break-word}
.hull{min-height:100vh}
.cast{cursor:pointer}
.cast:focus-visible,a:focus-visible,[tabindex]:focus-visible,button:focus-visible{outline:3px solid var(--doubloon);outline-offset:2px}

.crownbar{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--timber);border-bottom:1px solid var(--rope);height:var(--crest-h)}
.crownbar__row{max-width:none;margin-inline:0;height:var(--crest-h);padding:0 26px;display:flex;align-items:center;gap:20px}
.ensign img{height:36px;width:auto}
.wheel{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.wheel span{width:24px;height:2px;background:var(--parchment);border-radius:2px}
.berth{display:flex;align-items:center;gap:8px;flex:1}
.berth__list{display:flex;gap:5px;list-style:none;margin:0;padding:0}
.berth__list .cast{display:inline-flex;align-items:center;gap:7px;color:var(--parchment);font-size:13.5px;font-weight:700;padding:8px 12px;border-radius:8px;border:1px solid transparent}
.berth__list .cast svg{width:17px;height:17px;fill:var(--doubloon)}
.berth__list .cast:hover{background:var(--timber-3);border-color:var(--rope-2)}
.hands{display:flex;gap:10px;margin-left:auto}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--body);font-size:13.5px;font-weight:700;border-radius:8px;padding:10px 18px;cursor:pointer;border:1px solid var(--rope-2);background:var(--timber-2);color:var(--parchment);text-align:center}
.cta:hover{background:var(--timber-3)}
.cta--gold{background:linear-gradient(180deg,var(--doubloon-2),var(--doubloon));color:#2a1604;border-color:#b57e12;box-shadow:0 6px 18px rgba(243,173,30,.24)}
.cta--gold:hover{filter:brightness(1.05)}
.cta--wide{width:100%;max-width:380px;font-size:16px;padding:14px 24px}

.cargo{max-width:calc(var(--span) + var(--gap)*2);margin:0 auto;padding:calc(var(--crest-h) + 30px) var(--gap) 40px}
.plank{background:var(--timber);border:1px solid var(--rope);border-radius:var(--round);padding:30px;margin-bottom:26px}
.plank>*:last-child{margin-bottom:0}
figure{margin:0}
.port{border:1px solid var(--rope);border-radius:var(--round);overflow:hidden;margin-bottom:26px}
.port img{width:100%}

.prow{background:var(--timber);border:1px solid var(--rope);border-radius:var(--round);padding:34px;margin-bottom:26px;text-align:center}
.prow__title{font-size:42px;color:var(--doubloon-2);margin:0 0 10px}
.prow__deal{display:inline-block;font-weight:700;color:var(--parchment);background:var(--timber-3);border:1px solid var(--rope-2);border-radius:999px;padding:8px 20px;margin-bottom:18px;font-size:14.5px;font-family:var(--body)}
.prow__banner{display:block;border-radius:10px;overflow:hidden;margin:0 auto 18px;max-width:100%}
.prow__lead{max-width:100%;text-align:left;font-size:16.5px}
.prow .cta--wide{margin:8px auto 0}

.logbook table,.spread table{width:100%;border-collapse:collapse;font-size:14.5px}
.spread{overflow-x:auto;border:1px solid var(--rope);border-radius:10px;margin-bottom:1em}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--rope)}
thead th{background:linear-gradient(180deg,var(--timber-3),var(--timber-2));color:var(--doubloon-2);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
td:first-child{color:var(--parchment);font-weight:700}

.hatch__tabs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px;padding:0}
.hatch__tab{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:8px;background:var(--timber-2);border:1px solid var(--rope);color:var(--parchment);font-weight:700;font-size:13.5px;cursor:pointer;font-family:var(--body)}
.hatch__tab svg{width:18px;height:18px;fill:var(--doubloon)}
.hatch__tab.on{background:var(--timber-3);border-color:var(--doubloon);color:var(--doubloon-2)}
.hatch__panel{display:none}
.hatch__panel.on{display:block}
.haul{display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:14px;overflow-x:auto;padding-bottom:10px;margin-bottom:24px;scroll-snap-type:x mandatory}
.loot{scroll-snap-align:start;background:var(--timber-2);border:1px solid var(--rope);border-radius:10px;overflow:hidden;cursor:pointer}
.loot:hover{border-color:var(--rope-2)}
.loot__art{aspect-ratio:360/472;overflow:hidden}
.loot__art img{width:100%;height:100%;object-fit:cover}
.loot__cap{padding:9px 11px}
.loot__name{display:block;font-weight:700;font-size:13.5px;color:var(--parchment);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loot__studio{display:block;font-size:11.5px;color:var(--parchment-dim);margin-top:2px}

.housegrid,.tellgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tellgrid{margin-bottom:26px}
.house{background:var(--board);border:1px solid #d7ccb7;border-radius:10px;height:74px;display:flex;align-items:center;justify-content:center;padding:12px}
.house img{max-height:44px;width:auto}
.tellgrid .house img{max-height:34px}

.ranks td:first-child{color:var(--doubloon-2)}
.spoils{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.spoil{background:var(--timber-2);border:1px solid var(--rope);border-radius:10px;padding:16px}
.spoil b{color:var(--doubloon-2)}

.weigh__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.weigh__box{background:var(--timber-2);border:1px solid var(--rope);border-radius:10px;padding:20px}
.weigh__box--good{border-top:3px solid var(--doubloon)}
.weigh__box--bad{border-top:3px solid var(--garnet-2)}
.weigh__box ul{margin:0;padding-left:18px}
.weigh__box li{margin-bottom:8px}

ol,ul{margin:0 0 1em;padding-left:20px}
li{margin-bottom:6px}
.route{list-style:none;counter-reset:s;padding:0}
.route li{counter-increment:s;position:relative;padding:0 0 12px 44px;margin:0}
.route li::before{content:counter(s);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:8px;background:linear-gradient(180deg,var(--doubloon-2),var(--doubloon));color:#2a1604;font-weight:800;font-family:var(--body);display:flex;align-items:center;justify-content:center}

.crewtalk__head{display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between;background:var(--timber-2);border:1px solid var(--rope);border-radius:10px;padding:18px 22px;margin-bottom:18px}
.crewtalk__score{display:flex;align-items:center;gap:12px}
.crewtalk__score b{font-size:34px;color:var(--doubloon-2);font-family:var(--serif)}
.rate{display:inline-flex;gap:2px}
.rate svg{width:18px;height:18px;fill:var(--doubloon)}
.crewtalk__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.say{background:var(--timber-2);border:1px solid var(--rope);border-radius:10px;padding:16px}
.say__top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.say__ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,var(--garnet-2),var(--garnet));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.say__meta span{display:block;font-weight:700;font-size:13.5px}
.say__meta small{color:var(--parchment-dim);font-size:11.5px}
.say p{margin:0;font-size:13.5px}

.asks__item{border:1px solid var(--rope);border-radius:10px;background:var(--timber-2);margin-bottom:10px;padding:6px 18px}
.asks__item h3{margin:12px 0}
.asks__item p{margin:0 0 12px}

.logmark{display:flex;align-items:center;gap:14px;background:var(--timber-2);border:1px solid var(--rope-2);border-radius:10px;padding:16px 20px;margin-bottom:26px}
.logmark svg{width:26px;height:26px;fill:var(--doubloon);flex:none}
.logmark b{color:var(--doubloon-2)}
.lead-in{color:var(--parchment-dim);font-size:14.5px;margin-bottom:12px}

.bilge{background:var(--timber);border-top:1px solid var(--rope);margin-top:20px}
.bilge__row{max-width:calc(var(--span) + var(--gap)*2);margin:0 auto;padding:40px var(--gap);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.bilge__brand img{height:42px;margin-bottom:14px}
.bilge__brand p{font-size:13.5px;color:var(--parchment-dim)}
.bilge__social{display:flex;gap:10px;margin-top:14px}
.bilge__social a{width:38px;height:38px;border-radius:8px;background:var(--timber-2);border:1px solid var(--rope);display:flex;align-items:center;justify-content:center}
.bilge__social a:hover{background:var(--timber-3);border-color:var(--rope-2)}
.bilge__social svg{width:19px;height:19px;fill:var(--parchment)}
.bilge__coltitle{font-family:var(--serif);font-weight:700;color:var(--doubloon-2);margin-bottom:12px;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.bilge__nav{list-style:none;margin:0;padding:0}
.bilge__nav li{margin-bottom:8px}
.bilge__nav .cast{color:var(--parchment-dim);font-size:13.5px}
.bilge__nav .cast:hover{color:var(--parchment)}
.bilge__app{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.store{display:inline-flex;align-items:center;gap:9px;background:var(--timber-2);border:1px solid var(--rope);border-radius:8px;padding:8px 14px;color:var(--parchment);font-size:12.5px;font-weight:700}
.store svg{width:20px;height:20px;fill:var(--doubloon)}
.store:hover{background:var(--timber-3)}
.bilge__pay{max-width:calc(var(--span) + var(--gap)*2);margin:0 auto;padding:20px var(--gap);display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;border-top:1px solid var(--rope)}
.bilge__pay .till{background:var(--board);border:1px solid #d7ccb7;border-radius:8px;height:40px;padding:6px 10px;display:flex;align-items:center}
.bilge__pay .till img{max-height:26px;width:auto}
.bilge__seals{max-width:calc(var(--span) + var(--gap)*2);margin:0 auto;padding:20px var(--gap);display:grid;grid-template-columns:repeat(4,auto);gap:22px;justify-content:center;align-items:center;border-top:1px solid var(--rope)}
.bilge__seals a,.bilge__seals .eighteen{display:flex;align-items:center;justify-content:center}
.bilge__seals img{max-height:44px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.eighteen{width:46px;height:46px;border-radius:50%;border:2px solid var(--parchment-dim);color:var(--parchment);font-weight:800;font-size:15px;font-family:var(--serif)}
.rules{max-width:calc(var(--span) + var(--gap)*2);margin:0 auto;padding:22px var(--gap);border-top:1px solid var(--rope);color:var(--parchment-dim);font-size:12px;line-height:1.7}
.rules p{margin:0 0 10px}
.bilge__bottom{border-top:1px solid var(--rope);text-align:center;padding:18px;color:var(--parchment-dim);font-size:12px}
.bilge__bottom p{margin:4px 0}

.haulup{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:10px;background:linear-gradient(180deg,var(--doubloon-2),var(--doubloon));color:#2a1604;border:0;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:55;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.haulup.on{display:flex}
.haulup svg{width:22px;height:22px;fill:#2a1604}

@keyframes surge{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(243,173,30,0)}50%{transform:scale(1.035);box-shadow:0 0 26px rgba(243,173,30,.45)}}
.surge{animation:surge 2.7s ease-in-out infinite;will-change:transform}
.surge:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.surge{animation:none}}

@media (max-width:1100px){
:root{--gap:24px}
.berth{position:fixed;top:var(--crest-h);left:0;right:0;background:var(--timber);border-bottom:1px solid var(--rope);flex-direction:column;align-items:stretch;gap:10px;padding:16px 24px;display:none}
.berth.open{display:flex}
.berth__list{flex-direction:column}
.hands{margin-left:0;flex-direction:column}
.wheel{display:flex}
.bilge__row{grid-template-columns:1fr 1fr}
.housegrid,.tellgrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
:root{--gap:24px}
.prow__title{font-size:33px}
h2{font-size:22px}
.weigh__grid,.crewtalk__grid{grid-template-columns:1fr}
.spoils{grid-template-columns:1fr 1fr}
.haul{grid-auto-columns:150px}
.bilge__seals{grid-template-columns:repeat(2,auto)}
}
@media (max-width:560px){
:root{--gap:16px}
.plank,.prow{padding:20px}
.housegrid,.tellgrid{grid-template-columns:repeat(2,1fr)}
.spoils{grid-template-columns:1fr}
.bilge__row{grid-template-columns:1fr}
.haul{grid-auto-columns:140px}
}
@media (max-width:380px){:root{--gap:13px}}