:root{color:#eefaff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background:#071725;font-family:omnes-variable,ui-rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;min-width:280px;min-height:180px}button,input,textarea,select{font:inherit}.controller-shell{--diver-accent:#39d98a;--frame-side:clamp(18px, 2.4vw, 25px);isolation:isolate;color:#f2fbff;background:#031a28 url(/assets/backgrounds/controller-ocean.png) 50%/cover no-repeat;width:100%;height:100%;position:relative;overflow:hidden}.controller-shell:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 42%,#032b4212,#01111c45 78%),linear-gradient(90deg,#01142029,#021f2e14);position:absolute;inset:0}.controller-shell--welcome:before{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#010f1975}.join-fauna{pointer-events:none;position:absolute;inset:0;overflow:hidden}.join-animal{object-fit:contain;opacity:.76;filter:brightness(.72)saturate(.82)drop-shadow(0 10px 18px #0006);position:absolute}.join-animal--copperband{width:clamp(118px,19vw,215px);top:8%;left:5%;transform:rotate(-7deg)}.join-animal--barracuda{width:clamp(190px,30vw,360px);top:-2%;right:-1%;transform:rotate(-4deg)}.join-animal--jellyfish{width:clamp(145px,23vw,260px);bottom:1%;left:7%;transform:rotate(5deg)}.join-animal--whale{width:clamp(260px,42vw,500px);bottom:-11%;right:-3%;transform:rotate(-7deg)}.join-screen{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(430px,72vw);height:100%;margin:0 auto;display:flex;position:relative}.join-logo{width:min(410px,62vw);height:auto;display:block;overflow:visible}.join-logo path{fill:none}.join-logo text{fill:#fff;letter-spacing:.075em;text-anchor:middle;text-shadow:0 4px 14px #0000008c;font-family:omnes-variable,ui-rounded,sans-serif;font-size:45px;font-weight:780}.join-screen>p{color:#f1faffc7;text-shadow:0 2px 8px #000000a6;max-width:380px;margin:8px 0 23px;font-size:clamp(13px,2vw,18px);line-height:1.35}.join-button{color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(#3694cff0,#176699f5);border:2px solid #8ed8fce0;border-radius:23px;outline:none;min-width:clamp(190px,30vw,290px);padding:15px 34px 17px;font-size:clamp(19px,3vw,27px);font-weight:750;box-shadow:inset 0 3px #ffffff3d,inset 0 -2px #012a4640,0 4px #0a4e79,0 12px 25px #0000004d}.join-button:active{transform:translateY(3px);box-shadow:inset 0 2px #fff3,inset 0 -2px #012a463d,0 1px #0a4e79,0 7px 16px #00000042}.diver-identity{z-index:5;top:max(10px, env(safe-area-inset-top));left:max(var(--frame-side), env(safe-area-inset-left));text-shadow:0 2px 8px #000000c7;pointer-events:none;background:0 0;border:0;align-items:center;gap:10px;max-width:42%;padding:0;font-size:clamp(14px,1.9vw,18px);line-height:1;animation:1.1s ease-out both identity-arrival;display:flex;position:absolute}.diver-portrait{background:#010a12b8;border-radius:50%;width:clamp(46px,6vw,59px);height:clamp(46px,6vw,59px);overflow:hidden}.diver-portrait img{object-fit:contain;width:100%;height:100%;transform:scale(1.7)}.diver-identity strong{color:var(--diver-accent);font-size:1.12em}.trash-counter{z-index:5;top:max(13px, env(safe-area-inset-top));right:max(var(--frame-side), env(safe-area-inset-right));color:#f2faffeb;text-align:right;max-width:42%;text-shadow:none;pointer-events:none;align-items:center;gap:9px;font-family:omnes-variable,ui-rounded,Segoe UI,system-ui,sans-serif;font-size:clamp(13px,1.8vw,17px);font-weight:650;line-height:1.1;display:flex;position:absolute}.trash-counter__number{color:#fff;min-width:clamp(38px,5vw,48px);height:clamp(38px,5vw,48px);box-shadow:none;background:#04304ed6;border:2px solid #5bbcf2e0;border-radius:15px;place-items:center;padding:0 8px 2px;font-family:omnes-variable,ui-rounded,Segoe UI,system-ui,sans-serif;font-size:clamp(19px,2.5vw,26px);font-weight:750;display:grid}.animal-sighting{z-index:6;text-align:center;pointer-events:none;background:linear-gradient(155deg,#053752f7,#021d31fa);border:2px solid #66c9f9b8;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:min(520px,54vw);min-height:170px;padding:clamp(24px,4vw,38px) clamp(28px,5vw,52px);animation:.36s ease-out both animal-sighting-arrival;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #0009137a,inset 0 2px #ffffff1a}.animal-sighting strong{color:#8de4ff;font-size:clamp(22px,3.2vw,34px);line-height:1}.animal-sighting span{color:#fff;text-wrap:balance;max-width:100%;font-size:clamp(17px,2.4vw,25px);font-weight:620;line-height:1.28}@keyframes animal-sighting-arrival{0%{opacity:0;transform:translate(-50%,calc(14px - 50%))scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.leaderboard{z-index:20;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto;background:#000c18c7;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.leaderboard__card{background:linear-gradient(160deg,#04314ef5,#01172bf7);border:2px solid #66c9f9b3;border-radius:26px;flex-direction:column;width:min(630px,100% - 12px);min-height:0;max-height:calc(100% - 4px);padding:clamp(18px,3vw,30px) clamp(22px,4vw,42px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff1a,0 18px 50px #0000007a}.leaderboard__close{z-index:2;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#01182be0;border:2px solid #79d3ffb8;border-radius:50%;place-items:center;width:38px;height:38px;padding:0 0 3px;font-size:28px;font-weight:650;line-height:1;display:grid;position:absolute;top:10px;right:11px}.leaderboard__close:active{background:#114e73f2;transform:scale(.92)}.leaderboard__eyebrow{color:#6ed4ff;text-align:center;margin:0 0 2px;font-size:clamp(12px,1.6vw,16px);font-weight:720}.leaderboard h1{text-align:center;margin:0 0 clamp(10px,2vh,18px);font-size:clamp(25px,4vw,39px);line-height:1}.leaderboard__list{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;flex:auto;align-content:start;gap:5px;min-height:0;margin:0;padding:2px;list-style:none;display:grid;overflow:hidden auto}.leaderboard__list li{background:#ffffff0e;border-radius:13px;grid-template-columns:38px 39px 1fr auto;align-items:center;min-height:43px;padding:3px 13px;display:grid}.leaderboard__list li.is-you{outline:2px solid var(--diver-accent);background:#ffffff1c}.leaderboard__list li.is-separated{margin-top:9px}.leaderboard__rank{color:#e5f3fbb8;font-weight:800}.leaderboard__portrait{background:#00081073;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;overflow:hidden}.leaderboard__portrait img{object-fit:contain;width:100%;height:100%;transform:scale(1.75)}.leaderboard__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:10px;font-size:clamp(14px,2vw,19px);font-weight:650;overflow:hidden}.leaderboard__list strong{color:#fff;font-size:clamp(18px,2.5vw,25px)}@media (height<=430px),(orientation:portrait) and (width<=430px){.leaderboard__card{border-radius:20px;padding:12px 42px 12px 18px}.leaderboard__eyebrow{font-size:11px}.leaderboard h1{margin-bottom:7px;font-size:25px}.leaderboard__list{gap:3px}.leaderboard__list li{min-height:38px;padding-block:2px}.leaderboard__portrait{width:30px;height:30px}.leaderboard__close{width:32px;height:32px;font-size:24px;top:8px;right:8px}}@keyframes identity-arrival{0%{opacity:0;transform:translateY(-12px)scale(.9)}45%{opacity:1;transform:translateY(0)scale(1.08)}to{transform:scale(1)}}.control-layout{width:100%;height:100%;padding:clamp(72px, 9vw, 86px) var(--frame-side) clamp(12px, 2vw, 20px);grid-template-columns:1fr 1fr;gap:0;display:grid;position:relative}.control-zone{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:0;position:relative;overflow:hidden}.control-zone:after{content:"";pointer-events:none;background:#00223412;border-radius:28px;transition:background .12s;position:absolute;inset:5px}.control-zone.is-active:after{background:#2da1d514}.action-zone.is-active:after{background:#2da1d50a}.wave-frame{z-index:2;inset:clamp(72px, 9vw, 86px) var(--frame-side) clamp(12px, 2vw, 20px);width:calc(100% - 2 * var(--frame-side));pointer-events:none;height:calc(100% - clamp(72px,9vw,86px) - clamp(12px,2vw,20px));position:absolute;overflow:visible}.wave-frame path{fill:none;stroke:#219cd794;stroke-width:1.5px;vector-effect:non-scaling-stroke}.zone-label,.action-zone{flex-direction:column;justify-content:center;align-items:center;display:flex}.zone-label{pointer-events:none;transition:opacity .12s;position:absolute;inset:0}.movement-zone.is-active .zone-label{opacity:0}.control-zone strong{z-index:1;text-align:center;max-width:82%;margin-top:clamp(10px,2vh,17px);font-size:clamp(13px,2vw,18px);line-height:1.15}.sonar{background:radial-gradient(circle,#1cb35821,#002a2829);border:3px solid #22c868;border-radius:50%;width:clamp(108px,20vmin,174px);height:clamp(108px,20vmin,174px);display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #1bdb6921,0 0 20px #10b05114}.sonar-ring,.sonar-cross,.sonar-sweep,.sonar-dot{display:block;position:absolute}.sonar-ring{border:1px solid #25d46ca6;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.sonar-ring--one{width:68%;height:68%}.sonar-ring--two{width:36%;height:36%}.sonar-cross{background:#25d46c9e}.sonar-cross--horizontal{width:100%;height:1px;top:50%;left:0}.sonar-cross--vertical{width:1px;height:100%;top:0;left:50%}.sonar-sweep{background:conic-gradient(from 280deg, transparent 0 73%, #34ea7e3d 94%, transparent 100%);inset:0}.sonar-dot{background:#29cc68;border-radius:50%;width:12%;height:12%;bottom:31%;right:20%;box-shadow:0 0 14px #2ae06fcc}.joystick-base{pointer-events:none;background:#00342fa8;border:3px solid #27d96ceb;border-radius:50%;width:144px;height:144px;display:none;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 28px #27d96c29,0 9px 27px #0000004d}.movement-zone.is-active .joystick-base{display:block}.joystick-ring,.joystick-cross{display:block;position:absolute}.joystick-ring{border:1px solid #34e27985;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick-ring--one{width:70%;height:70%}.joystick-ring--two{width:38%;height:38%}.joystick-cross{background:#34e2797a}.joystick-cross--horizontal{width:100%;height:1px;top:50%;left:0}.joystick-cross--vertical{width:1px;height:100%;top:0;left:50%}.joystick-knob{z-index:2;background:linear-gradient(150deg,#39df7e,#16a651);border:3px solid #aeffcccc;border-radius:50%;width:62px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 5px #ffffff40,0 7px 17px #00000061}.action-zone{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.pickup-button{z-index:1;background:linear-gradient(155deg,#3d93d1,#2378b8);border:2px solid #7ccaf7e6;border-radius:50%;width:clamp(94px,18vmin,150px);height:clamp(94px,18vmin,150px);transition:transform 75ms,box-shadow 75ms;position:relative;box-shadow:inset 0 4px #d2efff52,inset 0 -3px #04467447,0 6px #145581,0 12px 24px #00000047}.action-zone.is-active .pickup-button{transform:translateY(5px)scale(.98);box-shadow:inset 0 3px #d2efff40,inset 0 -2px #04467440,0 1px #145581,0 7px 14px #0000003d}.connection-overlay{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#010a12c7;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.connection-card{text-align:center;background:#031f2ff0;border:1px solid #4db7e880;border-radius:25px;flex-direction:column;align-items:center;width:min(390px,74vw);padding:25px 30px;display:flex;box-shadow:inset 0 3px #ffffff14,0 22px 70px #00000061}.connection-card h1{color:#fff;margin:13px 0 7px;font-size:clamp(21px,4vw,30px)}.connection-card p{color:#eefaffad;margin:0;font-size:clamp(12px,2vw,15px);line-height:1.45}.connection-spinner{border:3px solid #ffffff2e;border-top-color:#68d3ff;border-radius:50%;width:23px;height:23px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.connection-spinner{animation-duration:1.8s}.pickup-button,.join-button{transition:none}.diver-identity,.animal-sighting{animation:none}}@media (orientation:portrait){.controller-shell{--frame-side:30px;transform-origin:0 0;width:100dvh;height:100dvw;position:absolute;top:0;left:0;transform:rotate(90deg)translateY(-100%)}}.survey-shell{isolation:isolate;color:#eefaff;background:#031a28 url(/assets/backgrounds/controller-ocean.png) 50%/cover no-repeat;width:100%;height:100dvh;position:relative;overflow:hidden}.survey-glow{z-index:-1;pointer-events:none;background:#00111d94;position:absolute;inset:0}.survey-card{position:relative}.survey-close{z-index:3;color:#fff;cursor:pointer;background:#021b2b9e;border:1px solid #9fdff2a8;border-radius:50%;place-items:center;width:44px;height:44px;padding:0 0 2px;font-size:29px;line-height:1;display:grid;position:absolute;top:22px;right:22px}.survey-kicker{color:#7ad9ec;letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:800}.survey-primary,.survey-secondary{cursor:pointer;touch-action:manipulation;border-radius:12px;min-height:48px;padding:9px 22px;font-size:17px;font-weight:740}.survey-primary{color:#fff;background:#258db2;border:1px solid #a3eaff}.survey-secondary{color:#e8f9ff;background:#02203180;border:1px solid #97d6e9a6}.survey-primary:disabled{opacity:.48;cursor:not-allowed}.survey-primary:not(:disabled):active,.survey-secondary:active{transform:translateY(1px)}.survey-shell--invitation .survey-glow{background:linear-gradient(90deg,#001625f5 0%,#001b2bd4 52%,#001d2c5e 100%)}.survey-card--invitation{width:100%;height:100%;padding:clamp(24px,5vh,42px) clamp(34px,6vw,70px)}.survey-card--invitation .survey-intro{grid-template-rows:auto 1fr;align-items:start;width:100%;height:100%;display:grid}.survey-card--invitation .survey-close{top:clamp(24px,5vh,42px);right:clamp(34px,6vw,70px)}.survey-card--invitation .survey-intro-title h1{max-width:600px;margin:9px 0 0;font-size:clamp(32px,5vw,52px);line-height:1.02}.survey-card--invitation .survey-intro-detail{text-align:center;flex-direction:column;place-self:center;align-items:center;gap:13px;width:min(340px,72%);margin-top:0;display:flex}.survey-card--invitation .survey-intro-detail p{color:#effbfff0;max-width:340px;margin:0;font-size:18px;font-weight:600;line-height:1.35}.survey-card--invitation .survey-intro-detail .survey-time{color:#dbf4fadb;font-size:16px;font-weight:500}.survey-card--invitation .survey-primary{width:230px;min-height:50px;margin-top:3px;padding:9px 20px;font-size:19px}.survey-card--questions{width:100%;height:100%;padding:max(26px, env(safe-area-inset-top)) clamp(22px, 6vw, 40px) max(20px, env(safe-area-inset-bottom));background:linear-gradient(#012030e0,#011c2c99 53%,#0118286b 78%,#011828d1);flex-direction:column;display:flex}.survey-shell--questions .survey-glow{background:#00111d61}.survey-heading{grid-template-columns:1fr auto;align-items:center;gap:13px;padding-right:48px;display:grid}.survey-step{color:#e0f8fcb8;font-size:13px}.survey-progress{background:#c3eaf338;border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.survey-progress span{border-radius:inherit;background:#64dce8;height:100%;transition:width .2s;display:block}.survey-questions{min-height:0;padding-top:clamp(40px,9vh,80px);overflow:hidden}.survey-question{border:0;min-width:0;margin:0;padding:0}.survey-question legend{color:#f5fcff;width:100%;min-height:4.45em;margin:0 0 22px;padding:0;font-size:clamp(25px,6vw,35px);font-weight:720;line-height:1.16}.survey-scale{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.survey-scale label{cursor:pointer;background:#093f548a;border:1px solid #85d8f285;border-radius:12px;place-items:center;min-height:58px;display:grid}.survey-scale label.is-selected,.survey-choices label.is-selected{background:#2584a5;border-color:#b1f0ff;box-shadow:inset 0 0 0 1px #ffffff3d}.survey-scale input,.survey-choices input{opacity:0;width:1px;height:1px;position:absolute}.survey-scale input:focus-visible+span,.survey-choices input:focus-visible+span{outline-offset:4px;outline:2px solid #fff}.survey-scale span{font-size:24px;font-weight:780}.survey-scale-labels{color:#def7fcc7;justify-content:space-between;margin-top:11px;font-size:13px;display:flex}.survey-choices{gap:10px;display:grid}.survey-choices label{cursor:pointer;background:#093f548a;border:1px solid #85d8f285;border-radius:11px;align-items:center;min-height:51px;padding:10px 16px;font-size:16px;line-height:1.3;display:flex}.survey-text-hint{color:#dff7fbc2;max-width:590px;margin:-14px 0 21px;font-size:15px;line-height:1.4}.survey-question--text textarea{resize:none;color:#fff;background:#001524bf;border:1px solid #91d6f1c2;border-radius:14px;outline-color:#9de9ff;width:100%;height:clamp(220px,36dvh,360px);padding:18px;font-size:18px;line-height:1.5;display:block}.survey-question--text textarea::placeholder{color:#e1f6fc94}.survey-footer{margin-top:clamp(22px,4vh,36px)}.survey-actions{justify-content:space-between;gap:12px;display:flex}.survey-actions .survey-primary,.survey-actions .survey-secondary{flex:1}.survey-error{color:#ffcbaf;margin:10px 0 0;font-size:14px}.survey-shell--thankyou{place-items:center;padding:18px;display:grid}.survey-shell--thankyou .survey-glow{background:#00111dad}.survey-card--thankyou{background:linear-gradient(150deg,#04354bf7,#011729fa);border:1px solid #70cee6b3;border-radius:23px;width:min(540px,100%);padding:clamp(32px,6vw,50px);box-shadow:0 22px 60px #00000052}.survey-card--thankyou .survey-intro{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.survey-card--thankyou h1{margin:11px 0 0;font-size:clamp(32px,7vw,44px);line-height:1.05}.survey-card--thankyou .survey-intro-detail{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.survey-card--thankyou p{color:#f0fbffde;margin:0;font-size:18px;line-height:1.45}.survey-confirm-backdrop{z-index:5;background:#000910d6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.survey-confirm{background:#062a40;border:1px solid #82d9f6;border-radius:18px;width:min(440px,100%);padding:24px;box-shadow:0 20px 60px #0009}.survey-confirm h2{margin:0 0 12px;font-size:24px}.survey-confirm p{color:#eefbffdb;margin:0 0 22px;line-height:1.4}@media (orientation:portrait){.survey-shell--invitation{transform-origin:0 0;width:100dvh;height:100dvw;position:absolute;top:0;left:0;transform:rotate(90deg)translateY(-100%)}}@media (height<=600px){.survey-card--invitation .survey-intro-title h1{font-size:clamp(30px,4.7vw,42px)}.survey-card--invitation .survey-intro-detail{gap:9px}.survey-card--invitation .survey-intro-detail p{font-size:18px}.survey-card--questions{padding-block:15px}.survey-questions{padding-top:16px}.survey-question legend{margin-bottom:15px;font-size:23px}.survey-scale label{min-height:42px}.survey-choices{gap:5px}.survey-choices label{min-height:38px;padding-block:6px;font-size:14px}.survey-question--text textarea{height:120px}.survey-text-hint{margin-bottom:10px;font-size:13px}.survey-footer{margin-top:14px}.survey-primary,.survey-secondary{min-height:39px}}@media (orientation:portrait) and (width<=430px){.survey-card--invitation{padding:20px 46px 20px 32px}.survey-card--invitation .survey-close{top:20px;right:46px}.survey-card--invitation .survey-intro-title h1{font-size:clamp(29px,4.7vw,40px)}.survey-card--invitation .survey-intro-detail{gap:8px}.survey-card--invitation .survey-intro-detail p{font-size:18px}.survey-card--invitation .survey-intro-detail .survey-time{font-size:15px}.survey-card--invitation .survey-primary{width:230px;min-height:50px;padding:9px 20px;font-size:19px}}@media (width<=430px){.survey-card--questions{padding-inline:22px}.survey-card--thankyou p{font-size:16px}}