:root{color:#eafcff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#031e42;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh}button{font-family:inherit}.ocean-screen{--aqua:#83f0e1;isolation:isolate;background:radial-gradient(circle at 50% -10%,#126b9e 0%,#073b6b 34%,#031e42 74%,#021631 100%);min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.ocean-glow{z-index:-2;aspect-ratio:1;filter:blur(58px);background:#5cdbea33;border-radius:50%;width:min(86vw,680px);position:absolute;top:4%;left:50%;transform:translate(-50%)}.surface-wave{z-index:-1;background:linear-gradient(#96f4f761,#4fb8dc14);border-radius:0 0 50% 50%;width:120%;height:118px;position:absolute;top:-34px;left:-10%;box-shadow:0 14px 35px #61e2e81f}.bubbles span{z-index:-1;width:var(--size);height:var(--size);animation:drift var(--time) linear infinite;border:1px solid #b5f6ff5e;border-radius:50%;position:absolute;bottom:-70px;box-shadow:inset 0 0 7px #d4ffff33}.bubbles span:first-child{--size:12px;--time:11s;animation-delay:-2s;left:8%}.bubbles span:nth-child(2){--size:22px;--time:15s;animation-delay:-10s;left:18%}.bubbles span:nth-child(3){--size:8px;--time:9s;animation-delay:-3s;left:77%}.bubbles span:nth-child(4){--size:17px;--time:13s;animation-delay:-6s;left:88%}.bubbles span:nth-child(5){--size:10px;--time:12s;animation-delay:-8s;left:67%}.bubbles span:nth-child(6){--size:15px;--time:16s;animation-delay:-12s;left:36%}.welcome-screen,.intro-screen{place-items:center}.welcome-card,.intro-card{text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(145deg,#0c4f7c80,#031f47a3);border:1px solid #b5f4ff33;border-radius:32px;width:min(100%,490px);padding:clamp(36px,8vw,64px) clamp(24px,8vw,58px);box-shadow:0 24px 70px #000a2552,inset 0 1px #ffffff1a}.dive-mark{flex:none;width:72px;height:62px;margin:0 auto 26px;position:relative}.mask{border:4px solid var(--aqua);border-radius:16px 16px 19px 19px;width:56px;height:30px;position:absolute;top:4px;left:8px;box-shadow:inset 0 0 14px #83f0e159,0 0 20px #83f0e133}.mask:after{background:var(--aqua);content:"";border-radius:4px;width:4px;height:14px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.fin{border:3px solid var(--aqua);border-radius:5px 5px 12px 12px;width:18px;height:29px;position:absolute;bottom:3px}.fin-left{left:16px;transform:rotate(22deg)}.fin-right{right:16px;transform:rotate(-22deg)}.eyebrow{color:var(--aqua);letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:.76rem;font-weight:750}h1{color:#fff;letter-spacing:-.065em;max-width:12ch;margin:0 auto;font-size:clamp(2.35rem,8vw,4.35rem);font-weight:750;line-height:.98}.subtitle{color:#eafcffd1;max-width:30ch;margin:22px auto 30px;font-size:clamp(1rem,3.5vw,1.14rem);line-height:1.5}.start-button,.return-button{color:#033452;min-width:min(100%,250px);min-height:56px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#a2f8e9,#5bd8e2);border:0;border-radius:999px;justify-content:center;align-items:center;padding:14px 24px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 25px #46d7df47}.start-button:hover,.return-button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #46d7df5c}.start-button:focus-visible,.return-button:focus-visible,.back-button:focus-visible,.brand-button:focus-visible,.mission-card:focus-visible,.answer-choice:focus-visible{outline-offset:4px;outline:3px solid #fff}.footer-note{color:#d5f8ff8a;letter-spacing:.08em;text-align:center;text-transform:uppercase;width:100%;margin:0;font-size:.78rem;position:absolute;bottom:24px;left:0}.map-screen{padding:20px clamp(16px,5vw,64px) 52px;display:block}.screen-header{justify-content:space-between;align-items:center;width:min(100%,1120px);min-height:58px;margin:0 auto 44px;display:flex}.brand-button,.back-button{color:#efffff;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-weight:750;display:inline-flex}.brand-button .dive-mark{transform-origin:0;width:36px;height:31px;margin:0;transform:scale(.5)}.brand-button span{margin-left:-18px}.progress-label{color:#eafcffad;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.back-button span{font-size:2rem;line-height:.5}.mission-map{width:min(100%,1120px);margin:0 auto}.map-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.mission-map h1{max-width:none;margin:0;font-size:clamp(2.3rem,6vw,4.5rem)}.reset-progress{color:#eafcff9e;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eafcff6b;padding:5px 0;font-size:.78rem}.reset-progress:hover{color:var(--aqua);border-bottom-color:var(--aqua)}.reset-progress:focus-visible{outline-offset:4px;outline:3px solid #fff}.map-intro{color:#eafcffc7;max-width:43ch;margin:17px 0 32px;line-height:1.5}.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mission-card{color:#efffff;text-align:left;min-height:230px;font:inherit;background:#062f5880;border:1px solid #b5f4ff29;border-radius:20px;flex-direction:column;align-items:flex-start;padding:22px;display:flex}.mission-card--available,.mission-card--completed{cursor:pointer;background:linear-gradient(145deg,#117391b8,#053862d4);transition:transform .18s,border-color .18s;box-shadow:inset 0 1px #ffffff21,0 12px 28px #000c2b2e}.mission-card--completed{background:linear-gradient(145deg,#147171ad,#053862d4);border-color:#83f0e173}.mission-card--available:hover,.mission-card--completed:hover{border-color:#83f0e1bf;transform:translateY(-3px)}.mission-card:disabled{opacity:.62}.mission-card__topline{color:#9bece5;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;width:100%;margin-bottom:25px;font-size:.7rem;font-weight:800;display:flex}.mission-card__status{color:#eafcff9e}.mission-card--completed .mission-card__status{color:#b5ffe4}.mission-card strong{max-width:19ch;font-size:1.18rem;line-height:1.16}.mission-card__goal{color:#eafcffb0;margin-top:12px;font-size:.88rem;line-height:1.45}.mission-card__enter{color:var(--aqua);margin-top:auto;padding-top:18px;font-size:.84rem;font-weight:800}.mission-card__enter span{vertical-align:-1px;padding-left:4px;font-size:1.25rem}.intro-screen{padding-top:20px}.intro-screen .screen-header{width:auto;position:absolute;top:20px;left:24px;right:24px}.intro-card{margin-top:30px}.challenge-screen{padding:20px 24px 52px;display:block}.challenge-header{margin-bottom:28px}.challenge-brand{color:#efffff;font-weight:750}.challenge-card{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(145deg,#0c4f7c99,#031f47ba);border:1px solid #b5f4ff33;border-radius:28px;width:min(100%,760px);margin:0 auto;padding:clamp(28px,6vw,52px);box-shadow:0 24px 70px #000a2552,inset 0 1px #ffffff1a}.question-count{color:var(--aqua);letter-spacing:.12em;text-transform:uppercase;margin:0 0 17px;font-size:.76rem;font-weight:800}.challenge-card h1{max-width:15ch;margin:0;font-size:clamp(2rem,6vw,3.65rem)}.challenge-scenario{color:#eafcffe6;max-width:61ch;margin:24px 0 29px;font-size:clamp(1rem,3vw,1.14rem);line-height:1.58}.answer-list{gap:12px;display:grid}.answer-choice{color:#efffff;text-align:left;width:100%;font:inherit;cursor:pointer;background:#021f4173;border:1px solid #b5f4ff38;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px 17px;line-height:1.4;transition:transform .16s,border-color .16s,background .16s;display:grid}.answer-choice:hover:not(:disabled){background:#0a5177a8;border-color:#83f0e1bf;transform:translate(3px)}.answer-choice:disabled{cursor:default}.answer-choice__letter{width:31px;height:31px;color:var(--aqua);border:1px solid #83f0e1a6;border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}.answer-choice__result{color:var(--aqua);text-align:right;font-size:.72rem;font-weight:800}.answer-choice--correct{background:#14796680;border-color:#73edbdd9}.answer-choice--correct .answer-choice__letter{color:#c0ffda;border-color:#a4f5c9}.answer-choice--incorrect{background:#7e344b78;border-color:#ff9a99c7}.answer-choice--incorrect .answer-choice__letter{color:#ffd0ce;border-color:#ffb1ae}.answer-choice--incorrect .answer-choice__result{color:#ffd0ce}.answer-choice--muted{opacity:.52}.challenge-feedback{background:#08566861;border:1px solid #83f0e15c;border-radius:18px;margin-top:24px;padding:22px}.challenge-feedback--incorrect{background:#5e3a4659;border-color:#ffbb9766}.challenge-feedback p{color:#eafcffe0;margin:0;line-height:1.55}.feedback-title{font-weight:800;color:var(--aqua)!important;margin-bottom:9px!important}.challenge-feedback--incorrect .feedback-title{color:#ffd0ae!important}.why-matters{border-top:1px solid #b5f4ff2e;margin-top:18px;padding-top:17px}.why-matters strong{color:#fff;font-size:.88rem}.why-matters p{margin-top:5px}.return-button{color:#033452;background:linear-gradient(135deg,#a2f8e9,#5bd8e2);margin-top:23px}.complete-screen{place-items:center}.mission-complete-card{text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(145deg,#0c6078a1,#031f47bd);border:1px solid #b5f4ff40;border-radius:32px;width:min(100%,510px);padding:clamp(36px,8vw,64px) clamp(24px,8vw,58px);box-shadow:0 24px 70px #000a2552,inset 0 1px #ffffff1a}.mission-complete-card .dive-mark{margin-top:18px}.mission-complete-card h1{max-width:none;font-size:clamp(2.45rem,8vw,4.35rem)}.completion-badge{color:#d5ffdd;background:#1b977852;border:1px solid #a4f5c9c2;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto;font-size:2.6rem;display:grid;box-shadow:0 0 30px #83f0e138}.mission-complete-card .subtitle{margin-bottom:0}@keyframes drift{0%{opacity:0;transform:translateY(0)translate(0)}10%,85%{opacity:1}to{opacity:0;transform:translateY(-115svh)translate(28px)}}@media (width<=760px){.mission-grid{grid-template-columns:1fr}.map-screen .screen-header{margin-bottom:31px}.map-heading{flex-direction:column;align-items:start;gap:11px}.mission-card{min-height:188px}.mission-card__topline{margin-bottom:17px}.challenge-screen{padding-inline:16px}.challenge-card{border-radius:23px}.answer-choice{grid-template-columns:auto 1fr}.answer-choice__result{text-align:left;grid-column:2}.answer-choice--muted .answer-choice__result{display:none}}@media (width<=390px){.ocean-screen{padding:16px}.welcome-card,.intro-card{border-radius:26px}.footer-note{font-size:.67rem;bottom:14px}.map-screen{padding:16px 16px 42px}.intro-screen .screen-header{left:16px;right:16px}.brand-button span{display:none}}@media (prefers-reduced-motion:reduce){.bubbles span{animation:none}.start-button,.return-button,.mission-card--available,.answer-choice{transition:none}}.base-screen{padding:20px clamp(16px,5vw,64px) 52px;display:block}.base-header{justify-content:space-between;align-items:center;width:min(100%,1060px);min-height:58px;margin:0 auto 42px;display:flex}.dive-base{width:min(100%,1060px);margin:0 auto}.base-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.base-heading h1{max-width:none;margin:0;font-size:clamp(2.7rem,7vw,5rem)}.base-heading>div>p:last-child{color:#eafcffc2;margin:15px 0 0}.site-row{grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin-top:34px;display:grid}.dive-site{color:#fff;text-align:left;min-height:272px;font:inherit;background:linear-gradient(#188bb2,#07517e 62%,#06385e);border:1px solid #b5f4ff33;border-radius:22px;flex-direction:column;justify-content:end;align-items:flex-start;padding:22px;display:flex;position:relative;overflow:hidden}.dive-site--available{cursor:pointer;transition:transform .18s,border-color .18s;box-shadow:inset 0 1px #ffffff38,0 14px 30px #000c2b33}.dive-site--available:hover{border-color:var(--aqua);transform:translateY(-4px)}.dive-site--locked{filter:saturate(.45);background:linear-gradient(#174766,#082a4c)}.dive-site--locked:after{content:"";background:#01102745;position:absolute;inset:0}.site-water{background:radial-gradient(at 38% 8%,#c6ffff99,#0000 26%);position:absolute;inset:0}.site-water span{background:#e5795f;border-radius:50% 50% 10px 10px;width:70px;height:100px;position:absolute;bottom:30px;box-shadow:33px 22px 0 -10px #e69b65,-36px 30px 0 -14px #c75663}.site-water span:first-child{left:14%}.site-water span:nth-child(2){background:#b84d71;bottom:16px;right:12%;transform:scale(.7)}.site-water span:nth-child(3){background:#efaa75;width:50px;height:70px;bottom:5px;left:53%;transform:scale(.65)}.dive-site--locked .site-water{opacity:.48}.site-label,.site-detail{z-index:1;position:relative}.site-label{font-size:1.24rem;font-weight:800}.site-detail{color:#eafcffbf;margin-top:5px;font-size:.88rem}.dive-log{background:#04274b6b;border:1px solid #b5f4ff29;border-radius:20px;margin-top:28px;padding:23px}.log-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.log-heading h2{color:#fff;margin:0;font-size:1.17rem}.log-heading span{color:#eafcff8a;font-size:.78rem}.empty-log{color:#eafcffa1;margin:17px 0 0}.discovery-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:17px;display:grid}.discovery-entry{background:#0e64755e;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.discovery-entry>span{color:#d5ffdd;background:#1b97784d;border:1px solid #a4f5c9b3;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.25rem;display:grid}.discovery-entry strong{color:#fff}.discovery-entry p{color:#eafcffb3;margin:3px 0 0;font-size:.82rem}.reef-preview-card{background:linear-gradient(110deg,#074d65ed,#10778bbf);border:1px solid #b0f4e56b;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:21px 24px;display:flex}.reef-preview-card h2{color:#fff;margin:4px 0 5px;font-size:1.25rem}.reef-preview-card p{color:#cdece9;margin:0;font-size:.86rem}.reef-preview-card .start-button{flex:none;min-height:46px}@media (width<=640px){.reef-preview-card{flex-direction:column;align-items:stretch}}.reef-screen{place-items:center;padding:0}.reef-dive{background:linear-gradient(#69d5e7 0%,#248abe 36%,#07568c 69%,#06385e 100%);width:min(100%,1080px);min-height:min(100svh,720px);position:relative;overflow:hidden}.reef-water{position:absolute;inset:0;overflow:hidden}.light-ray{clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);opacity:.62;background:linear-gradient(#ffffdc59,#0000);width:18%;height:78%;position:absolute;top:-10%}.ray-one{left:18%;transform:rotate(8deg)}.ray-two{opacity:.38;height:91%;left:48%;transform:rotate(-7deg)}.ray-three{opacity:.4;height:70%;left:76%;transform:rotate(12deg)}.swim-fish{background:#05345bba;border-radius:50% 50% 42% 42%;width:30px;height:14px;animation:12s linear infinite swim;position:absolute}.swim-fish:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:10px solid #05345bba;position:absolute;top:3px;right:-9px}.fish-one{top:26%;left:-8%}.fish-two{animation-delay:-4s;top:42%;left:-12%;transform:scale(.6)}.fish-three{animation-delay:-8s;top:18%;left:-15%;transform:scale(.8)}.buoy-line{background:#fff4bfe6;width:3px;height:92%;position:absolute;top:0;left:29%;box-shadow:0 0 5px #ffffffb3}.buoy{background:#ed6a65;border:4px solid #fff1c5;border-radius:50%;width:27px;height:27px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.reef-floor{clip-path:polygon(0 47%,8% 57%,17% 40%,29% 64%,42% 35%,53% 62%,66% 32%,78% 54%,88% 39%,100% 55%,100% 100%,0 100%);background:#103e53;height:26%;position:absolute;bottom:-5px;left:0;right:0}.coral{background:#e3726d;border-radius:45% 45% 7px 7px;width:45px;height:104px;position:absolute;bottom:15%;box-shadow:28px 31px 0 -8px #f2a169,-24px 44px 0 -12px #bf5a79}.coral-one{left:11%}.coral-two{background:#d45b7c;height:128px;right:12%;transform:scale(.88)}.coral-three{background:#f0ac6e;height:77px;left:58%;transform:scale(.68)}.seaweed{transform-origin:bottom;background:#49a884;border-radius:90% 0;width:12px;height:112px;animation:2.8s ease-in-out infinite alternate sway;position:absolute;bottom:12%}.seaweed-one{left:35%}.seaweed-two{height:84px;animation-delay:-1.2s;right:34%}.dive-pair{width:215px;height:130px;transition:transform .7s;position:absolute;top:32%;left:36%}.diver,.buddy{background:#203d64;border-radius:42% 50% 42% 45%;width:82px;height:47px;position:absolute;box-shadow:inset -12px -5px #00000024}.diver{top:22px;left:0}.buddy{top:52px;left:108px;transform:scale(.84)}.diver:before,.buddy:before{content:"";background:#f0b58a;border-radius:48% 48% 42% 42%;width:33px;height:34px;position:absolute;top:-21px;left:11px}.tank{background:#e5e7dc;border-radius:8px;width:20px;height:43px;position:absolute;top:2px;left:-16px}.diver-mask{z-index:1;background:#124d6c;border:3px solid #a9f4eb;border-radius:7px;width:29px;height:15px;position:absolute;top:-14px;left:15px}.flipper{background:#f0bd4d;border-radius:4px 70% 70% 4px;width:37px;height:13px;position:absolute;bottom:-7px;right:-22px;transform:rotate(-9deg)}.diver-bubble{border:2px solid #dcffffcc;border-radius:50%;animation:2.3s linear infinite diver-bubbles;position:absolute}.bubble-a{width:10px;height:10px;top:4px;left:51px}.bubble-b{width:7px;height:7px;animation-delay:-.8s;top:-12px;left:69px}.bubble-c{width:5px;height:5px;animation-delay:-1.45s;top:15px;left:82px}.reef-dive--safe .dive-pair{transform:translateY(-20px)}.reef-dive--unsafe .dive-pair{transform:translate(-9px)rotate(-2deg)}.dive-hud{color:#efffffdb;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;font-size:.78rem;font-weight:800;display:flex;position:absolute;top:22px;left:24px;right:24px}.dive-hud span:last-child{color:#efffffa1}.play-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#022346bf;border:1px solid #ceffff52;border-radius:20px;width:min(390px,100% - 48px);padding:21px;position:absolute;bottom:24px;right:24px;box-shadow:0 14px 30px #000d273b}.play-panel p{color:#fff;margin:0;line-height:1.45}.pressure-cue{align-items:center;gap:10px;font-weight:800;display:flex}.pressure-cue span{color:#5e3b21;background:#ffd07c;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.action-buttons{gap:9px;margin-top:15px;display:grid}.play-panel button{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:#11739199;border:1px solid #abf8ed6b;border-radius:12px;padding:12px 14px;font-size:.91rem;font-weight:700}.play-panel button:hover{border-color:var(--aqua);background:#1c909dad}.play-panel--calm{border-color:#a4f5c9a6}.play-panel--ouch{border-color:#ffc093ad}.play-panel--ouch p{margin-bottom:15px}.play-panel--complete{border-color:#a4f5c9b3}.discovery-kicker{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800;color:var(--aqua)!important}.play-panel--complete h2{color:#fff;margin:5px 0 8px;font-size:1.65rem}.play-panel--complete button{color:#073452;text-align:center;background:linear-gradient(135deg,#a2f8e9,#5bd8e2);margin-top:16px}.play-panel .why-button{color:#eafcffb3;background:0 0;border-color:#0000;margin-top:9px;text-decoration:underline}.why-copy{border-top:1px solid #b5f4ff33;padding-top:13px;font-size:.83rem;color:#eafcffd1!important;margin-top:13px!important}@keyframes swim{0%{transform:translate(0)}to{transform:translate(125vw)}}@keyframes sway{0%{transform:rotate(-8deg)}to{transform:rotate(9deg)}}@keyframes diver-bubbles{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{opacity:0;transform:translateY(-50px)translate(10px)}}@media (width<=760px){.base-screen{padding:16px 16px 42px}.base-header{margin-bottom:27px}.base-heading{flex-direction:column;align-items:start;gap:12px}.site-row{grid-template-columns:1fr;margin-top:26px}.dive-site{min-height:210px}.reef-dive{min-height:100svh}.dive-pair{transform-origin:0;top:34%;left:21%;transform:scale(.83)}.reef-dive--safe .dive-pair{transform:translateY(-20px)scale(.83)}.reef-dive--unsafe .dive-pair{transform:translate(-9px)rotate(-2deg)scale(.83)}.buoy-line{left:17%}.dive-hud{top:17px;left:16px;right:16px}.dive-hud span:last-child{display:none}.play-panel{width:calc(100% - 32px);bottom:16px;right:16px}.coral-two{right:-5%}.coral-one{left:-3%}}.reef-screen{background:#031e42}.reef-dive{perspective:900px;background:linear-gradient(#76dce6 0%,#2b9fc5 25%,#10699b 63%,#075078 100%);min-height:min(100svh,760px)}.reef-stage{transform-style:preserve-3d;position:absolute;inset:0;overflow:hidden}.sun-disc{aspect-ratio:1;filter:blur(16px);background:#d9ffef3d;border-radius:50%;width:45%;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.light-field{animation:14s ease-in-out infinite alternate light-drift;position:absolute;inset:-12% 0 0}.light-field span{clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);background:linear-gradient(#efd6,#0000 82%);width:18%;height:80%;position:absolute;top:0}.light-field span:first-child{left:12%;transform:rotate(8deg)}.light-field span:nth-child(2){opacity:.55;height:95%;left:44%;transform:rotate(-5deg)}.light-field span:nth-child(3){opacity:.65;height:70%;right:8%;transform:rotate(11deg)}.far-water{animation:24s ease-in-out infinite alternate far-water-drift;position:absolute;inset:0}.far-fish{background:#043b5e85;border-radius:55% 45% 45% 55%;width:24px;height:10px;animation:18s linear infinite fish-cross;position:absolute}.far-fish:after{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:8px solid #043b5e85;position:absolute;top:2px;right:-7px}.far-fish-one{top:23%;left:-8%}.far-fish-two{animation-delay:-6s;top:36%;left:-14%;transform:scale(.7)}.far-fish-three{animation-delay:-12s;top:15%;left:-19%;transform:scale(.5)}.far-reef{opacity:.48;height:22%;animation:18s ease-in-out infinite alternate far-reef-drift;position:absolute;bottom:28%;left:-5%;right:-5%}.far-reef:before{clip-path:polygon(0 72%,8% 38%,19% 64%,30% 24%,43% 66%,55% 31%,68% 72%,82% 18%,92% 60%,100% 34%,100% 100%,0 100%);content:"";background:#0b6277;position:absolute;inset:36% 0 0}.far-reef span{transform-origin:bottom;background:#36a188;border-radius:90% 0;width:18px;height:64px;animation:4s ease-in-out infinite alternate sway;position:absolute;bottom:14%}.far-reef span:first-child{left:12%}.far-reef span:nth-child(2){height:44px;animation-delay:-1s;left:37%}.far-reef span:nth-child(3){height:76px;animation-delay:-2s;right:28%}.far-reef span:nth-child(4){height:52px;animation-delay:-.5s;right:7%}.reef-path{clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);background:linear-gradient(#157b811f,#073645c2);width:72%;height:55%;position:absolute;bottom:-1%;left:50%;transform:translate(-50%)}.path-stone{background:#70b29e52;border-radius:50%;width:24px;height:10px;position:absolute}.stone-one{top:24%;left:47%}.stone-two{width:42px;height:16px;top:56%;left:31%}.stone-three{width:70px;height:25px;bottom:8%;right:20%}.reef-bank{filter:drop-shadow(0 -8px 12px #022b3e24);background:#104d5d;width:45%;height:48%;animation:12s ease-in-out infinite alternate near-reef-drift;position:absolute;bottom:-8%}.reef-bank-left{clip-path:polygon(0 25%,24% 31%,43% 11%,62% 28%,78% 9%,100% 38%,100% 100%,0 100%);left:-13%}.reef-bank-right{clip-path:polygon(0 41%,17% 13%,41% 29%,61% 7%,78% 30%,100% 18%,100% 100%,0 100%);animation-direction:alternate-reverse;right:-13%}.reef-bank span{background:#ed7c72;border-radius:48% 52% 12px 12px;width:38px;height:83px;position:absolute;bottom:50%;box-shadow:25px 27px 0 -9px #efad68,-20px 36px 0 -12px #c95d83}.reef-bank span:first-child{left:27%}.reef-bank span:nth-child(2){bottom:35%;left:58%;transform:scale(.66)}.reef-bank span:nth-child(3){background:#d36187;bottom:55%;right:5%;transform:scale(.82)}.buoy-line-3d{transform-origin:top;background:linear-gradient(#fff3bf,#e5d9a6);width:3px;height:82%;position:absolute;top:0;left:34%;transform:rotate(2deg);box-shadow:0 0 4px #ffffe7b8}.buoy-3d{background:#ee716d;border:4px solid #fff0bc;border-radius:50%;width:30px;height:30px;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 4px #642c3038}.depth-knot{background:#ef7b6b;border-radius:4px;width:11px;height:7px;position:absolute;left:-4px}.knot-one{top:31%}.knot-two{top:58%}.buddy-diver,.player-diver{z-index:4;transform-style:preserve-3d;position:absolute}.buddy-diver{opacity:.94;width:72px;height:108px;animation:4.2s ease-in-out infinite buddy-float;top:26%;left:55%;transform:scale(.62)rotate(-5deg)}.player-diver{width:132px;height:180px;margin-left:-66px;transition:bottom .55s,transform .45s;animation:3.4s ease-in-out infinite player-float;bottom:12%;left:50%}.character-head{z-index:5;background:#efb58b;border:4px solid #173451;border-radius:48% 48% 40% 40%;width:45px;height:39px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 5px #163a58}.character-head i{background:#0b526dcc;border:3px solid #9cf3e9;border-radius:7px;width:47px;height:16px;position:absolute;top:8px;left:-5px}.character-body{z-index:3;background:#243f67;border-radius:24px 24px 14px 14px;width:58px;height:65px;position:absolute;top:45px;left:50%;transform:translate(-50%);box-shadow:inset -10px -4px #031c3738}.character-tank{z-index:1;background:#ecf0dc;border:3px solid #d1dedc;border-radius:11px;width:27px;height:77px;position:absolute;top:34px;box-shadow:inset -6px 0 #547b7f38}.player-diver .tank-left{left:36px;transform:rotate(-5deg)}.player-diver .tank-right{right:36px;transform:rotate(5deg)}.buddy-diver .character-tank{left:22px}.character-arm{z-index:2;transform-origin:50% 8px;background:#26466e;border-radius:10px;width:20px;height:61px;transition:transform .35s;position:absolute;top:57px}.arm-left{left:22px;transform:rotate(18deg)}.arm-right{right:22px;transform:rotate(-18deg)}.character-arm:after{content:"";background:#efb58b;border-radius:50%;width:16px;height:18px;position:absolute;bottom:-6px;left:2px}.character-leg{z-index:2;transform-origin:50% 7px;background:#1d385e;border-radius:11px;width:25px;height:66px;position:absolute;top:99px}.leg-left{left:37px;transform:rotate(7deg)}.leg-right{right:37px;transform:rotate(-7deg)}.character-leg i{transform-origin:top;background:#f3c755;border-radius:8px 8px 70% 70%;width:38px;height:20px;position:absolute;bottom:-12px;left:-7px}.buddy-diver .character-body{width:50px}.buddy-diver .character-arm{top:55px}.buddy-diver .arm-left{left:8px}.buddy-diver .arm-right{right:8px}.buddy-diver .character-leg{top:96px}.buddy-diver .leg-left{left:13px}.buddy-diver .leg-right{right:13px}.buddy-ring{border:2px solid #99f9e033;border-radius:50%;width:120px;height:120px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.player-diver .leg-left{animation:1.4s ease-in-out infinite fin-kick-left}.player-diver .leg-right{animation:1.4s ease-in-out infinite fin-kick-right}.player-diver.pose-stop,.player-diver.pose-signal,.player-diver.pose-uncomfortable{animation:none}.player-diver.pose-stop .character-leg,.player-diver.pose-hover .character-leg,.player-diver.pose-signal .character-leg,.player-diver.pose-uncomfortable .character-leg{animation-play-state:paused}.player-diver.pose-hover{animation:2.4s ease-in-out infinite hover-pose}.player-diver.pose-rise{animation:2.4s ease-in-out infinite hover-pose;bottom:calc(12% + 24px)}.player-diver.pose-signal{bottom:calc(12% + 24px)}.player-diver.pose-signal .arm-right{transform:translate(12px,-26px)rotate(-125deg)}.player-diver.pose-continue{animation:2.8s ease-in-out infinite calm-continue;bottom:calc(12% + 18px)}.player-diver.pose-uncomfortable{transform:rotate(4deg)translateY(8px)}.player-diver.pose-uncomfortable .arm-left{transform:rotate(55deg)}.player-diver.pose-uncomfortable .arm-right{transform:rotate(-55deg)}.signal-hand{z-index:8;color:#dffff4;opacity:0;background:#054857d6;border:2px solid #a8f4de;border-radius:50%;padding:4px 6px;font-size:9px;font-style:normal;font-weight:900;transition:opacity .22s;position:absolute;top:12px;right:-36px}.pose-signal .signal-hand{opacity:1}.player-bubble{z-index:7;border:2px solid #e1ffffbf;border-radius:50%;animation:2.8s linear infinite player-bubbles;position:absolute;top:10px;right:29px}.bubble-one{width:10px;height:10px}.bubble-two{width:7px;height:7px;animation-delay:-.9s}.bubble-three{width:5px;height:5px;animation-delay:-1.8s}.foreground-particles{animation:12s linear infinite particle-drift;position:absolute;inset:0}.foreground-particles span{background:#d5ffeb80;border-radius:50%;width:4px;height:4px;position:absolute}.foreground-particles span:first-child{top:20%;left:14%}.foreground-particles span:nth-child(2){top:42%;left:78%}.foreground-particles span:nth-child(3){top:66%;left:23%}.foreground-particles span:nth-child(4){top:31%;left:63%}.foreground-particles span:nth-child(5){top:74%;left:85%}.reef-dive .dive-hud{z-index:10}.pose-readout{background:#04324d4d;border:1px solid #ccffef47;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;display:inline-flex}.pose-readout i{background:#a7f5d7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #a7f5d7}.reef-dive .play-panel{z-index:11;left:24px;right:auto}.calm-progress{gap:7px;margin-top:13px;display:flex}.calm-progress span{background:#a4f5c952;border-radius:50%;width:8px;height:8px}.pose-hover~.foreground-particles+.dive-hud{opacity:1}@keyframes player-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1deg)}}@keyframes hover-pose{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes calm-continue{0%,to{transform:translateY(0)scale(.98)}50%{transform:translateY(-5px)scale(1)}}@keyframes buddy-float{0%,to{transform:scale(.62)translateY(0)rotate(-5deg)}50%{transform:scale(.62)translateY(-8px)rotate(-2deg)}}@keyframes fin-kick-left{0%,to{transform:rotate(8deg)}50%{transform:rotate(20deg)}}@keyframes fin-kick-right{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-20deg)}}@keyframes player-bubbles{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(17px,-76px)}}@keyframes fish-cross{0%{translate:0}to{translate:125vw}}@keyframes light-drift{0%{transform:translate(-2%)}to{transform:translate(3%)}}@keyframes far-water-drift{0%{transform:translate(-2%)}to{transform:translate(2%)}}@keyframes far-reef-drift{0%{transform:translate(-1.5%)}to{transform:translate(1.5%)}}@keyframes near-reef-drift{0%{transform:translate(-2px)scale(1)}to{transform:translate(5px)scale(1.025)}}@keyframes particle-drift{0%{transform:translate(0)}to{transform:translate(-22px,-40px)}}@media (width<=760px){.reef-dive{min-height:100svh}.player-diver{transform-origin:bottom;bottom:31%;transform:scale(.82)}.player-diver.pose-rise,.player-diver.pose-signal{bottom:calc(31% + 19px)}.player-diver.pose-continue{bottom:calc(31% + 14px)}.buddy-diver{top:24%;left:58%}.buoy-line-3d{left:24%}.reef-bank{height:38%}.reef-dive .play-panel{bottom:14px;left:16px;right:16px}.reef-dive .dive-hud .pose-readout{display:inline-flex}.reef-dive .dive-hud span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.light-field,.far-water,.far-reef,.reef-bank,.far-fish,.buddy-diver,.player-diver,.player-diver .character-leg,.player-bubble,.foreground-particles{animation:none}}.mission-shell{--cream:#fff9df;--mint:#bff3dc;min-height:100svh;color:var(--cream);background:linear-gradient(#073a62,#032844);padding:18px clamp(14px,3vw,38px) 20px}.mission-topbar{justify-content:space-between;align-items:end;gap:18px;width:min(100%,1280px);margin:0 auto 14px;display:flex}.mission-kicker{color:#a8efd5;letter-spacing:.12em;text-transform:uppercase;font-size:.73rem;font-weight:800}.mission-topbar h1{letter-spacing:-.045em;max-width:none;margin:3px 0 0;font-size:clamp(1.6rem,4vw,2.55rem);line-height:1.1}.mission-top-actions{gap:8px;display:flex}.mission-top-actions button,.motion-toggle{color:#eefef3;min-height:42px;font:inherit;cursor:pointer;background:#0f647773;border:1px solid #c7ffed7a;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:750}.mission-top-actions button:hover,.motion-toggle:hover{background:#1f8d9499}.mission-top-actions button:disabled{opacity:.5;cursor:default}.mission-board{isolation:isolate;background:#65cad4;border:3px solid #b7f9dd87;border-radius:28px;width:min(100%,1280px);height:clamp(540px,100svh - 155px,770px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 58px #000f295c,inset 0 2px #ffffff80}.phaser-mount,.phaser-mount canvas{width:100%;height:100%;display:block}.phaser-mount{touch-action:none;position:absolute;inset:0}.mission-board--experimental{background:#1386a6}.reef25d-layer,.reef25d-loading{pointer-events:none;position:absolute;inset:0;overflow:hidden}.reef25d-layer canvas{pointer-events:none;width:100%;height:100%;display:block}.reef25d-layer--back,.reef25d-loading{z-index:0}.reef25d-loading{background:linear-gradient(#67d2d8,#0d7597 55%,#073f63)}.mission-board--experimental .phaser-mount{z-index:2}.reef25d-layer--front{z-index:3}.mission-board--experimental .mission-hud,.mission-board--experimental .instruments{z-index:5}.mission-board--experimental .touch-controls{z-index:6}.mission-board--dive-one-art .phaser-mount{background:linear-gradient(#72cad4,#0a617f 68%,#084a67)}.mission-board--dive-one-art .phaser-mount>canvas{z-index:2;position:absolute;inset:0}.mission-board--dive-one-art .phaser-mount>.reef25d-layer--front{z-index:3}.mission-board--dive-one-art .phaser-mount>.mission-hint,.mission-board--dive-one-art .phaser-mount>.ascent-banner{z-index:5}@media (height<=520px) and (orientation:landscape){.mission-shell--experimental{min-height:100svh;padding:5px 8px}.mission-shell--experimental .mission-topbar{align-items:center;margin-bottom:4px}.mission-shell--experimental .mission-topbar h1{font-size:1.15rem}.mission-shell--experimental .mission-kicker{font-size:.56rem}.mission-board--experimental{border-radius:16px;height:calc(100svh - 66px);min-height:260px}.mission-board--experimental .mission-hud{top:7px;left:8px;right:8px}.mission-board--experimental .mission-objective{max-width:38%;padding:5px 8px}.mission-board--experimental .instruments{gap:4px;top:54px;right:8px}.mission-board--experimental .dive-computer,.mission-board--experimental .spg{min-width:0;padding:4px 6px}.mission-board--experimental .dive-computer small{display:none}.mission-board--experimental .touch-controls{bottom:6px;left:8px;right:8px}.mission-board--experimental .direction-pad{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px)}.mission-board--experimental .direction-pad button{width:40px;height:40px}.mission-board--experimental .touch-actions button{width:60px;height:40px}.mission-shell--experimental .mission-footnote{margin-top:3px;font-size:.6rem}}.mission-hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:start;gap:15px;display:flex;position:absolute;top:16px;left:16px;right:16px}.mission-objective{background:#04374ec7;border:1px solid #e1fff666;border-radius:16px;max-width:min(74%,440px);padding:11px 15px;box-shadow:0 6px 20px #00233e21}.mission-objective span{color:#adebd5;letter-spacing:.13em;text-transform:uppercase;margin-bottom:3px;font-size:.63rem;font-weight:850;display:block}.mission-objective strong{font-size:clamp(.8rem,2vw,.97rem);line-height:1.27}.photo-progress{background:#04374ec7;border:1px solid #e1fff666;border-radius:999px;gap:7px;padding:10px 12px;display:flex}.photo-progress span{color:#fff6;background:#ffffff26;border:1px solid #f4ffe7a8;border-radius:50%;place-items:center;width:23px;height:23px;font-size:.83rem;display:grid}.photo-progress span.collected{color:#1c685f;background:#c6f6dc}.mission-hint{z-index:3;color:#fffde8;text-align:center;pointer-events:none;background:#0a4f5fd6;border:1px solid #d5ffeaa8;border-radius:999px;max-width:calc(100% - 30px);padding:9px 17px;font-size:.86rem;font-weight:800;position:absolute;top:87px;left:50%;transform:translate(-50%);box-shadow:0 9px 20px #0529412e}.mission-hint--buddy{border-color:#ffe5a7}.touch-controls{z-index:4;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.touch-controls button{color:#fffde8;width:48px;height:48px;font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#044056bf;border:1px solid #f5ffe5b3;border-radius:14px;place-items:center;font-weight:800;display:grid;box-shadow:0 3px #022c4499}.touch-controls button:active{background:#319ca6;transform:translateY(2px);box-shadow:0 1px #022c4499}.direction-pad{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);gap:3px;display:grid}.pad-up{grid-area:1/2}.pad-left{grid-area:2/1}.pad-right{grid-area:2/3}.pad-down{grid-area:3/2}.touch-actions{gap:8px;display:flex}.touch-actions button{color:#0d4c5e;background:#cbf2d5;border-radius:999px;width:74px;height:52px}.touch-actions button:last-child{color:#fffde8;background:#055167d4}.mission-modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02263d73;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.mission-modal{color:#19485e;text-align:center;background:#fff5d8;border:2px solid #bcefd4;border-radius:27px;width:min(100%,420px);max-height:100%;padding:clamp(22px,4vw,32px);overflow:auto;box-shadow:0 18px 55px #00233b59}.modal-icon{color:#185d67;background:#bcefd4;border-radius:50%;place-items:center;width:55px;height:55px;margin:0 auto 10px;font-size:1.8rem;display:grid}.mission-modal h2{color:#15445d;margin:0 0 11px;font-size:clamp(1.5rem,4vw,2rem);line-height:1.12}.mission-modal p{margin:0 0 13px;font-size:.91rem;line-height:1.47}.mission-modal .modal-note{color:#4d6d68;font-size:.78rem}.mission-modal button{color:#fffbea;width:100%;min-height:47px;font:inherit;cursor:pointer;background:#13788b;border:0;border-radius:999px;margin-top:16px;padding:10px 16px;font-weight:800;display:block}.mission-modal button:hover{background:#0d596f}.mission-modal .modal-secondary{color:#155b6b;background:0 0;border:1px solid #458d8d;margin-top:8px}.mission-modal .modal-link{color:#1c6372;background:0 0;min-height:34px;margin-top:5px;padding:4px;text-decoration:underline}.mission-modal--complete .completion-picks{flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0 17px;display:flex}.completion-picks span{color:#1c6265;background:#c9efda;border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:800}.mission-footnote{color:#e8fff0ab;text-align:center;width:min(100%,1280px);margin:9px auto 0;font-size:.75rem}.base-settings{align-items:center;gap:14px;display:flex}.base-settings .reset-progress{white-space:nowrap}.dive-site .site-play{z-index:2;color:#125267;background:#cdf5dd;border-radius:999px;margin-top:13px;padding:8px 12px;font-size:.77rem;font-weight:850;display:inline-block;position:relative}.discovery-entry details{color:#adefd7;margin-top:6px;font-size:.74rem}.discovery-entry details summary{cursor:pointer}.discovery-entry details p{max-width:45ch;margin-top:6px}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #fff3a8}@media (width<=720px){.mission-shell{padding:10px 8px 12px}.mission-topbar{align-items:start;margin-bottom:9px}.mission-topbar h1{font-size:1.35rem}.mission-kicker{font-size:.59rem}.mission-top-actions{flex:none}.mission-top-actions button{min-height:36px;padding:6px 9px;font-size:.69rem}.mission-board{border-width:2px;border-radius:18px;height:min(81svh,740px);min-height:510px}.mission-hud{gap:6px;top:10px;left:9px;right:9px}.mission-objective{border-radius:12px;max-width:72%;padding:8px 9px}.mission-objective strong{font-size:.7rem}.photo-progress{gap:3px;padding:6px}.photo-progress span{width:17px;height:17px;font-size:.68rem}.mission-hint{font-size:.74rem;top:68px}.touch-controls{bottom:8px;left:9px;right:9px}.touch-controls button{width:42px;height:42px;font-size:.74rem}.direction-pad{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,42px);gap:2px}.touch-actions{flex-direction:column;gap:5px}.touch-actions button{width:69px;height:43px}.base-settings{flex-direction:column;align-items:start;gap:8px}}@media (prefers-reduced-motion:reduce){.mission-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.instruments{z-index:2;pointer-events:none;align-items:start;gap:8px;display:flex;position:absolute;top:82px;right:16px}.dive-computer,.spg{color:#eaffed;background:#033144db;border:2px solid #b8eee4;border-radius:14px;gap:2px;min-width:145px;padding:9px 12px;display:grid;box-shadow:0 5px 16px #001e3438}.dive-computer span,.spg span{color:#a8edd5;letter-spacing:.07em;text-transform:uppercase;font-size:.6rem;font-weight:800}.dive-computer strong,.spg strong{font-size:1.2rem;line-height:1.1}.dive-computer small,.spg small{font-size:.63rem}.dive-computer .instrument-warning{color:#ffdaa1;font-weight:800}.mission-hint{top:182px}.profile-summary{color:#4d6d68;font-size:.75rem!important}.base-preparation{background:linear-gradient(110deg,#096274db,#074261d1);border:1px solid #abf8ed59;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;margin:26px 0 12px;padding:23px;display:flex}.base-preparation h2{color:#fff;margin:3px 0;font-size:1.35rem}.base-preparation p{color:#c8f0ee;margin:0;font-size:.86rem}.base-preparation .start-button{flex:none;min-width:165px;min-height:46px}.site-row{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-list{gap:8px;margin-bottom:18px;display:grid}.profile-entry{color:#e9fff3;background:#03354b61;border:1px solid #a4f5c93d;border-radius:14px;gap:3px;padding:12px 14px;display:grid}.profile-entry span,.profile-entry small{color:#c1e8e0;font-size:.74rem}.preparation-screen{color:#fffbea;background:radial-gradient(circle at 50% 0,#167ca2,#053e6a 55%,#032844);min-height:100svh;padding:20px clamp(14px,4vw,48px)}.preparation-card{background:#043854ba;border:1px solid #a5dfd5;border-radius:30px;grid-template-columns:minmax(180px,1fr) minmax(250px,1.4fr);align-items:center;gap:30px;width:min(100%,920px);margin:5vh auto;padding:clamp(22px,5vw,50px);display:grid;box-shadow:0 20px 50px #001a3045}.preparation-card h2{margin:0 0 14px;font-size:clamp(1.7rem,4vw,2.5rem)}.preparation-card p{line-height:1.5}.prep-gear{background:radial-gradient(circle at 50% 33%,#65c9c7,#147994 65%,#075277);border-radius:22px;min-height:270px;position:relative;box-shadow:inset 0 0 0 2px #d3fff04d}.prep-tank{background:#e8e9d6;border:5px solid #5d8a91;border-radius:20px;width:56px;height:154px;position:absolute;top:32px;left:42%;box-shadow:0 -10px 0 -3px #f7cc70,0 8px 0 3px #1d536e}.prep-mask{background:#9df0e5;border:7px solid #234b68;border-radius:15px 15px 25px 25px;width:82px;height:48px;position:absolute;top:75px;left:13%}.prep-fins{background:#facb6e;border:4px solid #1b596b;border-radius:12px 12px 25px 25px;width:42px;height:98px;position:absolute;bottom:30px;right:12%;transform:rotate(18deg);box-shadow:-44px 5px 0 -2px #f0b85c}.prep-choices{gap:10px;margin:23px 0 12px;display:grid}.prep-choices button{color:#ecfffa;font:inherit;text-align:left;cursor:pointer;background:#054868b3;border:1px solid #b0f8e480;border-radius:12px;padding:13px 16px;font-weight:750}.prep-choices button.selected{background:#126f88;border-color:#d8f7b3}.prep-feedback{color:#d4f8da;min-height:2.5em;font-size:.88rem}.preparation-card .start-button:disabled{opacity:.5;cursor:default}.mission-board--deep{background:#2c9fbc}.descent-cue{z-index:2;color:#eaffef;pointer-events:none;background:#033546d1;border:1px solid #d5f4d4;border-radius:14px;gap:2px;min-width:157px;padding:9px 12px;display:grid;position:absolute;top:85px;left:16px}.descent-cue span{color:#abeed8;letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:800}.descent-cue strong{font-size:.86rem}.descent-cue small{font-size:.65rem}.descent-cue .buoyancy-tendency{color:#174a5d;text-align:center;text-transform:capitalize;background:#d1f4dd;border-radius:9px;padding:4px 7px;font-size:.9rem;display:block}.descent-cue .buoyancy-tendency--sinking{background:#d8e9f6}.descent-cue .buoyancy-tendency--rising{background:#f9e5aa}.buoyancy-contributions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.buoyancy-contributions small{white-space:nowrap;background:#ffffff1a;border-radius:8px;gap:1px;padding:5px 6px;display:grid}.buoyancy-contributions b{color:#fff6cf;font-size:.8rem}.descent-cue .buoyancy-force{text-align:center}.descent-cue .fin-readout{border-top:1px solid #e1fff640;padding-top:4px}.descent-cue .ear-readout{color:#fff0bf}.descent-cue--full{border-color:#f8d390}.descent-cue--discomfort{background:#68353ed9;border-color:#ffb694}.boat-prompt{z-index:5;color:#fffbe6;white-space:nowrap;background:#033546e0;border:1px solid #d5f4d4;border-radius:999px;align-items:center;gap:14px;padding:10px 12px 10px 18px;display:flex;position:absolute;bottom:19px;left:50%;transform:translate(-50%)}.boat-prompt button{color:#164b5f;min-height:42px;font:inherit;cursor:pointer;background:#d5f4d4;border:0;border-radius:999px;padding:7px 19px;font-weight:800}.mission-board--deep .mission-hint{top:192px}.mission-board--deep .touch-actions button{width:auto;min-width:74px;padding:0 7px}.mission-board--deep .touch-actions .return-action{color:#194b5f;background:#f6daa0;grid-column:1/-1}.buoyancy-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.buoyancy-actions span{color:#eaffef;letter-spacing:.08em;text-align:center;grid-column:1/-1;font-size:.7rem;font-weight:850}.mission-board--deep .buoyancy-actions button{color:#174f5f;background:#cbf2d5}.dive-control-pad{gap:6px;width:100%;display:grid}.breath-actions{gap:5px;display:grid}.mission-board--deep .touch-controls .breath-actions button{text-align:left;border-color:#bcefd4;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:auto;min-height:55px;padding:6px 8px;line-height:1.1;display:flex}.breath-actions strong{font-size:.74rem}.breath-actions small{color:#d0f2e3;margin-top:3px;font-size:.59rem;font-weight:600}.horizontal-pad{justify-content:space-between;gap:5px;display:flex}.mission-board--deep .touch-controls .horizontal-pad button{width:calc(50% - 3px);height:38px}.fin-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.mission-board--deep .fin-actions button{color:#eaffef;background:#055167db}.ascent-banner{z-index:5;color:#492e1a;white-space:nowrap;pointer-events:none;background:#ffe39b;border:2px solid #fff0b7;border-radius:999px;padding:10px 17px;font-size:.95rem;font-weight:900;position:absolute;top:235px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #281e0f4d}.breathing-indicator{color:#d7f9e6;align-items:center;gap:5px;margin-top:3px;display:flex}.breathing-indicator span{gap:1px;min-width:0;display:grid}.breathing-indicator b{color:#fff4bb;font-size:.7rem;font-weight:800}.breathing-indicator i{opacity:.55;background:#d9f9eb;border-radius:50%;width:6px;height:6px;transition:opacity .5s,transform .5s;transform:scale(.7)}.breathing-indicator--exhale i{opacity:1;transform:scale(1.25)}.breathing-indicator--static i{transition:none}@media (prefers-reduced-motion:reduce){.breathing-indicator i{transition:none}}@media (width<=900px){.site-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.instruments{justify-content:flex-end;gap:5px;top:70px;left:8px;right:8px}.dive-computer,.spg{border-radius:10px;min-width:0;padding:5px 7px}.dive-computer strong,.spg strong{font-size:.88rem}.dive-computer small,.spg small{font-size:.53rem}.mission-hint{top:158px}.base-preparation{flex-direction:column;align-items:start}.site-row{grid-template-columns:1fr}.preparation-card{grid-template-columns:1fr;margin:20px auto}.prep-gear{min-height:165px}.prep-tank{height:100px;top:18px}.prep-fins{height:70px}.descent-cue{min-width:125px;padding:6px 8px;top:150px;left:8px}.descent-cue strong{font-size:.7rem}.descent-cue small{font-size:.55rem}.mission-board--deep .mission-hint{top:221px}.ascent-banner{font-size:.8rem;top:263px}.mission-board--deep .touch-actions{grid-template-columns:repeat(2,66px)}.mission-board--deep .touch-actions button{min-width:0;min-height:39px;font-size:.62rem}.boat-prompt{font-size:.76rem;bottom:12px}}.mission-shell--deep{flex-direction:column;height:100svh;min-height:0;display:flex;overflow:hidden}.mission-shell--deep .mission-topbar,.mission-shell--deep .mission-footnote{flex:none}.mission-board--deep{--interface-width:clamp(270px, 29%, 310px);grid-template-columns:minmax(0, 1fr) var(--interface-width);background:#0b4b65;flex:auto;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:0;height:100%;min-height:0;display:grid;overflow:hidden}.mission-board--deep .phaser-mount{border-right:2px solid #b7f9dd73;grid-area:1/1/-1/2;min-width:0;height:100%;min-height:0;position:relative;inset:auto;overflow:hidden}.mission-board--deep .mission-hud,.mission-board--deep .instruments,.mission-board--deep .descent-cue,.mission-board--deep .boat-prompt,.mission-board--deep .touch-controls,.mission-board--deep .dive-details{grid-column:2;width:auto;max-width:none;margin:0;position:relative;inset:auto;transform:none}.mission-board--deep .mission-hud{grid-row:1;padding:12px 12px 7px;display:block}.mission-board--deep .mission-objective{max-width:none;padding:9px 11px}.mission-board--deep .instruments{grid-row:2;gap:6px;padding:0 12px 7px;display:grid}.mission-board--deep .dive-computer,.mission-board--deep .spg{min-width:0;box-shadow:none}.mission-board--deep .spg{flex-wrap:wrap;align-items:baseline;column-gap:8px;display:flex}.mission-board--deep .spg strong{font-size:1rem}.mission-board--deep .descent-cue{grid-row:3;min-width:0;margin:0 12px 7px;padding:8px 11px}.mission-board--deep .dive-details{color:#ddf8ee;opacity:.86;background:#033546b3;border:1px solid #bef2d880;border-radius:11px;grid-row:4;align-self:start;min-height:0;max-height:min(100%,34px);margin:0 12px 8px;padding:6px 10px;font-size:.68rem;transition:max-height .22s,opacity .22s;overflow:hidden}.mission-board--deep .dive-details[open]{opacity:1;overscroll-behavior:contain;max-height:min(100%,180px);overflow-y:auto}.mission-board--deep .dive-details summary{z-index:1;cursor:pointer;background:#0b4b65;padding:2px 0 4px;font-weight:800;position:sticky;top:-6px}@media (prefers-reduced-motion:reduce){.mission-board--deep .dive-details{transition:none}}.mission-board--deep .dive-details small{margin-top:5px;line-height:1.3;display:block}.mission-board--deep .instruments .dive-computer>small:not(.instrument-warning),.mission-board--deep .instruments .spg>small{display:none}.mission-board--deep .boat-prompt{background:0 0;border:0;grid-row:5;align-self:end;padding:12px;display:block}.mission-board--deep .boat-prompt button{width:100%;min-height:50px}.mission-board--deep .touch-controls{pointer-events:auto;grid-row:5;grid-template-columns:120px minmax(0,1fr);align-items:end;gap:8px;padding:8px 12px 12px;display:grid}.mission-board--deep .direction-pad{grid-template-rows:repeat(3,38px);grid-template-columns:repeat(3,38px);gap:2px}.mission-board--deep .touch-controls .direction-pad button{width:38px;height:38px}.mission-board--deep .touch-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.mission-board--deep .touch-actions .return-action{grid-column:auto}.mission-board--deep .touch-actions button{width:100%;min-width:0;height:auto;min-height:42px;padding:5px 3px;font-size:.69rem;line-height:1.08}.mission-board--deep .touch-actions .fin-actions button{min-height:38px}.mission-board--deep .touch-controls .breath-actions button[aria-pressed=true]{color:#123f54;background:#ffe2a0;border-color:#fff2aa;box-shadow:0 0 0 2px #fff1b559}.mission-board--deep .touch-controls .breath-actions button[aria-pressed=true] small{color:#31596a}.mission-board--deep .mission-hint{white-space:normal;max-width:calc(100% - 26px);top:14px;left:50%}.mission-board--deep .ascent-banner{top:64px;left:50%}@media (width<=800px) and (orientation:portrait){.mission-shell{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.mission-shell--deep .mission-footnote{display:none}.mission-board--deep{--scene-height:clamp(180px, 30svh, 330px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto var(--scene-height) minmax(0, 1fr) auto;height:100%;min-height:0;overflow:hidden}.mission-board--deep .mission-hud,.mission-board--deep .instruments,.mission-board--deep .descent-cue,.mission-board--deep .boat-prompt,.mission-board--deep .touch-controls,.mission-board--deep .dive-details{grid-column:1}.mission-board--deep .mission-hud{grid-row:1;padding:8px}.mission-board--deep .mission-objective{padding:7px 10px}.mission-board--deep .phaser-mount{border-top:1px solid #b7f9dd73;border-bottom:1px solid #b7f9dd73;border-right:0;grid-area:4/1;width:100%;height:100%;min-height:0}.mission-board--deep .instruments{grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:5px;padding:0 8px 5px}.mission-board--deep .dive-computer,.mission-board--deep .spg{padding:6px 8px}.mission-board--deep .spg{align-content:start;gap:2px;display:grid}.mission-board--deep .descent-cue{grid-row:3;gap:3px;margin:0 8px 6px}.mission-board--deep .descent-cue>span{display:none}.mission-board--deep .descent-cue .buoyancy-tendency{width:fit-content;min-width:95px;display:inline-block}.mission-board--deep .buoyancy-contributions{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-board--deep .touch-controls{grid-row:6;grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr);align-items:start;padding:8px 8px 10px}.mission-board--deep .dive-details{grid-row:5;margin:0 8px 6px}.mission-board--deep .boat-prompt{grid-row:6;padding:8px}.mission-board--deep .mission-hint{max-width:calc(100% - 20px);font-size:.73rem;top:15px;left:50%}.mission-board--deep .ascent-banner{top:58px;left:50%}}@media (width<=479px) and (orientation:portrait){.mission-board--deep .touch-controls{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6px}.mission-board--deep .breath-actions{grid-template-columns:minmax(0,1fr)}.mission-board--deep .touch-controls .breath-actions button{min-height:40px;padding:4px 6px}.mission-board--deep .horizontal-pad{gap:7px}.mission-board--deep .touch-controls .horizontal-pad button{width:calc(50% - 4px);min-height:38px}.mission-board--deep .touch-actions button{min-height:36px}}@media (height<=720px) and (orientation:portrait){.mission-board--deep{--scene-height:clamp(150px, 25svh, 200px);grid-template-rows:auto auto auto var(--scene-height) minmax(28px, 1fr) minmax(0, 32%)}.mission-board--deep .mission-hud{padding:5px 8px 2px}.mission-board--deep .instruments{padding-bottom:2px}.mission-board--deep .descent-cue{margin-bottom:2px;padding-top:4px;padding-bottom:4px}.mission-board--deep .touch-controls{overscroll-behavior:contain;scrollbar-width:thin;align-self:stretch;min-height:0;padding-top:3px;padding-bottom:4px;overflow-y:auto}}@media (height<=520px) and (orientation:landscape){.mission-shell{padding:max(5px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.mission-topbar{margin-bottom:5px}.mission-topbar h1{font-size:1.28rem}.mission-board--deep{--interface-width:clamp(240px, 35%, 320px);border-radius:16px;grid-template-rows:auto auto auto minmax(26px,1fr) minmax(0,44%);height:100%;min-height:0}.mission-board--deep .mission-hud{padding:6px 8px 4px}.mission-board--deep .mission-objective{padding:6px 8px}.mission-board--deep .instruments{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:4px;padding:0 8px 4px}.mission-board--deep .dive-computer,.mission-board--deep .spg{padding:5px 8px}.mission-board--deep .spg{align-content:start;gap:2px;display:grid}.mission-board--deep .descent-cue{gap:2px;margin:0 8px 4px;padding:5px 8px}.mission-board--deep .descent-cue small{font-size:.55rem}.mission-board--deep .buoyancy-contributions small{padding:2px 5px}.mission-board--deep .buoyancy-contributions b{font-size:.65rem}.mission-board--deep .buoyancy-contributions{display:none}.mission-board--deep .touch-controls{overscroll-behavior:contain;scrollbar-width:thin;align-self:stretch;min-height:0;padding:4px 8px 8px;overflow-y:auto}.mission-board--deep .touch-controls .breath-actions button{min-height:43px;padding:4px 7px}.breath-actions strong{font-size:.66rem}.breath-actions small{font-size:.52rem}.mission-board--deep .touch-controls .horizontal-pad button{height:32px}.mission-board--deep .touch-actions button,.mission-board--deep .touch-actions .fin-actions button{min-height:30px}}.dive-side-panel{display:contents}.mission-board--deep{grid-template-rows:minmax(0,1fr)}.mission-board--deep .phaser-mount{grid-area:1/1}.mission-board--deep .dive-side-panel{flex-direction:column;grid-area:1/2;height:100%;min-height:0;display:flex;overflow:hidden}.mission-board--deep .dive-side-panel>.mission-hud,.mission-board--deep .dive-side-panel>.instruments,.mission-board--deep .dive-side-panel>.descent-cue{flex:none}.mission-board--deep .dive-side-panel>.dive-details{flex:0 auto;min-height:30px;max-height:34px;margin:0 12px 6px;transition:none;overflow:hidden}.mission-board--deep .dive-side-panel>.dive-details[open]{max-height:96px;overflow:hidden}.mission-board--deep .dive-details summary{top:-6px}.mission-board--deep .dive-details-body{overscroll-behavior:contain;scrollbar-width:thin;opacity:1;max-height:60px;transition:max-height .22s,opacity .22s;overflow-y:auto}.mission-board--deep .reef-guide-card{overscroll-behavior:contain;color:#ebfff6;pointer-events:auto;scrollbar-width:thin;background:#144f65;border:1px solid #a6dfd5;border-radius:11px;flex:0 186px;min-height:64px;max-height:186px;margin:0 12px 6px;padding:7px 9px;font-size:.68rem;overflow-y:auto}.reef-guide-heading{color:#b4f2e1;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.64rem;font-weight:800;display:flex}.reef-guide-heading button{color:#134759;width:28px;height:28px;font:inherit;cursor:pointer;background:#d9f4e7;border:0;border-radius:50%;font-size:1.2rem}.reef-guide-content{grid-template-columns:86px minmax(0,1fr);align-items:start;gap:7px;display:grid}.reef-guide-content img{object-fit:cover;border-radius:7px;width:86px;height:68px}.reef-guide-content strong,.reef-guide-content em{display:block}.reef-guide-content em{color:#b9e8dd;margin-top:2px;font-size:.63rem}.reef-guide-content ul{margin:5px 0 0;padding-left:14px}.reef-guide-content li+li{margin-top:3px}.reef-guide-card>small{color:#cee9e4;margin-top:6px;line-height:1.3;display:block}.reef-guide-card a{color:#fff0b8}.mission-board--deep .dive-side-panel>.boat-prompt{flex:none;margin-top:auto}.mission-board--deep .dive-side-panel>.dive-control-dock{overscroll-behavior:contain;scrollbar-width:thin;min-height:94px;max-height:100%;padding:4px 12px max(10px, env(safe-area-inset-bottom));flex:0 auto;margin-top:auto;display:block;overflow-y:auto}.dive-control-groups{grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);align-items:start;gap:8px;display:grid}.mission-board--deep .dive-control-groups .dive-control-pad{min-width:0}.mission-board--deep .dive-control-groups .touch-actions{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}.mission-board--deep .dive-control-groups .touch-actions>*{grid-column:1}.dive-primary-actions,.dive-other-actions,.surface-control-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.mission-board--deep .dive-control-groups .touch-actions button,.mission-board--deep .surface-control-groups button{white-space:normal;width:100%;min-width:0;height:auto;min-height:39px;padding:5px 3px}.mission-board--deep .dive-control-groups .touch-actions button:disabled{opacity:.5;cursor:default}.mission-board--deep .dive-control-groups .buoyancy-actions,.mission-board--deep .dive-control-groups .fin-actions{grid-column:1}.mission-board--deep .dive-control-groups .dive-other-actions .return-action{grid-column:1/-1}.mission-board--deep .dive-control-groups .breath-actions button{min-height:50px}.mission-board--deep .surface-control-groups{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=800px) and (orientation:portrait){.mission-board--deep{grid-template-rows:var(--scene-height) minmax(0, 1fr)}.mission-board--deep .phaser-mount{grid-area:1/1}.mission-board--deep .dive-side-panel{grid-area:2/1}.mission-board--deep .dive-side-panel>.dive-details,.mission-board--deep .reef-guide-card{margin-inline:8px}.mission-board--deep .dive-side-panel>.dive-control-dock{padding-inline:8px}}@media (height<=520px) and (orientation:landscape){.mission-board--deep{grid-template-rows:minmax(0,1fr)}.mission-board--deep .dive-control-groups .touch-actions button{min-height:34px;font-size:.62rem}.mission-board--deep .dive-control-groups .breath-actions button{min-height:41px}.mission-board--deep .dive-side-panel>.dive-details[open]{max-height:76px}.mission-board--deep .dive-details-body{max-height:42px}.mission-board--deep .reef-guide-card{flex-basis:90px;min-height:52px}}@media (prefers-reduced-motion:reduce){.mission-board--deep .dive-details-body{transition:none}}