/* Colors drawn from the logo: ocean, cream stone, timber, and palm leaves. */
:root{--island-ink:#123e50;--island-muted:#426477;--island-cream:#fff3d3;--island-paper:#fffaf0;--island-border:#83bcb9}
body:not(.is-playing){color:#fff3d3;background:radial-gradient(ellipse at 85% 0%,#245b46,transparent 55%),linear-gradient(180deg,#16443b,#123a37 55%,#0e302e)}
body:not(.is-playing) .archipelHeader{background:#fff3d3f7;border-bottom:3px solid #e7b767;box-shadow:0 3px 18px #12617c12}.archipelNav a{color:#123e50}.archipelNav a:hover,.archipelNav a[aria-current]{background:#dbed9a;color:#244c24}.archipelNav a[data-nav=create]{background:#ffbc51;color:#4c2c12;box-shadow:0 3px 0 #c77a27}
.archipelHome .setupHeading,.destinationPage h1,.destinationPage h2,.editorTop h2{color:#fff3d3}.destinationPage .kicker,.editorTop .kicker{color:#eac477}.pageIntro,.heroCopy,.heroNote,.collectionHeading label,.archipelHome .homeFootnote,.editorTop p:last-child{color:#bfd5c6}
.archipelButton,.archipelHome #playSetup #golfLaunch .launch{background:linear-gradient(#ffc75b,#ffac35);color:#48280d;border-color:#ce7b24;box-shadow:0 4px 0 #a95d25}.archipelButton:hover,.archipelHome #playSetup #golfLaunch .launch:hover{background:linear-gradient(#ffd575,#ffb844)}.secondaryLink{color:#f3ce82}
.voyageHero{border:2px solid #e2a74a;box-shadow:0 14px 38px #061e284d;background:#123a37}.voyageHero:after{background: linear-gradient(
  90deg,
  #075985f5,
  #0284c7dc 28%,
  #38bdf833 63%,
  transparent 85%
)}.voyageCopy h1{color:#fff5d8}.voyageCopy h1 em{color:#ffbe4e}.voyageCopy .kicker{color:#ccec92}.voyageCopy p:not(.kicker){color:#fff4da}.voyageCopy small{color:#e1f4d5}.voyageCopy .secondaryLink{color:#ffe4a2}.voyageStart{box-shadow:0 5px 0 #a65b26,0 8px 26px #ffbb4f33}
.archipelHome .setupBar,.destinationPage .setupBar{background:#fff3d3;border:1px solid #debc7f;box-shadow:0 5px 0 #2a8c9c1a}#playSetup .setupGroup label{color:#526849}#playSetup select,#playSetup .axiePickerOpen{background:#fffaf0;color:#123e50;border:1px solid #a5c2b6}#playSetup .axiePickerOpen small{color:#426477}
.destinationCard,.courseCard,.adventureChapter,.profileCourse,.communityNotice{background:#fffaf0;color:#123e50;border:1px solid #83bcb9;box-shadow:0 5px 0 #168c9b22}.destinationCard:nth-child(2){background:#e5f2b5}.destinationCard:nth-child(3){background:#fff0c7}.destinationCard:nth-child(4){background:#dbf4fa}.destinationCard h2,.courseCard h3,.communityNotice h2,.emptyIsland h1,.emptyIsland h2,.mediaContact h2{color:#123e50}.destinationCard p,.courseCard p,.communityNotice p,.profileCourse small,.adventureChapter small{color:#426477}.destinationCard small,.courseCard small{color:#386324}.cardSymbol{color:#cf6521}.destinationCard:hover,.courseCard:hover,.adventureChapter:not(:disabled):hover{border-color:#1887a0;box-shadow:0 7px 0 #168c9b33}.statusPill{color:#67431d;border-color:#d0a168;background:#fff7df}.courseCard canvas{background:#c5eef0}.courseCard button{background:#ddedaa;border-color:#85ac57;color:#244919}.collectionHeading select{background:#fffaf0;color:#123e50;border-color:#75acb0}.adventureChapter:disabled{opacity:.65}.emptyIsland{background:radial-gradient(ellipse at top,#f1f7c8,#fff6df);color:#123e50;border-color:#91bdab}.emptyIsland p:not(.statusPill){color:#426477}
.mediaAbout{border-color:#80bdbd}.mediaAbout p:not(.kicker),.mediaIntro .pageIntro,.mediaDownloadNote{color:#bfd5c6}.mediaContact p:not(.kicker){color:#426477}.mediaContact .kicker,.emptyIsland .kicker{color:#8c4719}.emptyIsland .secondaryLink{color:#87501e}.mediaLogoPreview{background:radial-gradient(ellipse,#ffffffaa,transparent 72%)}.mediaFacts,.mediaAsset{background:#fffaf0;border-color:#83bcb9;color:#123e50}.mediaFacts>div{border-color:#c5d9c7}.mediaFacts dt,.mediaAsset p{color:#426477}.mediaFacts dd{color:#123e50}.mediaAssetPreview{background:#c6eff0}.fleetAsset{background:#e8f1bc}.mediaAsset a{color:#8d4818}.mediaContact{background:#fff0c9;border-color:#d7ad69}.mediaContact .secondaryLink{color:#84501c}
.siteFooter{background:#fff3d3f7;border-top:5px solid #9a622f;color:#4e3522;box-shadow:inset 0 1px 0 #ffe9b5}.footerBrand h2{color:#4e3522}.footerDescription,.footerCommunity p{color:#6b5038}.footerBrand p,.siteFooter h3{color:#87501e}.footerExplore a,.footerExplore button,.footerBottom a{color:#5a3d27}.footerExplore a:hover,.footerExplore button:hover,.footerBottom a:hover{color:#21543e;text-decoration:underline;text-underline-offset:4px}.footerBottom{border-color:#a77a494d;color:#70573f}.footerSocials a{background:#f8e6c2;border-color:#bb9565;color:#614326}.footerSocials a:hover{background:#123a37;color:#fff3d3;border-color:#123a37}
body:not(.is-playing) .editorToolbar,body:not(.is-playing) .editorWorkflow{background:#fff3d3;border-color:#cab782;color:#123e50}.editorToolbar label{color:#426477}.editorWorkflow input,.editorWorkflow select,.editorToolbar input,.editorToolbar select{background:#fffaf0;color:#123e50;border:1px solid #8caeaa;border-radius:7px}.editorWorkflow button,.editorToolbar button{background:#d9eaa9;color:#294b24;border:1px solid #90a965}.editorWorkflow .primary{background:#ffb94b;color:#4d2a11;border-color:#c68b34}#saveStatus,#publishingAccess{color:#5d501e}.editorTop .launch{background:#0c7489;color:#fff4d8}
body:not(.is-playing) a:focus-visible,body:not(.is-playing) button:focus-visible,body:not(.is-playing) select:focus-visible{outline:3px solid #d26724;outline-offset:4px}
@media(max-width:680px){.voyageHero:after{background:linear-gradient(90deg,#0c302af5,#123a37dc 28%,#245b4633 63%,transparent 85%)}}
/* Ocean artwork is scoped to the visible homepage, between header and footer. */
body:not(.is-playing) main:has(> #home:not(.hidden)) {
  background-color: #139bd2;
  background-image: linear-gradient(180deg, #123a3710, #123a3700 45%, #073c4938), url('/brand/homepage-background.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#home .setupHeading {
  color: #fff3d3;
  text-shadow: 0 2px 5px #123a37, 0 0 16px #123a37;
}
#home .homeFootnote {
  width: fit-content;
  padding: 8px 12px;
  border-radius: 10px;
  background: #123a37e6;
  color: #fff3d3;
}
body:has(#home:not(.hidden)) .siteFooter { margin-top: 0; }

#soundToggle{position:fixed;right:16px;bottom:16px;z-index:10000;border:1px solid #b69252;border-radius:24px;background:#fff3d3;color:#123a37;padding:10px 16px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #0003}#soundToggle,body.is-playing #soundToggle{left:16px;right:auto;bottom:16px;top:auto}

#multiplayerScreen button,#multiplayerScreen select,#multiplayerScreen input,#mpSocial button,#mpSocial input{padding:10px 14px;margin:5px;border-radius:10px;border:1px solid #bd9d5e;background:#fff3d3;color:#123a37}#mpPlayers{display:grid;gap:8px;padding:18px;background:#082526;border-radius:14px;margin:16px 0}#mpHud{position:absolute;top:70px;left:16px;right:16px;z-index:90;background:#082526e8;color:#fff3d3;border-radius:12px;padding:12px;pointer-events:none}#mpHud button{pointer-events:auto}#mpTimer{float:right;font-size:24px}#mpTimer.urgent{color:#ff6969}#mpScores{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin-top:8px}#mpSocial{background:#082526;color:#fff3d3;border-radius:14px;padding:12px;margin-top:20px}#mpMessages{max-height:220px;overflow:auto;overflow-wrap:anywhere}#mpSocial.mpFloating{position:fixed;bottom:16px;right:16px;width:min(380px,calc(100vw - 32px));z-index:500}#mpVoicePeers .speaking{outline:2px solid #b2ed77}#mpChat{display:flex}#mpText{min-width:0;flex:1}

.multiplayer-playing .gameScreen{grid-template-rows:auto auto minmax(0,1fr) auto;gap:4px}
.multiplayer-playing .hudStats,.multiplayer-playing .bottomHud .meterCard{display:none}
.multiplayer-playing #mpHud{position:static;width:min(1280px,100%);margin:0 auto;padding:8px 12px}
.multiplayer-playing .gameStage{height:min(720px,calc(100dvh - 245px),calc((100vw - 36px)*9/16));width:min(1280px,calc(100vw - 36px),calc((100dvh - 245px)*16/9))}
#mpChatToggle{border:1px solid #b69252;border-radius:8px;background:#fff3d3;color:#123a37;padding:5px 10px;cursor:pointer;margin-top:6px}
#mpMic.speaking{outline:2px solid #b2ed77}
@media(max-width:680px){#mpScores{font-size:11px;gap:5px 12px}#mpTurn{font-size:12px}.multiplayer-playing .gameStage{width:calc(100vw - 12px);height:calc((100vw - 12px)*9/16)}.multiplayer-playing #mpHud{padding:6px 8px}}

#multiplayerScreen #playSetup,#adventureScreen #playSetup{margin:0 0 24px}#multiplayerScreen #golfLevelWrap,#adventureScreen #golfLevelWrap,#multiplayerScreen #golfLaunch,#adventureScreen #golfLaunch{display:none!important}.creatorLocked{opacity:.65;cursor:not-allowed}.parcoursCard{background:#fff3d3;color:#123e50;padding:24px;border-radius:18px;display:grid;gap:12px}.parcoursCard h3{margin:0}.parcoursCard button,.parcoursCard select,.parcoursCard input,.parcoursCard textarea{font:inherit;padding:10px;border-radius:8px;border:1px solid #b79b64}.parcoursCard button{background:#ffbc51;color:#302b16;cursor:pointer}.parcoursCard summary{cursor:pointer}.parcoursCard ol{padding-left:22px}.parcoursCard textarea{width:100%;box-sizing:border-box}.parcoursCard form{display:grid;gap:10px}.parcoursActions{display:flex;gap:8px;flex-wrap:wrap}#parcoursManager{margin:30px 0}#adModalDesc{font-size:clamp(20px,3vw,30px);font-weight:800;color:#ffc65c;line-height:1.6}.editorWorkflow{align-self:start}body.editor-open #editorScreen{overflow:visible}body.editor-open .editorWorkflow{position:sticky;top:var(--site-header-height,100px);z-index:110}.profileCourse button{font:inherit;padding:10px;background:#ffbc51;border-radius:8px;border:0;cursor:pointer}

.parcoursScores{width:100%;border-collapse:collapse;margin-bottom:32px}.parcoursScores td{padding:14px;border-bottom:1px solid #8caa7255}.parcoursScores tr:first-child{color:#ffcf67;font-weight:800}

.editorWorkflowFields input,.editorWorkflowFields select{min-height:42px;padding:9px 12px;width:100%;font:inherit}.editorWorkflowActions button,.editorWorkflowActions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:9px;font:inherit;font-weight:700;text-decoration:none}.editorWorkflowActions a{color:#174d4a;background:#dfedc1}.editorWorkflowActions button:disabled{opacity:.45;cursor:not-allowed}.editorWorkflowFields #refreshDrafts{min-height:42px;min-width:42px}.editorWorkflow #saveStatus{font-weight:700}.editorWorkflowFields{align-items:end}.parcoursActions{margin-bottom:8px}.parcoursActions select{flex:1;min-width:120px}


#parcoursRankings{margin-bottom:54px;border:1px solid #e3be72;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #001e2433}.voyageRankingHero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(24px,5vw,56px);background:linear-gradient(90deg,#073638f5,#124831c9),url('/adventure/adventureArchipel.jpg') center/cover;color:#fff3d3}.voyageRankingHero h1{font-size:clamp(38px,5vw,64px);margin:14px 0;line-height:1.05}.voyageRankingHero h1 em{font-size:.65em;color:#f8cd78;font-style:normal}.voyageRankingHero p{max-width:430px;line-height:1.6}.voyagePrize{flex-shrink:0;text-align:center;display:grid;gap:12px;padding:30px;border:1px solid #f2cc72;border-radius:20px;background:#f9df9820}.voyagePrize small{letter-spacing:.18em;color:#f8db99}.voyagePrize strong{font-size:64px;color:#ffd67b}.voyagePrize strong span{font-size:28px}.voyagePrize>span{font-size:12px}.voyageRankingBody{background:#fff3d3;color:#173c39;padding:clamp(16px,3vw,32px)}.rankingRule{font-size:13px;color:#506a59;margin:0 0 22px}.voyagePodium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.voyagePlace{display:grid;gap:8px;padding:24px;border:1px solid #d7c69c;border-radius:16px;background:#fffaf0}.voyagePlace.place1{background:#ffe3a4;border-color:#c29339}.voyagePlace h2{font-size:22px;margin:2px 0;overflow-wrap:anywhere}.voyagePlace strong{font-size:26px}.voyagePlace small{font-weight:800;letter-spacing:.06em;color:#876024}.voyagePersonal{padding:15px;border-radius:12px;background:#dcebab;font-weight:700}.voyageTableWrap{overflow-x:auto}.voyageRankingBody .parcoursScores{margin:24px 0 0;min-width:460px}.voyageRankingBody .parcoursScores th{text-align:left;padding:14px;color:#536b50;font-size:12px;text-transform:uppercase}.voyageRankingBody .parcoursScores tr:first-child{color:inherit}.voyageRankingBody .myStanding{background:#e4edbb}.voyageRankEmpty{text-align:center;padding:36px 16px}.voyageRankEmpty h2{font-size:28px}@media(max-width:650px){.voyageRankingHero{flex-direction:column;align-items:stretch}.voyagePrize{padding:16px;gap:6px}.voyagePrize strong{font-size:42px}.voyagePodium{grid-template-columns:1fr}}
#coursesScreen #playSetup{margin:0 0 24px}
#coursesScreen #golfLevelWrap,#coursesScreen #golfLaunch{display:none!important}

.abilityTutorial{position:absolute;top:12px;left:12px;z-index:90;max-width:min(340px,calc(100% - 24px));padding:12px 16px;border:2px solid #f2d46a;border-radius:12px;background:rgba(6,27,29,.95);color:#fff8dc;font-size:14px;box-shadow:0 4px 20px #0005}
.abilityTutorial p{margin:6px 0 10px;line-height:1.4}.abilityTutorial button{padding:5px 12px;border-radius:8px;cursor:pointer}

.axieChoice.isCollectible,#playSetup .axiePickerOpen.isCollectible{border:3px solid #b67bf5!important;box-shadow:0 0 0 2px #f2d46a,0 0 16px #b67bf54d!important}
.axieChoice.isCollectible .collectibleBadge{color:#f2d46a;opacity:1;font-weight:800;font-size:11px;letter-spacing:.04em}
.collectibleAdventureSection{margin-top:36px;padding-top:24px;border-top:2px solid #b67bf5}.collectibleAdventureSection h2{margin:4px 0 8px}
