:root{font-family:'Trebuchet MS',Verdana,sans-serif;color:#123f65;font-synthesis:none;--blue:#145bae;--navy:#124774;--red:#e93749;--yellow:#ffdc52;--cream:#fff8e7}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#b1e1f4}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:4px solid #ffdd52;outline-offset:5px}button:active{transform:translateY(2px)}button:disabled{cursor:default;opacity:.8}button[hidden],[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.topbar{position:absolute;top:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;padding:18px 36px;background:linear-gradient(#fff9ebed,#fff9ebbb);border-bottom:1px solid #ffffff7a;z-index:4}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--navy)}.brand img{width:47px;height:55px;filter:drop-shadow(0 3px 0 #ac793228)}.brand span{font-size:11px;letter-spacing:1.6px;font-weight:900;display:block;margin-bottom:4px}.brand strong{font-size:23px;letter-spacing:-.5px}nav{display:flex;gap:9px}.menu-button{height:57px;min-width:70px;background:#fff9ec;border:2px solid #e0e5db;border-radius:16px;color:var(--blue);font-size:27px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;box-shadow:0 3px 0 #25487212}.menu-button span{font-size:11px;letter-spacing:.3px}.menu-button:hover{background:#fff0ba}#welcome{position:absolute;left:6.4%;top:20%;max-width:420px;z-index:2}#welcome:before{content:'';position:absolute;inset:-45px -80px -60px -70px;z-index:-1;background:radial-gradient(ellipse,#fff7ddf0 10%,#fff7dda8 45%,transparent 70%);pointer-events:none}.eyebrow{font-size:12px;letter-spacing:1.9px;font-weight:900;display:block}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:7px}h1{font-size:clamp(65px,7.5vw,110px);line-height:.96;letter-spacing:-5px;margin:25px 0 24px;font-weight:900;text-shadow:0 4px 0 #fff2cf}h1 em{font-style:normal;color:var(--red)}#welcome p{font-size:21px;line-height:1.65;margin:0 0 25px;font-weight:bold}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:59px;padding:13px 24px;border-radius:18px;font-size:21px;font-weight:900;border:2px solid #ffffff6b;box-shadow:0 5px 0 #aa2835}.primary span{font-size:27px}.primary.red{background:var(--red);color:#fff8e7}.primary.yellow{background:var(--yellow);color:#134876;box-shadow:0 4px 0 #d4a536}.welcome-tags{display:flex;gap:16px;margin-top:26px;font-size:12px;font-weight:bold;color:#2f617b}#start-button{min-width:250px}.location{position:absolute;top:119px;left:30px;display:flex;align-items:center;gap:9px;padding:12px 17px;border-radius:18px;background:#fff9eade;box-shadow:0 4px 15px #14465b0b}.location small{display:block;font-size:10px;letter-spacing:1.4px;font-weight:bold;margin-bottom:3px}.location strong{font-size:21px}.location-pin{font-size:35px;color:var(--red)}.rescue-count{position:absolute;right:32px;top:119px;display:flex;gap:9px;align-items:center;border-radius:17px;padding:10px 15px;background:#fff9eade}.rescue-count img{width:32px}.rescue-count strong{display:block;font-size:24px;line-height:1}.rescue-count span{font-size:11px;font-weight:bold}#caption{position:absolute;top:117px;left:50%;transform:translateX(-50%);width:min(550px,42vw);display:flex;gap:12px;padding:15px 20px;background:#164e7bf5;color:#fff8e8;border:2px solid #ffe190;border-radius:18px;box-shadow:0 5px 0 #173d6633;pointer-events:none}.caption-icon{font-size:27px;color:#ffde61}#speaker{font-size:13px;color:#ffe079;letter-spacing:.5px}#spoken-text{font-size:19px;line-height:1.4;margin:3px 0 0}#hello-card{position:absolute;top:215px;left:30px;display:flex;align-items:center;gap:9px;background:#fff9e9eb;padding:9px 13px 9px 9px;border:2px solid white;border-radius:18px;box-shadow:0 4px 0 #2c5e7218}#friend-image{width:51px;height:62px;object-fit:contain}#animal-icon{font-size:35px}#hello-card small{display:block;font-size:9px;font-weight:bold;letter-spacing:.8px}#hello-card strong{font-size:20px;display:block;margin-top:3px}.small-button{padding:10px 12px;margin-left:5px;background:#ffdf67;border-radius:12px;font-weight:bold;color:#24527a;font-size:17px}.drive-controls{position:absolute;left:30px;bottom:97px;text-align:center}.control-label{font-size:12px;letter-spacing:1.5px;font-weight:900;margin-bottom:12px;text-shadow:0 1px 4px #fff}.drive-controls small{display:block;font-size:12px;font-weight:bold;margin-top:9px;text-shadow:0 1px 4px white}#joystick{width:164px;height:164px;border-radius:50%;background:#f8f4df9c;border:3px solid #ffffffe6;box-shadow:0 6px 0 #24537126,inset 0 0 0 10px #ffffff47;touch-action:none;position:relative;user-select:none;-webkit-user-select:none}#joystick>span{position:absolute;color:#527c98;font-size:17px}.joy-up{top:6px;left:calc(50% - 8px)}.joy-down{bottom:6px;left:calc(50% - 8px)}.joy-left{left:7px;top:calc(50% - 11px)}.joy-right{right:7px;top:calc(50% - 11px)}#joystick-knob{position:absolute;left:calc(50% - 43px);top:calc(50% - 43px);width:86px;height:86px;display:grid;place-items:center;background:linear-gradient(#2785cf,#1760ab);border:4px solid #d0edfb;border-radius:50%;box-shadow:0 7px 0 #164d80,0 8px 17px #154e624d;pointer-events:none;color:#fff7d0;font-size:37px}.water-controls{position:absolute;right:34px;bottom:112px;display:flex;align-items:center;gap:17px}#water-button{width:152px;height:163px;border-radius:32px;background:linear-gradient(#2bacec,#1680cf);border:4px solid #b7efff;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 7px 0 #1665a5,0 12px 26px #18456a26;touch-action:none}#water-button svg{width:47px;height:51px;margin-bottom:6px}#water-button strong{font-size:23px;letter-spacing:1px}#water-button small{font-size:12px;font-weight:bold;margin-top:5px}#water-button.pressed{background:#126cb5;box-shadow:0 2px 0 #124a7e;transform:translateY(5px)}.side-button{border:2px solid #fff7e6;background:#fff6d5dc;color:#236ba0;width:65px;height:67px;border-radius:19px;font-size:28px;display:flex;align-items:center;justify-content:center;flex-direction:column}.side-button span{font-size:12px;font-weight:bold}.bottom-bar{position:absolute;bottom:19px;left:30px;right:32px;height:58px;display:flex;align-items:center;gap:10px}.soft-button{background:#fff9e6e8;border:2px solid #ffffffb3;color:#285a80;min-height:49px;border-radius:15px;padding:10px 15px;font-size:21px;font-weight:bold;display:flex;gap:7px;align-items:center}.soft-button span{font-size:14px}.soft-button[aria-pressed=true]{background:#ffe17c}.speed-readout{flex:1;text-align:center;display:flex;flex-direction:column;gap:3px;pointer-events:none;font-weight:900}.speed-readout span{font-size:19px;letter-spacing:2px;text-shadow:0 2px 5px #fff}.speed-readout small{font-size:9px;letter-spacing:1.2px;text-shadow:0 1px 4px white}#minimap-button{position:absolute;right:33px;top:207px;width:140px;height:161px;border:4px solid #fff7e3;border-radius:22px;overflow:hidden;background:#fff7e3;box-shadow:0 4px 0 #3155701a;padding:0}#mini-map{display:block;width:132px;height:132px;border-radius:16px}#minimap-button span{display:block;font-size:8px;letter-spacing:.5px;font-weight:900;margin-top:5px}#target-card{position:absolute;left:50%;bottom:219px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#fff9e8f0;border-radius:17px;padding:10px 17px;box-shadow:0 4px 0 #16466c19;min-width:280px;pointer-events:none}#target-icon{font-size:28px}#target-card>div{flex:1}#target-label{font-size:18px}#target-hint{font-size:11px}.progress-track{height:7px;border-radius:5px;background:#d6e7e7;margin:6px 0}.progress-track>div{height:100%;background:#208fcf;border-radius:5px;transition:width .1s}#activity-card{position:absolute;left:50%;bottom:111px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;background:#fff8e8f5;border-radius:21px;padding:12px 14px;box-shadow:0 4px 0 #4b6c7f21;max-width:calc(100% - 490px)}#activity-icon{font-size:28px;color:#e7424c}#activity-card small{display:block;font-size:9px;letter-spacing:1px;font-weight:bold;white-space:nowrap}#activity-name{font-size:20px;display:block;margin-top:3px;white-space:nowrap}#activity-card .primary{font-size:16px;min-height:49px;padding:8px 14px;gap:12px;white-space:nowrap}#toast{position:absolute;left:50%;bottom:320px;transform:translate(-50%,10px);max-width:500px;text-align:center;padding:12px 22px;background:#144f7dec;border:2px solid #fff3c2;border-radius:18px;color:#fff7db;font-size:19px;font-weight:bold;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:3px solid #fff6db;padding:27px;width:min(760px,calc(100% - 28px));max-height:calc(100dvh - 36px);overflow:auto;border-radius:29px;background:#fff8e9;color:#174f73;box-shadow:0 20px 100px #07394a42}dialog::backdrop{background:#164c716b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:34px;margin:8px 0 6px;letter-spacing:-1px}.close-button{width:52px;height:52px;background:#f0e7cf;border-radius:50%;font-size:35px;color:#286180;flex-shrink:0}dialog>p{font-size:17px;line-height:1.5}#destinations{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.destination{text-align:left;border-radius:19px;background:#fff;border:2px solid #ece6d5;padding:16px;display:flex;align-items:center;gap:12px;color:#174f73;min-height:108px}.destination:hover{border-color:#efae4c;background:#fff3c4}.destination .icon{font-size:34px}.destination strong{font-size:19px;display:block}.destination small{display:block;font-size:13px;line-height:1.35;margin-top:5px}.map-note{margin:20px 0 0;font-size:13px;text-align:center;font-weight:bold}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.help-grid>div{padding:14px;border:2px solid #ece6d5;border-radius:17px;background:#fffdf6}.help-grid b{font-size:25px;display:block;margin-bottom:6px}.help-grid strong{font-size:19px}.help-grid p{font-size:15px;line-height:1.5;margin:7px 0 0}.settings{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 0;flex-wrap:wrap}.settings label{font-size:16px;font-weight:bold}select{font:inherit;border:2px solid #b9cec8;border-radius:9px;padding:8px;background:#fffdf5;color:#245f7d}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;accent-color:#176caa}.pause-actions{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:10px}.pause-actions>.soft-button{font-size:16px}.fine-print{font-size:11px!important;text-align:center;margin-top:22px!important}#loading{position:fixed;inset:0;background:#fff8e7;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}#loading img{width:70px;animation:bob 1s ease-in-out infinite alternate}#loading strong{font-size:27px}#loading span{font-size:16px}#error-panel{position:fixed;z-index:30;top:50%;left:50%;transform:translate(-50%,-50%);width:min(450px,90%);padding:30px;border-radius:25px;background:#fff8e7}@keyframes bob{to{transform:translateY(-10px)}}
@media(min-width:1600px){.topbar{height:105px}#welcome{top:22%}#welcome p{font-size:25px}.drive-controls{left:45px;bottom:110px}#joystick{width:184px;height:184px}.water-controls{right:45px;bottom:115px}#water-button{width:170px;height:185px}#spoken-text{font-size:22px}#activity-card{bottom:125px}.location,.rescue-count{top:128px}#caption{top:128px}}
@media(max-width:1000px){.brand strong{font-size:19px}.topbar{padding:12px 22px;height:84px}#welcome{top:22%;left:6%}#welcome h1{font-size:78px}#welcome p{font-size:19px}.location,.rescue-count{top:101px}#caption{top:170px;width:min(540px,65vw)}#hello-card{top:278px;left:20px}#minimap-button{display:none}#activity-card{bottom:111px;max-width:none;gap:8px;padding:10px}#activity-card>div{max-width:155px}#activity-name{font-size:17px}#activity-card small{font-size:8px}#activity-icon{display:none}#activity-card .primary{font-size:15px;padding:7px 10px;gap:5px}.water-controls{gap:9px;right:22px}#water-button{width:130px;height:150px}.side-button{position:absolute;top:-77px;right:0}.drive-controls{left:22px}#target-card{bottom:222px;min-width:245px}#target-label{font-size:16px}#toast{bottom:310px;width:58%;font-size:17px}}
@media(max-width:600px) and (orientation:portrait){.topbar{height:76px;padding:9px 12px;gap:5px}.brand{gap:7px}.brand img{width:31px;height:41px}.brand span{font-size:7px;letter-spacing:.6px}.brand strong{font-size:14px;letter-spacing:-.3px;max-width:130px;display:block}nav{gap:5px}.menu-button{min-width:43px;width:43px;height:48px;font-size:23px;border-radius:12px}.menu-button span{font-size:8px}#welcome{top:auto;bottom:38px;left:26px}#welcome:before{inset:-65px -70px -60px -90px;background:radial-gradient(ellipse,#fff7dffa 15%,#fff7dfd9 55%,transparent 73%)}#welcome .eyebrow{font-size:10px;letter-spacing:1.5px}#welcome h1{font-size:72px;margin:15px 0;line-height:.95}#welcome h1 br{display:none}#welcome p{font-size:17px;line-height:1.5;margin-bottom:18px}.welcome-tags{font-size:10px;margin-top:17px;gap:13px}#start-button{min-width:238px;font-size:21px}.location{top:89px;left:12px;padding:8px 11px;gap:6px;border-radius:13px}.location strong{font-size:16px}.location small{font-size:8px;letter-spacing:.7px}.location-pin{font-size:26px}.rescue-count{top:89px;right:12px;padding:8px 10px;gap:6px;border-radius:13px}.rescue-count img{width:24px}.rescue-count strong{font-size:19px}.rescue-count span{font-size:8px}#caption{top:151px;width:calc(100% - 24px);padding:10px 13px;gap:9px;border-radius:15px}#speaker{font-size:11px}#spoken-text{font-size:16px;line-height:1.4}.caption-icon{font-size:23px}#hello-card{top:264px;left:12px;padding:5px 9px;gap:6px;border-radius:13px}#friend-image{width:35px;height:46px}#hello-card small{font-size:7px}#hello-card strong{font-size:16px}.small-button{font-size:14px;padding:9px 10px}.drive-controls{left:13px;bottom:93px}.control-label{font-size:10px;margin-bottom:8px;letter-spacing:1px}#joystick{width:128px;height:128px;box-shadow:0 4px 0 #24537126,inset 0 0 0 7px #ffffff47}#joystick-knob{width:66px;height:66px;left:calc(50% - 33px);top:calc(50% - 33px);font-size:28px;border-width:3px}.drive-controls small{font-size:10px}.water-controls{right:14px;bottom:110px}#water-button{width:120px;height:138px;border-radius:26px}#water-button strong{font-size:20px}#water-button small{font-size:11px}#water-button svg{width:39px;height:45px}.side-button{top:-68px;right:0;width:53px;height:56px;font-size:23px;border-radius:15px}.side-button span{font-size:11px}#activity-card{bottom:281px;width:calc(100% - 30px);padding:9px 12px;justify-content:space-between;max-width:365px;border-radius:16px}#activity-card>div{max-width:none}#activity-card small{font-size:8px}#activity-name{font-size:18px}#activity-card .primary{font-size:16px;min-height:45px;border-radius:12px}#target-card{bottom:354px;min-width:0;width:calc(100% - 32px);padding:10px 12px;max-width:340px}#target-label{font-size:17px}#target-hint{font-size:11px}#target-icon{font-size:24px}#toast{bottom:437px;width:calc(100% - 40px);font-size:16px;padding:10px 14px}.bottom-bar{left:12px;right:12px;bottom:17px;height:51px;gap:7px}.soft-button{min-height:43px;font-size:21px;padding:8px 9px;border-radius:12px;gap:4px}.soft-button span{font-size:11px}.speed-readout span{font-size:11px;letter-spacing:.8px}.speed-readout small{display:none}#camera-button,#siren-button{flex-direction:column;gap:0;padding:4px 10px;font-size:18px;min-height:47px}.dialog-heading .eyebrow{font-size:9px;letter-spacing:1px}dialog{padding:20px;border-radius:22px}h2{font-size:27px}dialog>p{font-size:16px}#destinations{grid-template-columns:1fr;margin-top:16px;gap:8px}.destination{padding:12px;min-height:84px}.destination strong{font-size:18px}.destination small{font-size:13px}.help-grid{grid-template-columns:1fr;gap:10px}.help-grid>div{padding:12px}.help-grid b{float:left;margin:0 14px 40px 0}.settings{gap:15px}.pause-actions{flex-direction:column;align-items:stretch}.pause-actions .soft-button{justify-content:center}}
@media(max-height:560px) and (orientation:landscape){.topbar{height:62px;padding:7px 18px}.brand img{width:31px;height:41px}.brand span{font-size:8px}.brand strong{font-size:16px}.menu-button{height:43px;min-width:49px;font-size:22px;border-radius:12px}.menu-button span{font-size:8px}#welcome{top:90px;left:5%}#welcome h1{font-size:66px;margin:14px 0}#welcome h1 br{display:none}#welcome p{font-size:16px;line-height:1.4;margin-bottom:13px}#welcome .eyebrow{font-size:10px}.welcome-tags{margin-top:14px;font-size:10px}#start-button{min-height:49px;font-size:19px}.location{top:74px;left:18px;padding:7px 12px}.location strong{font-size:16px}.location small{font-size:8px}.location-pin{font-size:25px}.rescue-count{top:74px;right:18px;padding:7px 11px}.rescue-count img{width:22px}.rescue-count strong{font-size:19px}.rescue-count span{font-size:8px}#caption{top:74px;left:50%;width:43%;padding:8px 11px;gap:7px}#speaker{font-size:10px}#spoken-text{font-size:14px;line-height:1.3}.caption-icon{font-size:19px}#hello-card{top:136px;left:18px;padding:5px 8px}#friend-image{width:30px;height:39px}#hello-card small{font-size:7px}#hello-card strong{font-size:14px}.small-button{font-size:13px;padding:7px 9px}.drive-controls{left:20px;bottom:64px}.control-label{font-size:9px;margin-bottom:6px}#joystick{width:112px;height:112px}#joystick-knob{width:57px;height:57px;left:calc(50% - 28.5px);top:calc(50% - 28.5px);font-size:27px}.drive-controls small{display:none}.water-controls{right:23px;bottom:69px}#water-button{width:105px;height:116px;border-radius:24px;border-width:3px}#water-button svg{width:33px;height:37px}#water-button strong{font-size:18px}#water-button small{font-size:10px}.side-button{right:120px;top:45px;width:49px;height:55px;border-radius:14px;font-size:22px}.side-button span{font-size:10px}.bottom-bar{bottom:9px;left:19px;right:23px;height:40px}.soft-button{min-height:37px;font-size:17px;padding:6px 11px;border-radius:12px}.soft-button span{font-size:11px}.speed-readout span{font-size:13px}.speed-readout small{font-size:8px}#activity-card{bottom:70px;left:48%;padding:8px 10px;border-radius:16px}#activity-card small{font-size:8px}#activity-name{font-size:16px}#activity-card .primary{min-height:40px;font-size:14px;border-radius:12px}#target-card{bottom:144px;left:48%;padding:8px 12px;min-width:240px}#target-label{font-size:15px}#target-hint{font-size:10px}.progress-track{margin:4px 0;height:5px}#toast{bottom:222px;left:49%;font-size:14px;padding:8px 14px;max-width:350px}dialog{max-height:calc(100dvh - 20px)}#minimap-button{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:600px) and (orientation:portrait){#target-card{top:264px;bottom:auto;left:auto;right:12px;transform:none;width:127px;min-width:0;padding:9px 10px;border-radius:13px}#target-icon,#target-hint{display:none}#target-label{font-size:13px;line-height:1.25;display:block}.progress-track{height:7px;margin:6px 0 1px}.side-button{right:133px;top:42px}#hello-card{max-width:calc(100% - 157px)}#hello-card small{display:none}#hello-card strong{font-size:15px}.small-button{font-size:13px;padding:9px 8px;margin-left:0}}
@media(max-width:600px) and (max-height:740px) and (orientation:portrait){#hello-card,#target-card{top:242px}#caption{top:146px}#spoken-text{font-size:14px}.drive-controls{bottom:82px}#joystick{width:112px;height:112px}.water-controls{bottom:98px}#water-button{width:112px;height:122px}#activity-card{bottom:247px}#toast{bottom:326px}.control-label{font-size:9px}#water-button svg{width:32px;height:36px}}