@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#08141b;--panel:#10232c;--line:#29404a;--muted:#92a7ad;--text:#e5edef;--gold:#e8ba72;--teal:#5bd6bd;--red:#f0847e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif}button,select{font:inherit;color:inherit;background:#162e38;border:1px solid #35505a;border-radius:4px;padding:10px 13px;cursor:pointer}button:hover{border-color:var(--gold);background:#203b45}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}header{height:78px;padding:0 34px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:13px;font:600 24px 'Barlow Condensed',sans-serif;letter-spacing:2px}.brand b{color:var(--gold);font-weight:500}.brandmark{font-size:32px;color:var(--gold)}.edition{font-size:11px;letter-spacing:1.7px;color:var(--muted)}.edition i{padding:0 8px;color:var(--gold)}header .quiet{margin-left:auto}.quiet{background:transparent;border-color:transparent;color:var(--muted)}kbd{font:11px Inter,sans-serif;color:#aab9bd;background:#243842;border:1px solid #3a4c54;border-radius:3px;padding:3px 5px;margin-left:5px}main{max-width:1600px;margin:auto;padding:0 28px}.matchbar{height:76px;display:flex;align-items:center;justify-content:center;gap:55px}.team{display:flex;align-items:center;gap:15px;letter-spacing:1.6px;font:600 17px 'Barlow Condensed',sans-serif}.team b{font:500 29px 'Barlow Condensed',sans-serif;margin:0 12px}.west{color:var(--teal)}.east{color:var(--red)}.clock{text-align:center;min-width:180px}.clock strong{font:500 25px 'Barlow Condensed',sans-serif;letter-spacing:2px}.clock span{display:block;font-size:10px;color:var(--gold);letter-spacing:1.5px;margin-top:3px}.battle{display:grid;grid-template-columns:minmax(0,1fr) 270px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.chart{position:relative;min-height:470px;height:calc(100vh - 340px);max-height:800px;background:#0c202b;overflow:hidden}#game{width:100%;height:100%;display:block;touch-action:none}.chartlabel{position:absolute;top:22px;left:24px;pointer-events:none}.chartlabel span{display:block;letter-spacing:2px;font:500 15px 'Barlow Condensed',sans-serif;color:#bad0d4}.chartlabel small{display:block;color:#829ba5;margin-top:7px;font-size:12px}.chartbottom{position:absolute;bottom:12px;left:20px;right:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.chartbottom span{color:#a9bcc2;font-size:12px;background:#08141bcc;padding:8px;border-radius:3px}.chartbottom button{pointer-events:auto;font-size:12px;background:#08141bcc}aside{padding:19px;background:#0d1c24;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.asidehead{font-size:11px;color:#b8c8cb;letter-spacing:1.4px;display:flex;justify-content:space-between}.asidehead span{color:var(--gold)}#minimap{width:100%;height:auto;aspect-ratio:1.6;border:1px solid #30444c;background:#102732;cursor:crosshair}.legend{display:flex;gap:14px;font-size:11px;color:var(--muted)}.allied{color:var(--teal)}.hostile{color:var(--red)}.objectives{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}.objectives>div:not(.meter){display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.objectives b{font-size:12px}.meter{height:4px;background:#243d46;margin:8px 0 15px}.meter i{display:block;width:100%;height:100%;background:var(--teal)}.meter.enemy i{background:var(--red)}.objectives p{font-size:12px;color:var(--gold);margin:0;line-height:1.6}.loghead{border-top:1px solid var(--line);padding-top:14px;font-size:11px;letter-spacing:1.5px;color:var(--muted)}#log{flex:1;min-height:45px;max-height:130px;overflow:hidden}#log p{font-size:12px;line-height:1.5;color:#a2b7be;margin:0 0 8px}#log time{color:var(--gold);margin-right:7px}.asidebuttons{display:grid;gap:7px}.asidebuttons button{display:flex;justify-content:space-between;font-size:12px;padding:8px 10px}.hud{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:#10232c;border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px}.heroPanel{display:flex;align-items:center;gap:15px;min-width:235px}.heroPanel>div:last-child{flex:1}.heroGlyph{display:grid;place-items:center;flex-shrink:0;width:62px;height:70px;border:1px solid var(--gold);background:#28424a;color:var(--gold);font:600 26px Georgia,serif;clip-path:polygon(0 0,100% 0,100% 84%,50% 100%,0 84%)}h2{font:600 22px 'Barlow Condensed',sans-serif;letter-spacing:.5px;margin:5px 0 9px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--gold)}.resource{position:relative;height:16px;background:#071a23;min-width:155px;margin-top:4px}.resource i{position:absolute;inset:0 auto 0 0;width:100%;background:#258b78}.resource.mana i{background:#366d99}.resource span{position:relative;display:block;text-align:center;font-size:10px;line-height:16px;color:white}.abilities{display:flex;gap:10px}.ability{width:77px;height:77px;position:relative;padding:7px 4px;background:#132d38;border-color:#3e5862}.ability .key{position:absolute;top:5px;left:7px;color:var(--gold);font:600 12px Inter}.ability .icon{display:block;font:26px Georgia;line-height:30px;margin-top:5px;color:#c2dce0}.ability .name{font-size:9px;line-height:12px;display:block;color:#b2c8cc}.ability .cd{position:absolute;inset:0;background:#07141bdb;display:grid;place-items:center;font:600 25px 'Barlow Condensed';color:var(--gold)}.ability .cd:empty{display:none}.ability.selected{border:2px solid var(--gold);box-shadow:0 0 18px #e8ba7230}.supplies{display:grid;gap:7px;min-width:110px}.supplies>b{color:var(--gold);font-size:19px}.supplies>span{color:var(--muted);font-size:12px}.supplies button{padding:5px 8px;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;color:#8199a3;font-size:11px}footer b{color:#b3c7cd;font-size:10px;margin-left:15px}footer b:first-child{margin-left:0}footer>div{display:flex;align-items:center;gap:10px}footer button,footer select{font-size:11px;padding:6px 8px;background:transparent}footer label{white-space:nowrap}dialog{border:1px solid #50606a;border-radius:8px;background:#10242e;color:var(--text);box-shadow:0 35px 160px #000b;padding:32px;width:min(870px,95vw);max-height:94vh}dialog::backdrop{background:#041018c9;backdrop-filter:blur(6px)}.dialogtop{display:flex;align-items:center;justify-content:space-between}.version{font-size:10px;letter-spacing:1.5px;color:var(--muted)}h1{font:500 46px 'Barlow Condensed',sans-serif;letter-spacing:.5px;margin:15px 0 5px}.intro{color:#a4b9c1;margin:0 0 25px;font-size:14px}.roster{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.captain{padding:14px 7px;text-align:left;min-height:118px;background:#162f3b;border-color:#314954}.captain.active{border-color:var(--gold);background:#33413e}.captain .sigil{display:block;font:500 28px Georgia,serif;color:#97b9c3;margin-bottom:17px}.captain.active .sigil{color:var(--gold)}.captain strong{font:500 17px 'Barlow Condensed',sans-serif;display:block;white-space:nowrap}.captain small{display:block;font-size:9px;margin-top:5px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.heroDetail{padding:18px 0;min-height:105px;line-height:1.6;border-bottom:1px solid var(--line)}.heroDetail b{color:var(--gold)}.heroDetail p{margin:5px 0 0;font-size:13px;color:#a4bbc3}.draftoptions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:20px}.draftoptions label{font-size:11px;color:var(--muted)}.draftoptions select{display:block;width:100%;margin-top:8px;padding:11px 9px;font-size:13px}.draftbottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.draftbottom p{font-size:12px;line-height:1.8;color:#c7d6db}.draftbottom small{font-size:11px;color:var(--muted)}.primary{background:var(--gold);border-color:var(--gold);color:#162630;padding:15px 28px;font-weight:700}.primary:hover{background:#f6cc8d}.primary span{margin-left:22px}details{border-top:1px solid var(--line);margin-top:16px;padding-top:13px;font-size:11px;color:#8da7b1;line-height:1.6}summary{cursor:pointer}a{color:var(--gold)}#banner{position:absolute;top:75px;left:15%;right:15%;text-align:center;color:var(--gold);font:500 24px 'Barlow Condensed';pointer-events:none;text-shadow:0 3px 8px black}#toast{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);background:#152b35f0;border:1px solid #8b794e;padding:12px 20px;border-radius:5px;white-space:nowrap;display:none;font-size:13px}.panelhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panelhead h2{font-size:30px}.panelhead button{background:transparent}.shopgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.item{padding:14px;border:1px solid var(--line);background:#132d37}.item b{display:block;color:var(--gold);font-size:13px}.item p{font-size:12px;color:var(--muted);min-height:30px}.item button{font-size:12px;width:100%}.inventory{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.inventory button{font-size:12px}.panelnote{color:var(--muted);font-size:13px;line-height:1.8}.helpgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.helpgrid h3{color:var(--gold);font-size:15px}.helpgrid p{font-size:14px;color:#aec1c7;line-height:1.8}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted)}.result{text-align:center;padding:20px}.result h1{color:var(--gold)}.resultstats{display:flex;justify-content:center;gap:45px;margin:30px}.resultstats b{display:block;font-size:28px;color:var(--gold)}.resultstats span{font-size:12px;color:var(--muted)}@media(min-width:1500px){.chart{min-height:560px}}@media(max-width:1050px){main{padding:0 15px}.battle{grid-template-columns:minmax(0,1fr) 220px}aside{padding:13px}.hud{gap:12px;padding:15px}.heroPanel{min-width:200px}.heroGlyph{width:45px}.ability{width:62px}.abilities{gap:6px}header{padding:0 20px}.edition{display:none}footer>span{max-width:45%;line-height:1.8}}@media(max-width:760px){header{height:60px;padding:0 12px}.brand{font-size:18px;gap:6px;letter-spacing:1px}.brandmark{font-size:24px}header .quiet{font-size:11px;padding:5px}main{padding:0 8px}.matchbar{height:62px;gap:10px}.team{font-size:12px;letter-spacing:.2px;gap:3px}.team b{font-size:23px;margin:0 4px}.clock{min-width:120px}.clock span{font-size:8px}.battle{display:block}.chart{height:53vh;min-height:330px}aside{display:none}.chartlabel{top:12px;left:12px}.chartlabel small{max-width:200px;font-size:10px}.chartbottom{left:8px;bottom:7px}.chartbottom span{max-width:58%;font-size:10px}.chartbottom button{font-size:10px;padding:4px}.chartbottom kbd{display:none}.hud{flex-wrap:wrap;padding:12px;gap:12px}.heroPanel{min-width:0;flex:1}.heroPanel h2{font-size:19px}.heroGlyph{height:54px}.heroPanel .eyebrow{font-size:8px}.resource{min-width:100px}.abilities{order:3;width:100%;justify-content:center}.ability{width:23%;height:64px}.ability .name{font-size:10px}.supplies{min-width:90px}.supplies>b{font-size:16px}footer{align-items:flex-start;padding:10px 0;gap:5px}footer>span{display:none}footer>div{width:100%;justify-content:space-between}dialog{padding:21px}h1{font-size:36px}.version{display:none}.roster{grid-template-columns:repeat(3,1fr)}.captain{min-height:90px;padding:10px}.captain .sigil{font-size:22px;margin-bottom:10px}.heroDetail{min-height:0}.draftoptions{grid-template-columns:1fr;gap:10px}.draftoptions label{display:flex;align-items:center;justify-content:space-between}.draftoptions select{width:60%;margin:0}.draftbottom{gap:10px}.draftbottom p{font-size:10px}.primary{padding:13px 16px;white-space:nowrap}.primary span{margin-left:5px}.shopgrid{grid-template-columns:1fr 1fr}.helpgrid{grid-template-columns:1fr}td,th{padding:9px 4px;font-size:11px}#banner{left:5%;right:5%;font-size:21px}}
/* Keep the active play controls readable at a glance. */
.intro{font-size:16px}.ability{width:84px;height:80px}.ability .name{font-size:12px;line-height:15px}.asidebuttons button{font-size:14px}.heroDetail p{font-size:14px}.draftoptions label{font-size:14px}.draftoptions select{font-size:14px}.panelnote{font-size:14px}.item b{font-size:14px}.item p,.item button{font-size:14px}.captain small{font-size:11px}.resource span{font-size:12px}.supplies button{font-size:14px}@media(max-width:1100px){.ability{width:66px}.ability .name{font-size:11px}.hud{gap:10px}}@media(max-width:760px){.ability{width:23%;height:68px}.ability .name{font-size:12px}.draftoptions label{font-size:12px}.heroDetail p{font-size:13px}}
.playmodes{display:flex;align-items:center;gap:18px;margin:22px 0}.playmodes span{color:var(--muted);font-size:14px}#crew{width:min(1080px,96vw)}.namefield{display:block;font-size:14px;color:var(--muted);margin:22px 0}input{display:block;background:#0b1d26;color:var(--text);border:1px solid #3c5661;border-radius:4px;font:16px Inter,system-ui,sans-serif;padding:12px 14px;width:100%;margin:8px 0}input:focus{outline:2px solid var(--gold);outline-offset:2px}.namefield input{max-width:360px}.roomEntry{display:grid;grid-template-columns:1fr 1fr;gap:20px}.roomEntry section{padding:24px;background:#132e3a;border:1px solid var(--line);border-radius:6px}.roomEntry h2{font-size:30px;margin-top:12px}.roomEntry p{font-size:16px;color:var(--muted);line-height:1.7;max-width:320px}.roomEntry label{font-size:14px}.roomEntry button{margin-top:10px}.roomEntry input{letter-spacing:3px;font-family:monospace;font-size:21px;text-transform:uppercase}.timeline{display:flex;gap:20px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted)}.timeline b{color:var(--gold);margin-right:8px}.crewError{color:#ffada6;min-height:22px;font-size:14px;margin:12px 0;line-height:1.6}.crewHeading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px}.crewHeading h1{font-size:38px}.invite{display:flex;align-items:center;gap:20px;margin:18px 0}.invite>span{font:600 28px 'Barlow Condensed',monospace;letter-spacing:5px;color:var(--gold)}.invite button{font-size:14px;padding:8px 12px}.countdown{text-align:center;min-width:145px;border:1px solid #786949;padding:14px;background:#253434;border-radius:6px}.countdown strong{display:block;font:500 55px 'Barlow Condensed',sans-serif;color:var(--gold)}.countdown span{display:block;font-size:12px;letter-spacing:1px;margin-top:6px}.crewSummary{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:15px 0;font-size:14px}.crewSummary>span:nth-child(2){color:var(--muted)}.crewSummary button{margin-left:auto;padding:10px 16px}.crewList{display:grid;grid-template-columns:1fr 1fr;gap:18px}.crewList section{background:#0c1f28;border:1px solid var(--line);padding:10px 15px;border-radius:5px}.crewList h3{font:500 17px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;margin:3px 0 12px}.crewSeat{display:grid;grid-template-columns:105px 1fr;gap:3px 10px;padding:8px 0;border-top:1px solid #29404a70}.crewSeat>span{grid-row:span 2;color:var(--muted);font-size:12px;align-self:center}.crewSeat b{font-size:14px;font-weight:500;overflow-wrap:anywhere}.crewSeat small{font-size:12px;color:var(--muted)}.emptySeat{color:#728e99}.choiceHeader{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.choiceHeader h2{font-size:26px}.choiceHeader span{font-size:13px;color:var(--gold)}.crewOptions{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin:6px 0 18px}.crewOptions label{font-size:13px;color:var(--muted)}.crewOptions select{display:block;width:100%;margin-top:6px;font-size:14px}.crewOptions button{height:40px}.crewRoster{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.crewCaptain{text-align:left;display:flex;flex-direction:column;gap:6px;padding:12px;min-height:114px}.crewCaptain>span{font:22px Georgia,serif;color:#a9c9d1}.crewCaptain b{font:500 16px 'Barlow Condensed',sans-serif}.crewCaptain small{font-size:12px;color:var(--muted)}.crewCaptain.chosen{border-color:var(--gold);background:#35423c}.crewCaptain.chosen>span{color:var(--gold)}.crewCaptain:disabled:not(.chosen){opacity:.38}.leaveActions{display:flex;gap:15px;margin-top:20px}@media(max-width:760px){.roomEntry{grid-template-columns:1fr}.roomEntry section{padding:18px}.crewHeading{align-items:flex-start}.crewHeading h1{font-size:28px}.countdown{min-width:90px;padding:10px}.countdown strong{font-size:40px}.countdown span{font-size:10px}.invite{flex-wrap:wrap;gap:8px}.invite>span{font-size:23px}.crewSummary{flex-wrap:wrap;gap:10px;font-size:12px}.crewSummary button{margin-left:0}.crewList{grid-template-columns:1fr}.crewSeat{grid-template-columns:95px 1fr}.crewOptions{grid-template-columns:1fr 1fr}.crewRoster{grid-template-columns:repeat(3,1fr)}.crewCaptain{padding:10px;min-height:105px}.timeline{gap:10px;flex-wrap:wrap;font-size:12px}.playmodes{flex-wrap:wrap}.choiceHeader{align-items:flex-start;gap:10px}.choiceHeader span{max-width:60%;text-align:right}}
.roomEntry.invite-only{grid-template-columns:1fr;max-width:560px}
.connection-status{font-size:12px;color:var(--teal);letter-spacing:.8px;margin-left:auto;white-space:nowrap}header:has(.connection-status:not([hidden])) .quiet{margin-left:0}@media(max-width:760px){.connection-status{font-size:10px;letter-spacing:0}header:has(.connection-status:not([hidden])) .brand b{display:none}}
#crew[open]{display:flex;flex-direction:column}#crewContent{min-height:0;overflow-y:auto;padding-right:6px}#crewStartBar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #59624f;margin-top:16px;padding-top:18px;background:var(--panel)}#crewStartBar[hidden]{display:none}#crewStartBar strong{font-size:16px;color:var(--gold)}#crewStartBar p{font-size:14px;line-height:1.6;color:var(--muted);margin:5px 0 0}#crewStartBar button{flex-shrink:0;font-size:16px}@media(max-width:760px){#crewStartBar{flex-direction:column;align-items:stretch;gap:10px;padding-top:13px}#crewStartBar p{font-size:13px}#crewStartBar button{width:100%}}
.waitingTitle{font-size:22px;margin:8px 0 12px}.waitingPlayer{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.waitingGlyph{display:grid;place-items:center;flex-shrink:0;width:46px;height:52px;border:1px solid #698878;color:var(--gold);font:22px Georgia,serif;background:#223b40}.waitingPlayer b{display:block;font-size:14px;color:var(--text)}.waitingPlayer strong{display:block;font-size:16px;color:var(--gold);margin:5px 0}.waitingPlayer small{font-size:13px;color:var(--muted)}.botSeats{color:var(--muted);font-size:13px;margin:8px 0}

.captainPortrait{display:block;width:100%;height:100%;min-width:32px;min-height:32px;background-image:url('captains.webp');background-size:600% 400%;background-repeat:no-repeat;border-radius:inherit}.sigil .captainPortrait{width:64px;height:64px}.crewCaptain>span{display:block;width:64px;height:64px;margin:auto}.heroGlyph{overflow:hidden}.waitingGlyph{display:block;width:48px;height:48px;flex-shrink:0;overflow:hidden}#minimap{touch-action:none;cursor:crosshair}

.gameIcon{display:inline-block;width:36px;height:36px;flex:0 0 auto;vertical-align:middle;margin-right:8px;background-image:url('game-icons.webp');background-size:800% 800%;background-repeat:no-repeat;border-radius:7px}.gearArt{display:block;width:76px;height:76px;margin:0 0 10px}.recipeArt{width:24px;height:24px;margin:3px}.ability .icon .gameIcon{width:44px;height:44px;margin:0}.inventory button{white-space:normal;text-align:left}button:not(.ability):not(.captain):not(.crewCaptain)::before{content:'';display:inline-block;width:24px;height:24px;margin-right:7px;vertical-align:middle;background-image:url('game-icons.webp');background-size:800% 800%;background-position:var(--action-position,0% 85.714286%);border-radius:4px}button:disabled::before,button:disabled .gameIcon{filter:grayscale(.8)}
[data-buy]{--action-position:71.42857142857143% 71.42857142857143%;}
[data-sell]{--action-position:85.71428571428571% 71.42857142857143%;}
[data-action="upgrade"]{--action-position:100.0% 71.42857142857143%;}
#startBtn,#beginQueue,#againBtn{--action-position:0.0% 85.71428571428571%;}
#joinRoom,#createRoom{--action-position:14.285714285714286% 85.71428571428571%;}
#friendsBtn{--action-position:28.571428571428573% 85.71428571428571%;}
#copyInvite{--action-position:42.857142857142854% 85.71428571428571%;}
#lockHero{--action-position:57.142857142857146% 85.71428571428571%;}
#pauseBtn{--action-position:85.71428571428571% 85.71428571428571%;}
#cameraBtn{--action-position:0.0% 100.0%;}
#recallBtn{--action-position:14.285714285714286% 100.0%;}
#shopBtn{--action-position:28.571428571428573% 100.0%;}
#scoreBtn{--action-position:42.857142857142854% 100.0%;}
#helpBtn{--action-position:57.142857142857146% 100.0%;}
#leaveLobby,#leaveNow,#restartBtn{--action-position:71.42857142857143% 100.0%;}
#closePanel{--action-position:85.71428571428571% 100.0%;}
#backSolo,#stayCrew{--action-position:100.0% 100.0%;}

/* Brass fittings and dark timber keep the nautical interface readable. */
:root{--line:#655138;--gold:#e8bd77;--panel:#132329}body{background:radial-gradient(ellipse at top,#19343a,#071218 70%)}header{border-bottom:3px double #96764a;background:linear-gradient(90deg,#10262bf2,#211b16eb),url('harbors.webp') left top/200% 200%;box-shadow:0 4px 16px #0008}.brand{font-family:Georgia,serif;letter-spacing:1px}.brandmark{filter:drop-shadow(0 2px 2px #000)}.chart,aside,.hud{border:3px double #856b45;box-shadow:inset 0 0 0 2px #0a1519,0 4px 14px #0006}.chartlabel,.asidehead,.loghead,.panelhead{background:linear-gradient(90deg,#3a2b1b,#172b30);border-bottom:1px solid #947344;color:#edcc91}.chartlabel{padding:10px 14px}.hud,aside,footer{background:linear-gradient(110deg,#14282bf5,#231e18f2),url('harbors.webp') left top/200% 200%}dialog{border:3px double #b28b52;background:linear-gradient(125deg,#10252af8,#271f17f5),url('harbors.webp') left top/200% 200%;box-shadow:0 20px 80px #000b,inset 0 0 0 4px #0b161c}dialog h1,dialog h2{font-family:Georgia,serif;color:#f1d5a0}.eyebrow{color:#c9a76c;letter-spacing:.14em}button,select{border-color:#77613e;background:linear-gradient(#304349,#15282f);box-shadow:inset 0 1px #d5b67c28,0 2px 3px #0004}button:hover{border-color:#eac181;background:linear-gradient(#3e5559,#233d43)}button.primary{border:1px solid #f2d098;background:linear-gradient(#e4bf80,#b98342);color:#241b12;box-shadow:inset 0 1px #fff6,0 3px 8px #0006}.item{border:1px solid #715a3b;background:linear-gradient(135deg,#1a3034,#172124);box-shadow:inset 0 0 0 3px #0b1b2066}.captain,.crewCaptain{border-color:#705a3c}.captain.active,.crewCaptain.chosen{border-color:#f4d49a;box-shadow:inset 0 0 0 1px #c09554,0 0 12px #c49c4033}#minimap{border:3px double #ac8752;border-radius:5px}.resource,.meter{border:1px solid #6b6046}kbd{border-color:#826944;color:#ebd1a4;background:#292d28}.crewStartBar,#crewStartBar{border-top:3px double #a17d46}button:disabled{box-shadow:none}@media(max-width:700px){header{padding:0 12px}.brand{font-size:19px}.chartlabel{padding:7px}.chart,aside,.hud{border-width:2px}}

#treasureCelebration{display:block;width:min(100%,560px);height:auto;max-height:230px;object-fit:contain;margin:0 auto;pointer-events:none}.result h1{margin-top:.35rem}

.voyage-result{max-width:780px;margin:auto}.result-scene{position:relative;overflow:hidden;min-height:230px;background:radial-gradient(ellipse at 50% 65%,#8c6024,#14282b 70%);border:1px solid #aa8549}.result-scene img{display:block;width:100%;height:260px;object-fit:cover}.result-scene #treasureCelebration{max-height:260px}.scene-caption{position:absolute;bottom:0;left:0;right:0;padding:12px;text-align:center;color:#ffe4a8;background:linear-gradient(transparent,#06151beb);font:700 20px Georgia;letter-spacing:.13em}.bounty-poster{position:relative;padding:28px clamp(15px,4vw,38px);background:radial-gradient(ellipse at center,#ead7aa,#c8a66b);color:#322315;border:7px double #755132;box-shadow:inset 0 0 35px #75513266;text-align:center}.bounty-poster h1{font:900 clamp(32px,7vw,58px)/1.05 Georgia,serif;letter-spacing:.07em;color:#392518;margin:14px 0;border-block:3px double #735334;padding:12px 0}.poster-kicker{font:700 12px Georgia;letter-spacing:.13em}.poster-verdict{font:16px/1.5 Georgia}.poster-captain{display:flex;flex-direction:column;align-items:center;gap:6px;margin:20px 0}.poster-captain .captainPortrait{width:76px;height:76px;border:3px double #6c4b2d}.poster-captain strong{font:700 23px Georgia}.poster-captain>span:last-child{font-size:14px}.poster-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-block:1px solid #856440;padding:12px 0;gap:12px}.poster-score>span{font:700 16px Georgia}.poster-score b{display:block;font:700 38px Georgia}.poster-score small{font-size:12px}.poster-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.poster-stats span{font-size:12px}.poster-stats b{display:block;font:700 22px Georgia;margin-bottom:6px}.bounty-poster button{margin-top:18px;width:min(100%,330px)}.poster-note{font-size:12px;margin:16px 0 0}.crew-ledger{text-align:left;border-block:1px solid #856440;padding:12px 0}.crew-ledger summary{cursor:pointer;font:700 16px Georgia}.crew-ledger h3{font:700 16px Georgia;color:inherit;margin:20px 0 8px}.ledger-scroll{overflow-x:auto}.crew-ledger table{width:100%;border-collapse:collapse;font-size:14px}.crew-ledger th,.crew-ledger td{padding:8px 6px;border-bottom:1px solid #92724960;text-align:left;white-space:nowrap}.crew-ledger thead{font-size:12px}.your-result{background:#8d623026}.result-defeat .result-scene{background:#061e2c}.result-defeat .scene-caption{color:#b5e8e2}.result-defeat .bounty-poster{background:radial-gradient(ellipse at center,#b8c3ae,#728d87);color:#132e31;border-color:#315356;box-shadow:inset 0 0 35px #143c4466}.result-defeat .bounty-poster h1{color:#173b40;border-color:#315356}.result-defeat .poster-score,.result-defeat .crew-ledger{border-color:#486b68}@media(max-width:600px){.result-scene img{height:210px}.result-scene{min-height:210px}.poster-stats b{font-size:18px}.poster-score{gap:7px}.poster-score>span{font-size:14px}.scene-caption{font-size:16px}}
.pirate-home{max-width:1000px;width:92vw;min-height:min(650px,85vh);background:linear-gradient(90deg,#061822ed,#0c242b77),url('pirate-ocean.webp') center/cover;border:2px solid #bf9355;box-shadow:inset 0 0 0 7px #0a202b,inset 0 0 0 9px #8c673a,0 28px 90px #000b}.home-inner{padding:clamp(28px,6vw,70px);max-width:650px}.home-inner h1{font:700 clamp(42px,7vw,84px)/1.03 Georgia,serif;color:#f1d29a;text-shadow:0 4px 12px #000;margin:28px 0}.home-inner p{font-size:18px;line-height:1.6}.home-actions{display:grid;gap:12px;max-width:340px;margin:32px 0}.home-actions button{min-height:52px}.reconnect-overlay{position:fixed;inset:0;background:#061822b8;backdrop-filter:blur(4px);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center}.reconnect-overlay[hidden]{display:none}.reconnect-overlay strong{font:30px Georgia;color:#f1d29a}.settings-grid{display:grid;gap:22px;padding:20px 0}.settings-grid label{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-grid input[type=checkbox]{width:24px;height:24px}.settings-grid input[type=range]{max-width:220px}.waitingPlayer{border-bottom:3px solid #b58c5040;background:linear-gradient(180deg,#2b494952,#0b1a22);min-height:95px}.waitingGlyph{filter:drop-shadow(0 6px 5px #0008)}#loadingControls:not([hidden]){padding:18px;border:1px solid #b58c50;background:#102b34;margin:18px 0}html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{animation:none!important;scroll-behavior:auto!important}#networkDetails{overflow-wrap:anywhere;line-height:1.8}
@media(max-width:600px){.settings-grid label{align-items:flex-start;flex-direction:column}.pirate-home{min-height:70vh}.home-inner{padding:28px 12px}.home-actions{max-width:none}}
#touchControls{position:fixed;left:22px;right:22px;bottom:150px;z-index:20;display:flex;justify-content:space-between;pointer-events:none}#touchControls[hidden]{display:none}.stick-pad{width:112px;height:112px;border-radius:50%;border:2px solid #c39d5eaa;background:#081d2bb8;box-shadow:inset 0 0 18px #0008;position:relative;pointer-events:auto;touch-action:none;user-select:none}.stick-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;border-radius:50%;background:#c39d5e99;border:2px solid #f1d09a;transform:translate(-50%,-50%);pointer-events:none}.stick-pad b{position:absolute;top:100%;left:0;right:0;text-align:center;font-size:12px;color:#f1d09a;text-shadow:0 2px 3px #000;pointer-events:none}.tutorial-copy{font-size:18px;line-height:1.7;max-width:650px}.tutorial-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-height:520px){#touchControls{bottom:115px}.stick-pad{width:90px;height:90px}}@media(max-width:600px){#touchControls{bottom:175px;left:12px;right:12px}.stick-pad{width:96px;height:96px}}