@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#173f48;color:#fff3d9;font:14px 'DM Sans',sans-serif;overflow:hidden;touch-action:none}#world,canvas.scene,.vignette{position:fixed;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(180deg,#05243570,transparent 23%,transparent 70%,#061f32a0)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #f5e8c333;background:#12333ee0;padding:12px 18px;border-radius:5px;backdrop-filter:blur(10px)}button:hover{background:#30535a}button:disabled{cursor:default;opacity:.4}button:focus-visible{outline:2px solid #eccb81;outline-offset:3px}header{position:absolute;left:34px;right:34px;top:24px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 26px 'Space Grotesk';letter-spacing:4px;color:inherit;text-decoration:none}.brand small{display:block;font:8px 'DM Sans';letter-spacing:3.5px;margin:5px 0 0 31px}.location{text-align:center;font-size:10px;letter-spacing:2px}.location small{display:block;font-size:8px;opacity:.7;margin-top:7px}.location b{font-weight:400}.headerActions{display:flex;gap:8px}.headerActions button{font-size:10px;border-radius:30px;padding:10px 15px}.stats{position:absolute;left:34px;top:130px;width:225px;pointer-events:none;filter:drop-shadow(0 1px 7px #062f39)}.stats>div{margin-bottom:23px}.stats small,.quest>small{display:block;font-size:8px;letter-spacing:1.7px;color:#d1e2dc;margin-bottom:8px}.stats strong{font:500 29px 'Space Grotesk';color:#f6d88d}.stats em{font-size:9px;font-style:normal;letter-spacing:1px}.stats span{font-size:12px}.stats strong span{font-size:29px}.bar{height:3px;background:#ffffff25;margin:12px 0 8px}.bar i{display:block;height:100%;width:0;background:#d6e6ae}.stats #shiplabel{font-size:8px;letter-spacing:1px}.intro{position:absolute;left:34px;bottom:100px;transition:opacity .35s,visibility .35s;text-shadow:0 2px 30px #052a37}.eyebrow{font-size:9px;letter-spacing:2px;color:#f3d48f}h1{font:500 clamp(38px,4vw,60px)/1.04 'Space Grotesk';letter-spacing:-2.8px;margin:17px 0}p{line-height:1.8;color:#e1e8dfc9;font-size:12px}.primary{background:#edcd88;color:#1e3537;border:0;min-width:190px;font-weight:700;margin-top:13px;text-shadow:none}.primary:hover{background:#ffe5a8}.primary b{margin-left:22px}.hint{display:block;font-size:9px;color:#e1e8dfb0;margin-top:14px}.quest{position:absolute;right:34px;top:130px;width:240px;padding:21px;background:#0c2c39d9;border:1px solid #f7edcf25;border-radius:6px;backdrop-filter:blur(12px)}.quest small span{float:right;color:#edcd88}.quest h3{font:500 20px/1.25 'Space Grotesk';margin:18px 0 10px}.quest button{border:0;border-top:1px solid #ffffff22;background:none;padding:14px 0 0;width:100%;text-align:left;font-size:10px;color:#f2d18e}#objectiveNav{position:absolute;top:96px;left:50%;transform:translateX(-50%);align-items:center;gap:10px;background:#0c303bc9;border:1px solid #eed9a333;border-radius:30px;padding:9px 18px;display:flex}#objectiveArrow{font-size:28px;color:#f1cf83;display:block;line-height:1}#objectiveNav small{display:block;letter-spacing:1.3px;font-size:7px;color:#b9cec7}#objectiveNav b{font:500 15px 'Space Grotesk'}.compass{position:absolute;right:245px;bottom:100px;text-align:center}.compass span{display:block;font-size:9px;color:#eed397}.compass b{font-size:42px;font-weight:400;display:block;line-height:1.1}.compass small{font-size:8px}#map{position:absolute;right:34px;bottom:80px;width:170px;height:170px;border-radius:50%;border:1px solid #d0dcbd70;box-shadow:0 0 0 6px #0c344740,0 0 0 7px #d0dcbd25}.maplabel{position:absolute;bottom:55px;right:34px;width:170px;font-size:7px;letter-spacing:1px}.maplabel b{font-weight:400}.maplabel span{float:right}footer{position:absolute;bottom:18px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#dfebe2b0;gap:16px}kbd{display:inline-block;padding:5px 7px;border:1px solid #ffffff38;border-radius:3px;font:8px 'DM Sans';color:#fff5df;margin-right:3px}footer i{margin:0 6px}footer button{padding:7px 12px;font-size:9px}#toast{position:absolute;left:50%;top:166px;transform:translateX(-50%);background:#0b303eea;border:1px solid #edcd8866;border-radius:5px;padding:12px 22px;opacity:0;transition:.3s;pointer-events:none;font-size:12px;max-width:70vw;text-align:center}#context{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);font-size:11px;background:#0c303ded;border:1px solid #ffe4aa33;border-radius:5px;padding:12px 22px;display:none;max-width:65vw;text-align:center}#workProgress{display:none;position:absolute;bottom:77px;left:50%;transform:translateX(-50%);width:220px;height:3px;background:#ffffff33}#workProgress i{display:block;height:100%;background:#edcd88}dialog{background:#102e3a;color:#fff3db;border:1px solid #e9d5a755;border-radius:10px;width:560px;max-width:92vw;max-height:86vh;overflow:auto;padding:32px;box-shadow:0 20px 100px #0009;touch-action:pan-y}dialog::backdrop{background:#031a2c88;backdrop-filter:blur(5px)}dialog h2{font:500 28px 'Space Grotesk';letter-spacing:-1px}dialog small{letter-spacing:2px;color:#edcd88;font-size:8px}#close{position:absolute;right:12px;top:10px;padding:4px 10px;border:0;font-size:24px;background:none}.card{padding:16px 0;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:15px}.card h4{margin:0 0 6px;font-size:13px}.card p{font-size:11px;margin:0;max-width:330px;line-height:1.7}.card button{font-size:10px;white-space:nowrap;color:#edcd88;padding:10px 12px}.card small{display:block;margin-top:8px}.playing .intro{opacity:0;visibility:hidden;pointer-events:none}.mobile{display:none}#map.large{width:min(78vh,700px);height:min(78vh,700px);max-width:88vw;max-height:88vw;right:50%;bottom:50%;transform:translate(50%,50%);border-radius:10px;z-index:20;background:#113c48;box-shadow:0 0 0 100vmax #061d2bd9}#chartClose{display:none;position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:21;font-size:11px}.playing .stats .reputation{display:none}.playing .stats{width:200px}
@media(max-width:800px){header{left:18px;right:18px;top:18px}.brand{font-size:20px}.brand small{font-size:6px;letter-spacing:2.5px;margin-left:25px}.location{display:none}.headerActions button{padding:8px 11px}.headerActions button span{display:none}.stats{left:18px;top:103px;width:140px}.stats>div{margin-bottom:16px}.stats strong,.stats strong span{font-size:25px}.stats small{font-size:7px}.stats .reputation{display:none}.stats .boatStat{margin-top:14px}.playing .stats{width:135px}.quest{top:100px;right:18px;width:178px;padding:14px}.quest h3{font-size:16px;margin:12px 0 8px}.quest p{font-size:10px;line-height:1.6}.quest button{font-size:9px;padding-top:10px}.intro{left:18px;bottom:85px;max-width:310px}.intro h1{font-size:42px;letter-spacing:-2px}.intro p{font-size:11px}.intro .eyebrow{font-size:7px}.hint{font-size:7px;max-width:290px}.compass{display:none}#map{width:115px;height:115px;right:22px;bottom:185px}.maplabel{width:115px;right:22px;bottom:163px;font-size:6px}#objectiveNav{top:59px;padding:6px 13px}#objectiveNav small{font-size:6px}#objectiveNav b{font-size:12px}#objectiveArrow{font-size:23px}#toast{top:280px;font-size:10px;padding:10px 14px;max-width:85vw;width:max-content}footer{left:18px;right:18px;bottom:15px}footer #controlsText{display:none}footer #speed{font-size:8px}#context{bottom:144px;max-width:80vw;font-size:10px;padding:10px 16px}#workProgress{bottom:136px}.playing .mobile{display:flex;position:absolute;bottom:45px;left:18px;right:18px;justify-content:space-between;align-items:flex-end;pointer-events:none}.mobile button{padding:12px;min-width:43px;pointer-events:auto;touch-action:none;font-size:11px;user-select:none}.movePad{text-align:center}.movePad>button{margin-bottom:4px}.movePad>div{display:flex;gap:4px}.actionPad{display:flex;gap:5px;max-width:150px;flex-wrap:wrap;justify-content:flex-end}.actionPad #mobileE{background:#ddc17f;color:#203c3c}.actionPad button.active{background:#6b927d}body:not(.playing) #objectiveNav{display:none}}
@media(max-height:670px) and (min-width:801px){.intro h1{font-size:40px}.intro{bottom:75px}.stats{top:105px}.quest{top:105px}.intro .hint{display:none}.stats>div{margin-bottom:14px}}
.boatThumb{display:block;width:100%;max-width:280px;aspect-ratio:1.6;object-fit:contain;margin:2px 0 12px;border-radius:5px;border:1px solid #ffffff16;background:#244b55}
dialog #close{position:sticky;top:-12px;float:right;z-index:3;margin:-20px -20px 0 0;background:#102e3a;border:1px solid #ffffff16;border-radius:50%;line-height:1;padding:5px 9px}
:root{--ink:#142d32;--accent:#c6d4b5}#combatHud{position:absolute;left:34px;bottom:85px;display:flex;flex-direction:column;gap:7px;pointer-events:none;filter:drop-shadow(0 1px 5px #12333b)}#combatHud span{font-size:8px;letter-spacing:1.5px;color:#bad2be}#combatHud span.alert{color:#efa27e}#combatHud b{font:500 9px 'Space Grotesk';letter-spacing:1px}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:300 20px sans-serif;color:#f4ecd5aa;pointer-events:none;display:none}.playing #crosshair{display:block}.inventoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.inventoryGrid>div{padding:12px;background:#ffffff06;border:1px solid #ffffff12;border-radius:5px}.inventoryGrid small{letter-spacing:0;font-size:9px;display:block;color:#b7c8b7}.inventoryGrid strong{display:block;font:500 23px 'Space Grotesk';margin-top:6px;color:#e0d6b4}body:not(.playing) #combatHud{display:none}.headerActions #inventory b{font-weight:400;color:#dfc78a}.card span{font-size:11px}.headerActions{gap:5px}@media(max-width:800px){#combatHud{left:18px;bottom:178px;max-width:180px}#combatHud span{font-size:7px}#combatHud b{font-size:8px;line-height:1.6}.actionPad{max-width:200px}.actionPad button{min-width:43px;padding:10px}.playing #context{bottom:155px}.inventoryGrid{grid-template-columns:repeat(2,1fr)}header .headerActions{gap:5px}.headerActions button{padding:8px 10px}}

/* Free-look trackpad targeting */
canvas.scene{touch-action:none;cursor:crosshair}
.playing.pointer-locked canvas.scene{cursor:none}
#crosshair{font-size:0!important;width:24px;height:24px;z-index:5;opacity:.88;transition:opacity .12s}
#crosshair::before,#crosshair::after{content:"";position:absolute;background:#fff2d5;box-shadow:0 0 5px #041d25a6;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:2px}
#crosshair::before{width:2px;height:16px}
#crosshair::after{height:2px;width:16px}
#crosshair.fired{animation:reticleKick .16s ease-out}
@keyframes reticleKick{50%{scale:1.28;opacity:1}100%{scale:1;opacity:.88}}
@media(pointer:coarse){canvas.scene{cursor:default}}

/* Switchable eye-level camera */
.headerActions button.cameraToggle{border-color:#dec58a8a;color:#ffe1a4;font-weight:700;letter-spacing:.07em;white-space:nowrap}
.headerActions button.cameraToggle[aria-pressed="true"]{background:#d4c28c;color:#1a3438;border-color:#d4c28c}
@media(max-width:800px){.headerActions button.cameraToggle{font-size:9px;padding:8px 9px;letter-spacing:0}}

/* Minimal gameplay HUD: world, reticle, minimap and pause shortcut. */
.playing header,.playing .stats,.playing .quest,.playing #objectiveNav,.playing .compass,
.playing .maplabel,.playing footer,.playing #combatHud{display:none!important}
.playing #context{bottom:31px;left:50%;z-index:10;padding:10px 18px;background:#092932bc;border-color:#fff4df28;backdrop-filter:blur(8px)}
.playing #toast{top:11%;z-index:13}
.playing #workProgress{bottom:72px;z-index:10}
.playing.menu-open #crosshair,.playing.menu-open #context,.playing.menu-open #toast{display:none!important}
#gameMenu[hidden]{display:none!important}
#gameMenu{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(100deg,#041b25ed,#082d3bce);backdrop-filter:blur(18px);overflow-y:auto;touch-action:pan-y}
.gameMenuInner{width:min(100%,640px);color:#f5ebd2;max-height:calc(100vh - 35px);overflow-y:auto;padding:clamp(18px,3.5vw,36px);background:#102f3bd9;border:1px solid #d3c59c40;box-shadow:0 28px 100px #0008;scrollbar-width:thin}
.menuTopline{display:flex;justify-content:space-between;gap:16px;letter-spacing:.18em;color:#b8cbbf;font-size:9px;font-weight:700}
.menuTopline span:last-child{color:#e4cb98}
.gameMenuInner h2{font:500 clamp(34px,4.4vw,52px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:24px 0 12px}
.menuInstruction{font-size:12px;margin:0 0 20px;color:#d3ddd3}
.menuInstruction kbd{font:700 10px 'DM Sans',sans-serif;color:#e7cb91;border-color:#e7cb9155;margin:0 3px;padding:3px 5px}
.menuOverview{display:grid;grid-template-columns:1fr auto;gap:7px;padding:13px 0;border-block:1px solid #d6c6a433}
.menuOverview span{font-size:10px;letter-spacing:.12em;font-weight:700}
.menuOverview #menuFunds{color:#f4d69b;font-size:13px;letter-spacing:0}
.menuOverview small{grid-column:1/-1;color:#c0d1c8;font-size:11px;line-height:1.6}
.gameMenuActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:17px 0 15px}
.gameMenuActions button{display:flex;align-items:center;text-align:left;gap:10px;border-radius:2px;background:#193e4977;border:1px solid #cfddcf22;padding:14px 12px;font:500 12px 'DM Sans',sans-serif;min-width:0;backdrop-filter:none}
.gameMenuActions button:hover,.gameMenuActions button:focus-visible{background:#355861;border-color:#edcf8f8c}
.gameMenuActions button span{font-size:9px;color:#d9c28f}
.gameMenuActions button b{margin-left:auto;font-weight:400;color:#deca9b}
.menuResume{width:100%;display:flex;justify-content:space-between;align-items:center;background:#e7cd98;border:0;color:#17333d;padding:16px 18px;border-radius:2px;font-weight:700;font-size:13px;backdrop-filter:none}
.menuResume:hover{background:#ffe2a9}
.menuFootnote{font-size:9px;letter-spacing:.075em;color:#b3c5bd;margin-top:15px;text-align:center}
.playing #map.large{display:block!important;z-index:48}
.playing #chartClose{z-index:51}
#menuTouch{display:none}
@media(pointer:coarse){.playing:not(.menu-open) #menuTouch{display:block;position:fixed;top:17px;right:17px;z-index:14;background:#143844b8;font-size:10px;letter-spacing:.1em;padding:10px 13px;border-radius:3px}}
@media(max-width:600px){#gameMenu{padding:8px;align-items:flex-start}.gameMenuInner{padding:22px 18px;max-height:none;min-height:calc(100vh - 16px)}.gameMenuInner h2{font-size:36px;margin-top:16px}.gameMenuActions{gap:6px}.gameMenuActions button{padding:13px 10px;min-height:47px;font-size:11px}.menuFootnote{line-height:1.7;font-size:8px}.menuTopline{font-size:8px}.playing #context{bottom:155px}}

/* The miniature chart stays on screen in first- and third-person. It is read-only
   while aiming so clicking over it still fires; the full chart opens via pause. */
.playing #map:not(.large){
  display:block!important;
  width:152px;height:152px;
  right:25px;bottom:35px;
  opacity:.94;
  pointer-events:none;
  z-index:5;
  border:1px solid #e4deb980;
  box-shadow:0 0 0 4px #092b3955,0 6px 30px #041b2955;
}
.playing #map.large{pointer-events:auto}
.playing.menu-open #map:not(.large){display:none!important}
#pauseHint{display:none;pointer-events:none;user-select:none}
.playing:not(.menu-open) #pauseHint{
  display:flex;align-items:center;gap:9px;
  position:fixed;right:23px;top:19px;z-index:12;
  padding:8px 12px;
  color:#e6e5d8;
  border:1px solid #e3dfc42a;
  background:#102e3a8f;
  border-radius:5px;
  backdrop-filter:blur(6px);
  font:600 10px 'DM Sans',sans-serif;
  letter-spacing:.1em;
  text-shadow:0 1px 5px #061e2a9c;
}
#pauseHint kbd{
  margin:0;padding:4px 6px;
  font:700 9px 'DM Sans',sans-serif;
  letter-spacing:.04em;
  border:1px solid #e8ddbc6b;
  background:#eee2bd12;
  color:#f3dfb3;
}
@media(max-width:800px){
  .playing #map:not(.large){width:110px;height:110px;right:20px;bottom:180px}
  .playing:not(.menu-open) #pauseHint{right:18px;top:16px}
}
@media(pointer:coarse){
  .playing #pauseHint{display:none!important}
  .playing:not(.menu-open) #menuTouch{font-size:9px;letter-spacing:.08em}
}

/* Three deliberate, independent quick actions. Remain visible beside the world
   while pointer-locked; Esc releases the mouse to activate them with clicks. */
#quickActions{display:none}
.playing #quickActions{
 display:flex;position:fixed;top:18px;left:22px;z-index:56;gap:7px;
 align-items:center;max-width:calc(100vw - 210px)
}
#quickActions button{
 display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
 background:#0c2d3bc9;border:1px solid #eee2c345;border-radius:5px;
 padding:8px 12px;color:#f8edd5;min-height:36px;
 font:600 11px 'DM Sans',sans-serif;letter-spacing:.015em;
 box-shadow:0 7px 20px #02172235;transition:background .17s,border-color .17s
}
#quickActions button:hover,#quickActions button:focus-visible{background:#204a56;border-color:#ebd49b}
#quickActions kbd{padding:3px 6px;margin:0;border-color:#e3cf9961;background:#e5d09c18;color:#f3dca5;font-size:9px;pointer-events:none}
.playing.pointer-locked #quickActions{pointer-events:none}
.playing.menu-open #quickActions{pointer-events:auto}
.playing:has(#panel[open]) #quickActions,.playing:has(#map.large) #quickActions{display:none}
.journalSection{margin:22px 0;border-top:1px solid #e6d7ae44;padding-top:16px}
.journalSection h3{font:500 17px 'Space Grotesk',sans-serif;display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.journalSection h3 small{font:600 10px 'DM Sans',sans-serif;color:#e6cb91}
.journalSection p{font-size:12px;line-height:1.7;color:#cfddd1}
.journalSteps{display:grid;gap:5px}
.journalStep{display:flex;align-items:center;gap:12px;color:#c8d3cc;font-size:12px;padding:9px 10px;background:#ffffff07;border:1px solid transparent}
.journalStep span{width:22px;color:#d2be92;font:600 10px 'DM Sans',sans-serif}
.journalStep.done{opacity:.55}
.journalStep.current{border-color:#e1c99165;background:#d9c68b11;color:#fff2d3}
.journalSection ul{padding-left:22px;font-size:12px;color:#c8d7cc;line-height:2}
@media(max-width:800px){
 .playing #quickActions{top:13px;left:12px;gap:5px;max-width:calc(100vw - 150px)}
 #quickActions button{gap:5px;padding:7px 8px;font-size:10px;min-height:33px}
 #quickActions kbd{font-size:8px;padding:2px 4px}
 .playing:not(.menu-open) #pauseHint{top:68px;right:13px}
}
@media(max-width:540px){
 .playing #quickActions{top:14px;left:10px;max-width:calc(100vw - 140px)}
 #quickActions button{gap:5px;padding:8px 7px;font-size:9px;min-height:33px}
 #quickActions kbd{display:none}
}

/* Monsoon expansion: restrained UI, clear menu navigation and actual asset loading */
#loader{position:fixed;inset:0;z-index:999;background:#081e2a;color:#f7f2df;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .55s ease,visibility .55s ease}
#loader.ready{opacity:0;visibility:hidden;pointer-events:none}
.loader-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 30%,#37666f71,transparent 48%),linear-gradient(160deg,#102c3a,#061923 70%)}
.loader-backdrop::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 98px,#ffffff04 99px 100px);mask-image:linear-gradient(90deg,#000,transparent)}
.loader-content{position:relative;width:min(650px,86vw);z-index:2}.loader-mark{font:600 13px 'Space Grotesk',sans-serif;letter-spacing:.18em}.loader-mark span{display:inline-block;color:#a9c4b6;font-size:9px;letter-spacing:.2em;margin-left:10px}.loader-kicker{margin-top:clamp(50px,10vh,130px);font-size:11px;letter-spacing:.23em;color:#c2cfbc}.loader-content h1{font:500 clamp(48px,8vw,98px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:15px 0 55px}.loader-bar{height:2px;background:#d8e5d13a;overflow:hidden}.loader-bar i{display:block;width:0;height:100%;background:#e7c993;transition:width .3s ease}.loader-foot{display:flex;justify-content:space-between;font-size:10px;color:#becabd;letter-spacing:.14em;margin-top:14px;text-transform:uppercase}
#quickActions{max-width:calc(100vw - 260px)}#quickActions button{white-space:nowrap}
.enterprise-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0 20px}.enterprise-summary span{background:#ffffff09;padding:12px 9px;color:#bbccc1;font-size:9px;letter-spacing:.04em}.enterprise-summary b{font:600 20px 'Space Grotesk',sans-serif;display:block;margin-top:7px;color:#f1e7cc}.enterprise-tabs{display:flex;gap:5px;overflow-x:auto;margin-bottom:18px;padding-bottom:4px}.enterprise-tabs button{font-size:11px;white-space:nowrap;padding:10px 12px;color:#d2e0d9;background:#1f4549;border:1px solid #ffffff18;border-radius:3px;cursor:pointer}.enterprise-tabs button.active{color:#152f38;background:#dfcca1;border-color:#dfcca1}
.enterprise-row{padding:10px 0;border-bottom:1px solid #d5e1cd23;display:flex;align-items:center;gap:10px;justify-content:space-between}.enterprise-row>div:first-child{flex:1;min-width:0}.enterprise-row strong{display:block;font-weight:600;color:#e8e8d3;font-size:13px}.enterprise-row small{display:block;color:#aebfb7;font-size:10px;line-height:1.55;margin-top:3px}.enterprise-row button{flex-shrink:0;background:#d1bb8f;border:0;border-radius:3px;color:#182d32;font-weight:700;font-size:10px;min-height:34px;padding:6px 12px;cursor:pointer}.enterprise-row button:disabled{opacity:.38;cursor:default}.enterprise-row button+button{margin-left:4px}.enterprise-owned{color:#a2c6ae;font-size:10px}.enterprise-locked{color:#8e9d93;font-size:10px}.operation-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.operation-metrics>div{padding:14px;background:#ffffff0c}.operation-metrics small{display:block;color:#c1cfc4;font-size:11px}.operation-metrics strong{font:500 25px 'Space Grotesk',sans-serif;color:#f2d8a7}.ledger-line{font-size:11px;border-bottom:1px solid #ffffff15;padding:8px 0;color:#ced5c9}
@media(max-width:650px){.enterprise-summary{grid-template-columns:repeat(2,1fr)}.enterprise-row{align-items:flex-start;flex-direction:column}.enterprise-row button{align-self:flex-end}#quickActions{max-width:calc(100vw - 20px);gap:3px;overflow-x:auto;top:62px}#quickActions button{padding:8px 9px}}

#chartTools{display:none;position:fixed;z-index:52;right:24px;bottom:34px;gap:5px}
#chartTools button{padding:10px 15px;border:1px solid #d9e1cb65;color:#ede7d0;background:#102e3bdc;border-radius:3px;cursor:pointer;font-size:12px;font-weight:700}
.playing:has(#map.large) #chartTools{display:flex}
#map.large{cursor:grab}#map.large:active{cursor:grabbing}
@media(max-width:650px){#chartTools{right:12px;bottom:15px}}

/* PIRATES OF SOMALIA | identity, enhanced loading sequence and restrained UI */
@font-face{font-family:'PirateDisplay';src:local('Georgia');font-style:normal}
.gameTitle{display:flex;align-items:flex-start;flex-direction:column;max-width:100%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.35))}
.brandTop{font:900 clamp(19px,3.3vw,44px)/1.2 Georgia,serif;letter-spacing:.22em;color:#f9d8a5;text-transform:uppercase;text-shadow:1px 3px 0 #382b24,3px 6px 0 #142b38;transform:skew(-8deg);padding-left:.7vw}
.somaliaLogo{display:flex;align-items:flex-end;white-space:nowrap;line-height:.98;margin:12px 0 8px;transform:rotate(-2deg);max-width:100%}
.somaliaLogo span{display:inline-block;font:1000 clamp(44px,9.1vw,128px)/.99 Georgia,'Times New Roman',serif;font-stretch:condensed;letter-spacing:-.11em;color:#edca88;-webkit-text-stroke:clamp(1.3px,.29vw,3.2px) #563a2c;text-shadow:2px 4px 0 #bd8054,4px 9px 0 #653d32,7px 13px 0 #112a34;transform-origin:50% 80%;animation:wobbleType calc(3.5s + var(--n)*.13s) ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.37s)}
.somaliaLogo span:nth-child(even){color:#ffdc9e}
@keyframes wobbleType{0%,100%{transform:translateY(1px) rotate(-3deg) scaleY(.98)}40%{transform:translateY(-5px) rotate(3.8deg) scaleY(1.06)}75%{transform:translateY(4px) rotate(-1.7deg) scaleY(.96)}}
.introTitle{margin:8px 0 22px;max-width:92vw}.introTitle .somaliaLogo span{font-size:clamp(44px,7.5vw,116px)}
.introTitle .brandTop{font-size:clamp(18px,3vw,38px)}.intro{max-width:920px}.intro p{max-width:570px}
#loader{background:#091f2a!important}.loader-backdrop{background:radial-gradient(ellipse at 50% 66%,#486d6b87,transparent 55%),linear-gradient(180deg,#122f43 0%,#0d2e3e 41%,#174c59 64%,#071d2b 100%)}
.loader-backdrop::before{content:'';position:absolute;inset:52% -10% 0;background:repeating-radial-gradient(ellipse at 35% 0%,transparent 0 36px,#8caaa924 38px 41px,transparent 44px 105px);opacity:.45;transform:rotate(-6deg);animation:oceanShift 8s linear infinite alternate}
@keyframes oceanShift{from{transform:translateY(0) rotate(-6deg)}to{transform:translateY(26px) rotate(-3deg)}}
.loader-content{width:min(820px,89vw)}.loader-kicker{margin-top:clamp(20px,4vh,56px);margin-bottom:18px}.loader-foot{font-size:11px}.loader-bar{height:5px;border-radius:10px;background:#e5c89933}.loader-bar i{background:linear-gradient(90deg,#a77d55,#f5d89e,#e3ad69);border-radius:10px;box-shadow:0 0 20px #e0ab6b8f}
.loaderTagline{font:italic 17px Georgia,serif;color:#c5d4c9;letter-spacing:.025em;margin:15px 0 45px}
.loader-mark{font-size:10px;color:#d5be91;letter-spacing:.3em}
#devConsole{position:fixed;bottom:16px;left:16px;z-index:65;display:none;align-items:center;gap:5px;padding:4px;background:#071f2cdb;border:1px solid #e1bb785e;border-radius:4px;box-shadow:0 9px 30px #0006;backdrop-filter:blur(8px)}
.playing #devConsole{display:flex}.playing.pointer-locked #devConsole{pointer-events:none;opacity:.63}
#devConsole label{font:800 9px 'DM Sans',sans-serif;letter-spacing:.14em;color:#eecf95;margin:0 6px}#devConsole kbd{opacity:.6}
#devConsole input{width:190px;max-width:25vw;border:0;outline:0;background:#ffffff0c;color:#fff1d6;padding:9px 10px;font:500 11px 'DM Sans',sans-serif;border-radius:2px}
#devConsole input::placeholder{color:#c5d6cc8e}
#devConsole button{padding:9px 10px;background:#d6bb83;color:#153038;border:0;border-radius:2px;font-weight:800;font-size:10px;cursor:pointer}
#devConsole.expanded{outline:2px solid #e5cc93;opacity:1!important;pointer-events:auto!important}
.playing:has(#panel[open]) #devConsole,.playing.menu-open #devConsole,.playing:has(#map.large) #devConsole{display:none}
.shipyardTabs{display:flex;gap:8px;margin:15px 0 23px;border-bottom:1px solid #ffffff22;padding-bottom:13px;position:sticky;top:0;z-index:2;background:#102d37}
.shipyardTabs button{background:#173a42;color:#e4e6d9;border:1px solid #ffffff29;padding:12px 14px;min-height:43px;font-size:10px;letter-spacing:.065em;cursor:pointer;font-weight:700}
.shipyardTabs button.active{background:#dfc48e;color:#162e36;border-color:#dfc48e}
@media(max-width:720px){.loader-content{width:91vw}.somaliaLogo span{font-size:clamp(38px,11.5vw,80px)}.introTitle .somaliaLogo span{font-size:clamp(34px,10vw,68px)}.brandTop{font-size:20px}.loaderTagline{font-size:13px}#devConsole input{width:105px;max-width:28vw}.playing #devConsole{left:8px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.somaliaLogo span{animation:none}.loader-backdrop::before{animation:none}}

.atlasTools{display:flex;gap:8px;align-items:center;margin:15px 0}.atlasTools select,.atlasTools input{background:#173a42;border:1px solid #d4cea766;color:#f3ebd4;padding:11px 10px;min-width:0;font-size:12px}.atlasTools select{flex:0 0 42%}.atlasTools input{flex:1 1 auto}#atlasCount{color:#e7d09c;font-size:10px;letter-spacing:.06em;margin:15px 0 10px}

/* Startup failure diagnostics: visible only when a genuine error or lengthy stall occurs. */
#bootDiagnostics[hidden]{display:none!important}
#bootDiagnostics{position:fixed;z-index:1001;left:50%;top:65%;transform:translate(-50%,-50%);max-width:min(560px,90vw);width:100%;padding:28px;background:#092634f5;color:#f9f0dc;border:1px solid #e5c49188;box-shadow:0 18px 60px #0009;border-radius:10px;text-align:center}
#bootDiagnostics h2{font:600 25px/1.2 'Space Grotesk',sans-serif;margin:0 0 12px}
#bootDiagnostics p{margin:0 0 12px;color:#e2d9c7}
#bootDiagnostics .bootErrorDetails{display:block;color:#d5b999;overflow-wrap:anywhere;max-height:85px;overflow:auto;margin-bottom:15px;font:11px/1.5 monospace}
#bootDiagnostics button{border:0;background:#eac98e;color:#15333d;padding:12px 24px;font-weight:700}

/* Visible creative-mode indication without obscuring the minimap. */
#devConsole.admin-enabled{border-color:rgba(245,190,80,.85);box-shadow:0 0 0 1px rgba(245,190,80,.35)}#devConsole.admin-enabled label{color:#f9c971}#adminItems{max-height:min(50vh,475px);overflow:auto;scrollbar-width:thin}#adminTabs{margin-bottom:15px;flex-wrap:wrap}

/* Expanded enterprise map and location-based operations */
.enterpriseSelect{display:block;width:100%;background:#143a42;color:#f6ebd4;border:1px solid #b3b59d66;padding:11px 12px;font:inherit;margin:9px 0 16px;border-radius:3px}
.routeLabel{display:block;font-size:10px;color:#d3c5a1;letter-spacing:.13em;margin-top:14px}
.enterprise-locked-screen{border:1px solid #cfbb8d4d;background:linear-gradient(135deg,#2d4d49a0,#0d2e3b77);padding:25px;margin:14px 0}
.enterprise-locked-screen h3{color:#f1d8aa;font-size:22px;line-height:1.2}
.enterpriseRouteModes{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 8px}
.enterpriseRouteModes button{padding:9px 12px;font-size:10px;letter-spacing:.04em;background:#214955;border:1px solid #cbd2bd33;color:#e8e7d0;border-radius:3px}
.enterpriseRouteModes button.active{background:#d9c494;color:#14313a;border-color:#d9c494;font-weight:700}
.routeMapWrap{position:relative;border:1px solid #b9d2c35c;background:#102c3c;overflow:hidden;margin-bottom:14px}
#enterpriseRouteMap{display:block;width:100%;aspect-ratio:16/9;cursor:crosshair;touch-action:none}
.routeMapHint{position:absolute;left:14px;bottom:12px;font-size:8px;letter-spacing:.1em;color:#b8d2ce;pointer-events:none;text-shadow:0 2px 6px #112b37}
#enterpriseContent .enterprise-row strong{line-height:1.4}
@media(max-width:650px){.enterpriseRouteModes button{flex:1;min-width:110px}.routeMapHint{font-size:7px}.enterpriseSelect{font-size:16px}}