:root{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#fff8df;background:#08788e;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:700 14px inherit;color:#fff8df;background:#103f50bd;border:1px solid #dbffff60;border-radius:18px;padding:12px 18px;cursor:pointer}button{font-family:inherit;font-weight:700;touch-action:manipulation}button:hover{background:#286979}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffdc85;outline-offset:4px}a{color:inherit} [hidden]{display:none!important}#game{height:100vh;height:100dvh;width:100%;position:relative;overflow:hidden}#ocean{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#ocean:active{cursor:grabbing}.water-light{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #045d741f}header{position:absolute;z-index:5;top:calc(20px + env(safe-area-inset-top,0px));left:calc(24px + env(safe-area-inset-left,0px));right:calc(24px + env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}.shelf-link{padding:11px 16px;background:#0c465a80;border:1px solid #e8ffff55;border-radius:30px;text-decoration:none;font-size:12px;font-weight:700;backdrop-filter:blur(8px)}.wordmark{position:absolute;left:50%;transform:translateX(-50%);font-size:13px;letter-spacing:2px;font-weight:800;white-space:nowrap;text-shadow:0 2px 8px #08495c}.wordmark b{color:#ffda87}.prototype-tag{display:block;text-align:center;font-size:8px;letter-spacing:2.5px;font-weight:600;margin-top:5px;color:#dcf4e9}#pause{margin-left:auto;width:44px;height:44px;border-radius:50%;font-size:17px;padding:0;background:#0c465a80}#hud{position:absolute;inset:0;pointer-events:none}.discovery-card{position:absolute;left:calc(28px + env(safe-area-inset-left,0px));top:94px;padding:15px 18px;background:linear-gradient(120deg,#104b5fbd,#104b5f70);border:1px solid #edffff50;border-radius:19px;backdrop-filter:blur(9px);display:flex;flex-direction:column;gap:6px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#d1f8eb}.discovery-card .eyebrow{font-size:7px;letter-spacing:1.4px}.discovery-card strong{font-size:18px}.discovery-card #progress{font-size:10px;color:#d4eeea}.depth{position:absolute;right:calc(28px + env(safe-area-inset-right,0px));top:94px;background:#114c5d91;backdrop-filter:blur(8px);border:1px solid #e8ffff44;border-radius:18px;padding:12px 17px;min-width:90px;text-align:center}.depth strong{font-size:31px;line-height:1}.depth>span{font-size:10px;margin-left:5px}.depth small{display:block;font-size:10px;color:#d9f6ea;margin-top:7px}.compass{position:absolute;left:50%;top:98px;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px;letter-spacing:1px;text-shadow:0 1px 8px #074959}.compass #heading{font-weight:800;font-size:15px}.compass i{display:block;width:1px;height:12px;background:#fff1c1}#bearing{background:#134b5e70;padding:5px 9px;border-radius:12px;font-size:9px;color:#fff4ce}#toast{position:absolute;top:31%;left:50%;transform:translateX(-50%);z-index:4;pointer-events:none;border-radius:25px;background:#0f465be6;padding:13px 23px;text-align:center;font-size:14px;max-width:70%;box-shadow:0 8px 20px #08405b22;border:1px solid #bff7e755;opacity:0;transition:opacity .25s}#toast.visible{opacity:1}.overlay{position:absolute;inset:0;z-index:6;display:flex;align-items:center;padding:85px 7%;background:linear-gradient(90deg,#073b5280,transparent 75%)}.intro-card{width:390px;max-width:50%}.intro-card h1{font-size:clamp(54px,7.4vw,100px);line-height:.91;letter-spacing:-4px;margin:20px 0 23px;text-shadow:0 4px 2px #154e6130}.intro-card h1 em{font-style:normal;color:#ffe09b;font-size:.7em}.intro{font-size:19px;font-weight:700;line-height:1.4}.description{font-size:14px;line-height:1.7;color:#e6f4e9;max-width:350px}.touch-instructions,.keyboard-instructions{font-size:12px;line-height:1.8;margin:22px 0;color:#e8f4e7}.touch-instructions{display:none}.primary{background:linear-gradient(150deg,#ffefba,#ffce74);border:1px solid #fff0c5;color:#184352;padding:16px 28px;box-shadow:0 4px 0 #bf9956,0 8px 22px #053b4c22;border-radius:18px;font-size:16px}.primary:hover{background:#fff0c0}.prototype-note{display:block;font-size:10px;color:#d9ebe6;margin-top:18px;line-height:1.6}.scene-caption{position:absolute;right:7%;bottom:10%;display:flex;flex-direction:column;gap:10px;text-align:right;text-shadow:0 2px 14px #0b5563}.scene-caption span{font-size:10px;letter-spacing:3px}.scene-caption b{font-size:23px}.modal{background:#063a4c99;backdrop-filter:blur(10px);justify-content:center;overflow-y:auto;padding:35px}.menu-card{width:390px;max-width:100%;background:#124f60e8;border:1px solid #e6ffff44;padding:28px;border-radius:26px;box-shadow:0 20px 80px #052e4c55}.menu-card h2{font-size:34px;letter-spacing:-1px;margin:10px 0 25px}.menu-card label{display:block;font-size:12px;margin:18px 0 9px;font-weight:700}.menu-card output{float:right;color:#ffe09b}.menu-card input,.menu-card select{width:100%;accent-color:#ffda87;min-height:30px}.menu-card select{font-family:inherit;font-size:12px;min-height:44px}.menu-card p{font-size:12px;line-height:1.7}.menu-actions{display:grid;gap:12px}.menu-card>a{display:block;text-align:center;margin-top:20px;font-size:12px}#controls{position:absolute;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none;z-index:3}.joystick-wrap{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:calc(26px + env(safe-area-inset-left,0px))}.analog-joystick{position:relative;width:140px;height:140px;border-radius:50%;pointer-events:auto;touch-action:none;cursor:grab;background:radial-gradient(circle,#83d8dc22 0 35%,#0a3b5277 36% 68%,#d1ffff22 69%);border:2px solid #d6ffff66;box-shadow:inset 0 2px 15px #d0ffff22,0 6px 25px #062b4344;backdrop-filter:blur(7px)}.analog-joystick[data-active=true]{cursor:grabbing;border-color:#d4ffffbb;background:radial-gradient(circle,#a6f2ef33 0 35%,#0a3b5288 36% 68%,#d1ffff44 69%)}.joystick-axis{position:absolute;inset:16px;border:1px dashed #c9ffff33;border-radius:50%;pointer-events:none}.joystick-stick{position:absolute;width:58px;height:58px;left:calc(50% - 29px);top:calc(50% - 29px);display:grid;place-items:center;border:2px solid #e3ffffaa;border-radius:50%;background:linear-gradient(145deg,#c5f4ecdd,#609facdd);box-shadow:0 4px 10px #042e4d66,inset 0 2px 4px #ffffff66;color:#155069;font-size:28px;pointer-events:none;transition:transform .14s ease-out}.analog-joystick[data-active=true] .joystick-stick{transition:none;background:linear-gradient(145deg,#e4fff4,#87c9cc)}.joystick-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:8px;font-weight:700;letter-spacing:2px;color:#e1f6f1;pointer-events:none}.action-buttons{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:calc(26px + env(safe-area-inset-right,0px));display:grid;grid-template-columns:64px 80px;grid-template-rows:64px 64px;gap:8px;align-items:center}.action-buttons button{pointer-events:auto;touch-action:none;border-radius:50%;padding:6px;font-size:29px;height:64px;width:64px;border:2px solid #e7ffffa8;background:linear-gradient(145deg,#bcefeebd,#2e7d94cb);box-shadow:0 3px 0 #175568;color:#fffbea}.action-buttons button span{display:block;font-size:8px;letter-spacing:1px}.action-buttons .boost-button{grid-column:2;grid-row:1/3;height:80px;width:80px;background:linear-gradient(145deg,#ffefb6,#ffce75);border-color:#fff0bb;color:#184352;box-shadow:0 4px 0 #b58e4c;font-size:38px}.action-buttons button[data-held=true]{filter:brightness(1.12);transform:translateY(2px)}#look-hint{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);font-size:10px;color:#e7f7ee;text-shadow:0 2px 5px #134c60;text-align:center}#desktop-help{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:18px;white-space:nowrap;background:#124f6580;padding:12px 18px;border-radius:30px;font-size:10px;pointer-events:none}kbd{font:700 9px inherit;color:#fff0b9;margin-right:4px}#rotate{position:absolute;inset:0;z-index:30;background:radial-gradient(ellipse at 30% 20%,#299cab,#073e58);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.phone-icon{width:98px;height:56px;border:3px solid #ffe3a4;border-radius:12px;font-size:45px;line-height:48px;color:#ffe3a4;transform:rotate(-12deg);margin-bottom:25px}#rotate h2{font-size:26px;max-width:300px;line-height:1.2}#rotate p{font-size:15px;margin:0 0 12px}#rotate span{font-size:11px;color:#bce8e2}#rotate a{margin-top:35px;font-size:12px}.no-script{position:absolute;inset:0;background:#0c4b62;display:grid;place-content:center;padding:30px}
body[data-touch=true] .touch-instructions{display:block}body[data-touch=true] .keyboard-instructions{display:none}body[data-touch=true] #desktop-help{display:none}body[data-touch=false] #controls{display:none}
@media(max-height:600px){header{top:calc(12px + env(safe-area-inset-top,0px));left:calc(18px + env(safe-area-inset-left,0px));right:calc(18px + env(safe-area-inset-right,0px))}.shelf-link{padding:9px 12px;font-size:10px}.wordmark{font-size:10px;letter-spacing:1px}.prototype-tag{font-size:6px;letter-spacing:1.5px}#pause{width:38px;height:38px}.discovery-card{top:66px;left:calc(18px + env(safe-area-inset-left,0px));padding:10px 13px;gap:4px;border-radius:14px}.discovery-card strong{font-size:14px}.discovery-card .eyebrow{display:none}.discovery-card #progress{font-size:9px}.depth{top:66px;right:calc(18px + env(safe-area-inset-right,0px));padding:8px 12px;border-radius:14px;min-width:76px}.depth strong{font-size:24px}.depth small{font-size:9px;margin-top:4px}.compass{top:66px;gap:3px}.compass #heading{font-size:12px}.compass i{height:8px}#bearing{font-size:8px}.overlay{padding:60px 7% 24px}.intro-card{width:430px;max-width:62%}.intro-card h1{font-size:54px;letter-spacing:-2px;margin:10px 0}.intro-card .eyebrow{font-size:8px;margin:0}.intro{font-size:15px;margin:10px 0}.description{display:none}.touch-instructions,.keyboard-instructions{font-size:10px;line-height:1.6;margin:12px 0}.primary{font-size:13px;padding:11px 23px;border-radius:14px}.prototype-note{font-size:8px;margin-top:12px}.scene-caption{right:6%;bottom:10%}.scene-caption b{font-size:17px}.scene-caption span{font-size:8px;letter-spacing:2px}.joystick-wrap{bottom:calc(14px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px))}.analog-joystick{width:112px;height:112px}.joystick-stick{width:48px;height:48px;left:calc(50% - 24px);top:calc(50% - 24px);font-size:25px}.joystick-label{bottom:7px;font-size:7px}.action-buttons{bottom:calc(14px + env(safe-area-inset-bottom,0px));right:calc(20px + env(safe-area-inset-right,0px));grid-template-columns:50px 66px;grid-template-rows:50px 50px;gap:6px}.action-buttons button{width:50px;height:50px;font-size:23px}.action-buttons button span{font-size:7px}.action-buttons .boost-button{width:66px;height:66px;font-size:30px}#look-hint{bottom:22px;font-size:8px}#desktop-help{bottom:14px;gap:12px;font-size:8px;padding:9px 15px}#toast{top:36%;font-size:12px;padding:10px 18px}.modal{padding:18px}.menu-card{width:520px;padding:19px 24px}.menu-card h2{font-size:25px;margin:5px 0 12px}.menu-card .eyebrow{margin:0}.menu-card label{margin:8px 0 4px;font-size:10px}.menu-card p{font-size:10px;margin:8px 0}.menu-actions{grid-template-columns:1fr 1fr;gap:10px}.menu-actions button{font-size:11px;padding:11px}.menu-card>a{margin-top:12px;font-size:10px}.menu-card select{min-height:36px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.modal{align-items:flex-start}.menu-card{margin:auto}
.joystick-wrap.look-wrap{left:auto;right:calc(26px + env(safe-area-inset-right,0px))}.look-wrap .analog-joystick{border-color:#ffe3a488}.look-wrap .joystick-stick{background:linear-gradient(145deg,#fff0bbdd,#d0b56ddd);border-color:#fff0bd}.action-buttons{display:block;right:calc(184px + env(safe-area-inset-right,0px));bottom:calc(26px + env(safe-area-inset-bottom,0px))}#look-hint{line-height:1.8;bottom:28px}
@media(max-height:600px){.joystick-wrap.look-wrap{right:calc(20px + env(safe-area-inset-right,0px))}.action-buttons{right:calc(148px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}#look-hint{bottom:18px;max-width:200px}}
@media(max-height:350px) and (orientation:landscape){.intro-card h1{font-size:44px;margin:8px 0}.intro-card .intro{display:none}.intro-card .primary{min-height:44px}.prototype-note{margin-top:9px}.scene-caption b{font-size:14px}}
/* Compact expedition status above, independent thumb controls below. */
.discovery-card{max-width:330px}.discovery-card strong{font-size:16px}#gear{font-size:10px;color:#ffe2a2}.compass{top:60px;width:48%;text-align:center}.compass i{display:none}#bearing{max-width:100%;line-height:1.4}.vitals{position:absolute;right:28px;top:190px;display:flex;gap:14px;background:#124c60dc;border:1px solid #dcffff55;border-radius:22px;padding:10px 16px;font-size:14px}.vitals span:nth-child(1){color:#ffbca7}.vitals span:nth-child(2){color:#a9f5ef}.vitals span:nth-child(3){color:#ffe198}#boss-hud{position:absolute;top:116px;left:50%;transform:translateX(-50%);width:240px;text-align:center;display:grid;gap:5px;font-size:10px;text-shadow:0 1px 5px #083a4b}#boss-hud b{letter-spacing:2px;color:#ffebc5}#boss-health{width:100%;height:10px;accent-color:#ff9b79}#boss-health::-webkit-progress-bar{background:#134d60;border-radius:10px}#boss-health::-webkit-progress-value{background:#ffae81;border-radius:10px}#aim{position:absolute;transform:translate(-50%,-50%);border:1px solid #fff6d4aa;border-radius:50%;width:18px;height:18px;line-height:12px;text-align:center;color:#fff6d4;opacity:.7}.action-buttons{display:flex;flex-direction:column;gap:14px;align-items:center}#special{width:72px;height:72px;background:linear-gradient(145deg,#abf8f0,#377fa2);color:#fffbe6}#special b{font-size:26px;font-weight:600}#special[data-charging=true]{background:#215b70d9;color:#c1e3e2}#look-hint{bottom:14px;max-width:230px}#toast{top:auto;bottom:25%;font-size:12px;max-width:48%;padding:10px 16px}.hurt .water-light{box-shadow:inset 0 0 90px #f48167aa}.treasure-star{font-size:62px;color:#ffdb88;text-align:center}.celebration{text-align:center}.celebration h2{font-size:30px}
@media(max-height:600px){.discovery-card{top:58px;max-width:248px;padding:8px 11px;gap:4px}.discovery-card strong{font-size:12px}.discovery-card #progress,#gear{font-size:9px}.depth{top:58px;padding:7px 10px;min-width:66px}.depth strong{font-size:21px}.vitals{top:122px;right:18px;font-size:11px;padding:7px 11px;gap:12px}.compass{top:56px;width:37%;max-width:310px}.compass #heading{font-size:10px}#bearing{font-size:9px}#boss-hud{top:106px;width:200px;font-size:9px}.action-buttons{gap:10px;bottom:16px}#special{width:60px;height:60px}#special b{font-size:21px}.action-buttons .boost-button{width:54px;height:54px;font-size:25px}#look-hint{left:43%;max-width:200px;font-size:8px}#toast{bottom:28%;font-size:11px;max-width:46%}.treasure-star{font-size:35px}.celebration h2{font-size:25px}}
@media(max-height:350px) and (orientation:landscape){.discovery-card{max-width:225px}.vitals{top:114px}.compass{left:52%;width:34%}#boss-hud{top:99px;width:190px}.analog-joystick{width:100px;height:100px}.action-buttons{right:134px;gap:8px}#special{width:52px;height:52px}.action-buttons .boost-button{width:48px;height:48px}.vitals{font-size:10px}#toast{bottom:18%;font-size:10px}#look-hint{max-width:180px}.scene-caption{max-width:190px}.prototype-note{max-width:300px}}
/* Expedition picker and optional journal stay in menus, away from the thumb controls. */
.world-list{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.world-list button{font-size:11px;padding:11px 12px;min-height:44px;border-radius:12px;background:#164e65e8;border:1px solid #bcf2f088;color:#f0fbf1}.world-list button[aria-pressed=true]{background:#ffe0a3;color:#193f53;border-color:#fff2d5}.scene-caption{max-width:44%;gap:13px}.scene-caption .world-list{justify-content:flex-end;max-width:390px}.expedition-journal{margin:18px 0;border-top:1px solid #bcf2f055;border-bottom:1px solid #bcf2f055;padding:12px 0}.expedition-journal summary{cursor:pointer;font-size:13px;min-height:28px;line-height:28px;color:#ffe0a3}#journal-guides{display:grid;grid-template-columns:1fr 1fr;gap:6px}#journal-guides button{padding:9px;font-size:11px;min-height:44px}.vitals{flex-wrap:wrap;max-width:300px;justify-content:center;gap:10px}.vitals span:nth-child(4){color:#f0e4ff}.vitals span:nth-child(5){color:#9cfff0}#flashlight{font-size:10px;color:#fff0a0}.discovery-card .eyebrow{letter-spacing:1px}.menu-card>.eyebrow{margin-top:16px}
@media(max-height:600px){.vitals{max-width:190px;gap:7px;padding:7px 9px}.scene-caption{max-width:42%;bottom:8%;gap:10px}.scene-caption .world-list{max-width:300px}.world-list button{font-size:10px;padding:8px 10px}.scene-caption b{font-size:15px}.menu-card>.eyebrow{font-size:9px;margin-top:13px}.menu-card h2{margin-top:4px}#flashlight{font-size:8px}}
@media(max-height:350px){.scene-caption{bottom:8%;right:5%;max-width:38%}.scene-caption .world-list{gap:5px}.scene-caption .world-list button{font-size:9px;padding:7px}.vitals{max-width:170px;gap:6px}.scene-caption b{font-size:13px}}