:root{font-family:DM Sans,sans-serif;color:#fff;background:#0c2732;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none}#game{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,32,44,.35),transparent 24%,transparent 65%,rgba(5,27,35,.4)),linear-gradient(90deg,rgba(0,20,28,.2),transparent 38%,transparent 70%,rgba(0,20,28,.09))}.topbar{position:absolute;top:0;left:0;right:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:16px;line-height:.91;letter-spacing:-.045em;font-weight:500}.brand strong{font-weight:800}.brand small{display:block;letter-spacing:.34em;font-size:8px;margin-top:6px;font-weight:700}.brand-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.bag-button{pointer-events:auto;margin-left:10px;padding:6px 12px;border:1px solid rgba(255,255,255,.45);border-radius:20px;background:rgba(12,49,56,.27);color:#fff;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:6px;cursor:pointer;transition:transform .15s}.bag-button:hover{transform:scale(1.05)}.bag-button span{font-size:11px;background:#ffe0a1;color:#183f42;border-radius:10px;padding:1px 6px;min-width:18px;text-align:center}.brand-icon{font-size:38px;line-height:1;font-weight:400;color:#f8d78f}.zone-pill{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.34);border-radius:30px;background:rgba(12,49,56,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:11px 16px;font-size:10px;letter-spacing:.17em;font-weight:700}.live-dot{width:7px;height:7px;border-radius:50%;background:#c8ecaa;box-shadow:0 0 12px #c8ecaa;display:inline-block;flex:none}.pill-divider{height:13px;width:1px;background:rgba(255,255,255,.35);margin:0 3px}.icon-button{pointer-events:auto;width:39px;height:39px;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;background:rgba(12,49,56,.27);font-size:19px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.location-panel{position:absolute;left:4.5%;top:24%}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700}.tiny-line{display:inline-block;width:28px;height:1px;background:#dfb877;vertical-align:middle;margin:0 9px}.location-panel h1{font-family:Outfit,sans-serif;font-size:clamp(36px,4.2vw,68px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:17px 0;text-shadow:0 2px 20px rgba(0,35,40,.15)}.location-panel h1 em{font-weight:400;font-style:normal;color:#ffe0a5}.location-panel p{font-size:13px;font-weight:500;letter-spacing:.02em;margin:0}.location-panel p span{padding:0 8px;color:#e2c68e}.right-panel{position:absolute;right:4.5%;top:25%;display:flex;align-items:center;gap:25px}.objective-card{width:244px;border:1px solid rgba(255,255,255,.28);border-radius:12px;padding:19px;background:rgba(11,47,53,.27);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 45px #07212614}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top .eyebrow{font-size:9px;letter-spacing:.15em}.card-top>span:last-child{font-size:13px;font-weight:700;color:#ffe4a9}.progress-track{margin:16px 0 11px;height:3px;border-radius:4px;background:rgba(255,255,255,.27);overflow:hidden}.progress-track>div{width:0;height:100%;background:#ffe4a9;transition:width .4s}.objective-card p{font-size:11px;line-height:1.5;margin:0;color:#ffffffd4}.compass{display:flex;flex-direction:column;align-items:center;gap:5px;font:700 10px Outfit,sans-serif;letter-spacing:.1em;text-shadow:0 1px 5px #174048}.compass span:last-child{opacity:.55}.compass-needle{font-size:25px;color:#ffe1a6;line-height:1;transition:transform .15s}.bottom-left{position:absolute;bottom:14%;left:4.5%;display:flex;gap:16px}.control-hint{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:600;text-shadow:0 1px 5px #173b42}.key-group{display:flex;gap:3px}kbd{font:700 9px DM Sans,sans-serif;min-width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border:1px solid rgba(255,255,255,.57);border-radius:4px;background:rgba(7,39,43,.24)}.bottom-right{position:absolute;bottom:13%;right:4.5%;display:flex;align-items:center;gap:10px;pointer-events:auto}.photo-hint{font-size:10px;font-weight:700;letter-spacing:.15em;margin-right:8px}.shutter-button{height:52px;width:52px;border-radius:50%;border:2px solid white;padding:4px;background:rgba(15,50,54,.28);box-shadow:0 4px 15px #00000021;transition:transform .15s}.shutter-button:hover{transform:scale(1.07)}.shutter-button span{display:block;background:#fff;width:100%;height:100%;border-radius:50%}.journal-button{height:34px;padding:0 10px;background:rgba(9,44,48,.32);color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:6px;font-size:15px;display:flex;align-items:center;gap:7px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.journal-button span{font-size:10px;letter-spacing:.13em;font-weight:700}.viewpoint-toast{display:none!important}.viewpoint-toast.visible{opacity:1;transform:translate(-50%,-50%) translateY(0)}.toast-star{font-size:25px;color:#f7d68f}.viewpoint-toast strong{display:block;font:600 16px Outfit,sans-serif}.viewpoint-toast small{font-size:9px;letter-spacing:.16em;color:#f5dfb1}.photo-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:white;pointer-events:none;opacity:0;transition:opacity .32s}.photo-flash.active{opacity:.85;transition:none}.capture-toast{position:absolute;left:50%;bottom:27%;transform:translate(-50%,10px);opacity:0;padding:10px 18px;background:#f9efda;color:#173d42;border-radius:5px;font:700 11px DM Sans,sans-serif;letter-spacing:.04em;transition:.3s;pointer-events:none}.capture-toast.visible{opacity:1;transform:translate(-50%)}.intro-cartoon-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-family:Bangers,Lilita One,Outfit,sans-serif;font-size:clamp(36px,8vw,120px);font-weight:400;letter-spacing:.02em;text-align:center;white-space:nowrap;z-index:6;pointer-events:none;opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.175,.885,.32,1.275);-webkit-text-stroke:3px #000;text-stroke:3px #000;text-shadow:0 0 12px #00bfff,0 0 24px #00bfff,0 0 48px #1e90ff,0 0 72px #4169e1,4px 4px 0 #000,-4px -4px 0 #000,4px -4px 0 #000,-4px 4px 0 #000,0 4px 0 #000,0 -4px 0 #000;max-width:95vw;overflow:visible;background:linear-gradient(180deg,#00ffff 0%,#00bfff 30%,#1e90ff 60%,#4169e1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#00bfff}.intro-cartoon-text.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.intro-cartoon-text.hidden{opacity:0;transform:translate(-50%,-50%) scale(0)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}.hidden{display:none!important}.intro-overlay{background:linear-gradient(90deg,rgba(5,34,43,.92) 0%,rgba(5,35,44,.75) 36%,rgba(5,35,44,.18) 100%);justify-content:flex-start}.intro-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 84% 65%,transparent 0%,rgba(4,30,37,.18) 75%);pointer-events:none}.intro-content{position:relative;margin-left:10.5%;width:min(470px,80vw);padding-bottom:10px}.intro-kicker{font-size:10px;letter-spacing:.23em;font-weight:700;display:flex;align-items:center;gap:12px;margin-bottom:33px}.intro-title{font:800 clamp(75px,10vw,150px)/.79 Outfit,sans-serif;letter-spacing:-.085em;white-space:nowrap}.intro-title i{font-style:normal;position:absolute;font-size:49px;letter-spacing:0;color:#f9d896;transform:translate(16px,3px)}.intro-location{display:flex;align-items:center;gap:16px;font:700 20px Outfit,sans-serif;letter-spacing:.45em;margin:26px 0 27px}.intro-line{height:1px;background:rgba(255,255,255,.55);width:57px}.intro-content p{font-size:15px;line-height:1.7;color:#ffffffd4;margin-bottom:29px}.primary-button{border:0;background:#ffe0a1;color:#183f42;padding:19px 23px;font:800 11px DM Sans,sans-serif;letter-spacing:.13em;border-radius:4px;min-width:287px;display:flex;justify-content:space-between;align-items:center;transition:background .2s,transform .2s}.primary-button:hover{background:#fff0cb;transform:translateY(-2px)}.primary-button span{font-size:20px;line-height:10px}.zones-list{display:flex;flex-direction:column;gap:13px;margin-top:38px;width:290px}.zones-list>span{font-size:10px;letter-spacing:.13em;font-weight:700;color:#ffffff75;display:flex;justify-content:space-between}.zones-list .selected{color:#ffe0a1}.zones-list b{font-size:9px}.zones-list small{font-size:8px;letter-spacing:.07em;border:1px solid rgba(255,255,255,.25);padding:3px 5px;border-radius:3px}.intro-footer{position:absolute;bottom:5%;left:10.5%;font-size:9px;letter-spacing:.18em;color:#ffffff8c}.intro-footer span{margin:0 13px;color:#ffdd9e}.journal-overlay{background:rgba(4,25,31,.73);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.journal-modal{width:min(860px,92vw);max-height:90vh;overflow:auto;background:#f7f4e9;color:#173b3d;border-radius:10px;padding:42px 48px;box-shadow:0 30px 100px #0000004d}.journal-header{display:flex;justify-content:space-between;align-items:flex-start}.journal-header .eyebrow{color:#8d8b70}.journal-header h2{font:700 48px Outfit,sans-serif;letter-spacing:-.055em;margin:8px 0 0}.journal-header h2 span{color:#e5ac66}.close-button{background:transparent;border:1px solid #bec8ba;border-radius:50%;height:38px;width:38px;color:#234649}.journal-subtitle{font-size:13px;color:#658081;margin:2px 0 30px}.journal-subtitle span{padding:0 5px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.journal-card{background:white;border-radius:6px;overflow:hidden;border:1px solid #e4e6dc}.journal-image{aspect-ratio:1.17;background:linear-gradient(150deg,#bddbdb,#d8d7ba);display:flex;align-items:center;justify-content:center;font-size:34px;color:#fff}.journal-image img{width:100%;height:100%;object-fit:cover}.journal-card-info{padding:15px}.journal-card-info small{font-size:9px;letter-spacing:.13em;color:#8b9a90;font-weight:700}.journal-card-info strong{display:block;font:600 17px Outfit,sans-serif;margin-top:5px}.journal-card.undiscovered .journal-image{background:linear-gradient(145deg,#d7e3db,#b8d0ce)}.journal-card.undiscovered .journal-image span{opacity:.55}.journal-footer{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #d8ded1;font-size:10px;letter-spacing:.12em;font-weight:700;color:#73908a}.mobile-controls{display:none}.run-button{width:48px;height:30px;border:1px solid #ffffff88;background:#123b4588;color:#fff;border-radius:5px;font:700 10px DM Sans,sans-serif;letter-spacing:.08em;margin-top:4px;touch-action:none}.run-button.active{background:#ffe0a1;color:#183f42;border-color:#ffe0a1}@media (hover:none) and (pointer:coarse){.mobile-controls{display:flex;position:absolute;bottom:4%;left:5%;align-items:end;gap:10px;pointer-events:none;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.mobile-controls>span{display:none}.dpad{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.dpad>div{display:flex;gap:2px}.dpad button{width:48px;height:48px;border:1px solid #ffffff88;background:#123b4588;color:#fff;border-radius:5px;touch-action:none;font-size:18px}.run-button{pointer-events:auto}.bottom-right{bottom:18%!important;left:50%!important;right:auto!important;transform:translate(-50%);gap:5px;padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:800px){.topbar{height:70px;padding:0 5%}.zone-pill{font-size:8px;padding:9px;gap:7px}.brand{font-size:13px}.brand-icon{font-size:29px}.sound-button{display:none}.location-panel{top:17%;left:6%}.location-panel h1{font-size:38px}.right-panel{top:auto;bottom:18%;right:5%}.objective-card{width:195px;padding:12px}.compass,.bottom-left{display:none}.bottom-right{left:50%;right:auto;bottom:18%;transform:translate(-50%)}.photo-hint,.journal-button span{display:none}.shutter-button{width:56px;height:56px}.intro-content{margin-left:7%}.intro-title{font-size:clamp(68px,14vw,110px)}.intro-title i{font-size:30px}.intro-footer{left:7%;font-size:8px}.mobile-controls{display:flex;position:absolute;bottom:4%;left:5%;align-items:end;gap:10px;pointer-events:none}.mobile-controls>span{display:none}.dpad{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.dpad>div{display:flex;gap:2px}.dpad button{width:42px;height:42px;border:1px solid #ffffff88;background:#123b4588;color:#fff;border-radius:5px;touch-action:none}.journal-modal{padding:25px}.journal-grid{gap:7px}.journal-card-info{padding:8px}.journal-card-info strong{font-size:12px}.journal-header h2{font-size:35px}}@media (max-width:530px){.zone-pill{position:absolute;top:72px;left:5%}.location-panel{top:19%}.location-panel h1{font-size:32px}.location-panel .eyebrow{font-size:8px}.location-panel p{font-size:11px}.right-panel{bottom:23%;right:5%}.objective-card{width:165px}.objective-card p{font-size:10px}.bottom-right{bottom:18%}.intro-content{margin-left:7%}.intro-title{font-size:17vw}.intro-title i{display:none}.intro-location{font-size:14px;margin:21px 0}.intro-line{width:35px}.intro-content p{font-size:13px}.zones-list{width:270px}.intro-footer{font-size:7px}.journal-grid{grid-template-columns:1fr;max-height:45vh;overflow:auto}.journal-card{display:flex}.journal-image{width:100px;flex:none;aspect-ratio:1}.journal-card-info{display:flex;flex-direction:column;justify-content:center}.journal-modal{max-height:85vh}}.top-actions{display:flex;gap:10px;pointer-events:auto}.character-button{font-size:22px}.character-select{position:absolute;right:6.5%;bottom:11%;width:245px;padding:19px;background:rgba(9,43,49,.66);border:1px solid rgba(255,255,255,.24);border-radius:9px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.character-select .eyebrow{font-size:9px;color:#ffe0a1}.character-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:15px 0}.character-options button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.27);border-radius:4px;color:#fff;font:700 10px DM Sans,sans-serif;padding:10px 5px;white-space:nowrap;transition:background .2s,border-color .2s}.character-options button:hover,.character-options button.selected{background:#ffe0a1;color:#183f42;border-color:#ffe0a1}.character-select small{font-size:9px;letter-spacing:.14em;color:#ffffffb3}@media (max-width:800px){.top-actions{gap:5px}.character-select{right:5%;bottom:10%;width:190px;padding:13px}.character-options button{font-size:9px;padding:8px 3px}.bottom-left .control-hint:last-child{display:none}}@media (max-width:530px){.intro-overlay{overflow-y:auto;display:block}.intro-content{margin:115px 7% 0;width:86%}.intro-kicker{margin-bottom:25px}.intro-content p{margin-bottom:20px}.zones-list{margin-top:20px;gap:8px}.character-select{position:relative;right:auto;bottom:auto;width:86%;margin:25px 7% 60px}.intro-footer{display:none}.top-actions{position:absolute;right:5%}.character-button{width:34px;height:34px}.zone-pill{top:75px}}.viewpoint-toast{top:auto;bottom:15%;transform:translate(-50%,18px)}.viewpoint-toast.visible{transform:translate(-50%)}.animal-direction{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff44;padding-top:11px;margin-top:12px}.animal-direction>span{font-size:21px;color:#ffe0a1;line-height:1;transition:transform .15s}.animal-direction strong{font-size:10px;letter-spacing:.06em;flex:1}.animal-direction small{color:#ffe0a1;font-weight:700;font-size:10px}.objective-card{width:265px}.journal-modal{width:min(1010px,94vw);padding:32px 38px}.journal-grid{grid-template-columns:repeat(4,1fr);max-height:54vh;overflow-y:auto;padding-right:5px}.journal-image{aspect-ratio:1.55}.journal-card-info{min-height:120px}.journal-card-info strong{font-size:15px}.journal-card-info p{font-size:10px;line-height:1.45;color:#658081;margin:8px 0 0}.journal-card.bonus{border-color:#e4c582}.journal-card.bonus .journal-card-info small{color:#b28e42}.journal-card.undiscovered .journal-card-info{min-height:auto}.fact-popup,.completion-popup,.catch-popup{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);color:#173b3d;background:#f8f2e4;box-shadow:0 30px 100px #071e25aa;border-radius:12px;max-width:90vw}.catch-popup{display:flex;width:min(560px,92vw);overflow:hidden}.catch-photo{width:40%;min-height:220px;background:linear-gradient(135deg,#7bb9a8,#a8d4c8);display:flex;align-items:center;justify-content:center;font-size:48px}.catch-details{flex:1;padding:28px 24px;display:flex;flex-direction:column;justify-content:center}.catch-details .eyebrow{color:#b68d48;font-size:10px}.catch-details h2{font:700 28px/1.05 Outfit,sans-serif;letter-spacing:-.04em;margin:10px 0}.catch-details p{font-size:13px;line-height:1.6;color:#567276;margin:0 0 20px}.catch-details .primary-button{min-width:0;width:100%;background:#ffd994}.bag-popup{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);width:min(600px,92vw);max-height:80vh;overflow:auto;background:#f7f4e9;color:#173b3d;border-radius:12px;padding:32px 36px;box-shadow:0 30px 100px #071e25aa}.bag-modal{display:flex;flex-direction:column;gap:16px}.bag-header{display:flex;justify-content:space-between;align-items:flex-start}.bag-header .eyebrow{color:#8d8b70}.bag-header h2{font:700 36px Outfit,sans-serif;letter-spacing:-.055em;margin:6px 0 0}.bag-header h2 span{color:#e5ac66}.bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:50vh;overflow-y:auto}.bag-card{background:white;border-radius:8px;padding:12px;text-align:center;border:1px solid #e4e6dc}.bag-card .bag-icon{font-size:32px;margin-bottom:6px}.bag-card strong{display:block;font:600 13px Outfit,sans-serif;margin-bottom:2px}.bag-card small{font-size:9px;color:#8b9a90;font-weight:700}.bag-footer{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #d8ded1;font-size:10px;letter-spacing:.12em;font-weight:700;color:#73908a}.fact-popup{display:flex;width:min(690px,92vw);overflow:hidden}.fact-photo{width:46%;min-height:300px;background:#8bb9b0}.fact-photo img{width:100%;height:100%;object-fit:cover;display:block}.photo-credit{position:absolute;left:8px;bottom:8px;background:#123b45cc;color:#f3ead2;font-size:9px;letter-spacing:.04em;padding:4px 7px;border-radius:4px}.fact-photo{position:relative}.fact-details{flex:1;padding:35px 32px;display:flex;flex-direction:column;justify-content:center}.fact-details .eyebrow,.completion-popup .eyebrow{color:#b68d48;font-size:10px}.fact-details h2,.completion-popup h2{font:700 35px/1.05 Outfit,sans-serif;letter-spacing:-.04em;margin:14px 0}.fact-details p,.completion-popup p{font-size:14px;line-height:1.65;color:#567276;margin:0 0 25px}.fact-details .primary-button,.completion-popup .primary-button{min-width:0;width:100%;background:#ffd994}.completion-popup{text-align:center;width:min(440px,90vw);padding:38px}.completion-popup h2{font-size:43px}.completion-popup h2 em{font-style:normal;color:#dd9f5c}.completion-star{display:block;font-size:52px;color:#dfa859;margin-bottom:10px}.zones-list small.unlocked{color:#ffe0a1;border-color:#ffe0a1}@media (max-width:800px){.objective-card{width:205px}.journal-grid{grid-template-columns:repeat(2,1fr);max-height:55vh}.journal-card{display:block}.journal-image{width:auto;aspect-ratio:1.5}.journal-card-info{min-height:120px}.fact-popup{width:min(590px,92vw)}}@media (max-width:530px){.objective-card{width:190px}.right-panel{bottom:22%}.journal-grid{grid-template-columns:1fr}.journal-card{display:flex}.journal-image{width:110px;aspect-ratio:1;flex:none}.journal-card-info{min-height:0;padding:10px}.journal-card-info p{font-size:9px}.fact-popup{display:block;max-height:86vh;overflow:auto}.fact-photo{width:100%;height:155px;min-height:0}.fact-details{padding:22px}.fact-details h2{font-size:26px}.fact-details p{font-size:12px;margin-bottom:15px}.completion-popup{padding:26px}.completion-popup h2{font-size:33px}}.boundary-toast{position:absolute;left:50%;bottom:22%;transform:translate(-50%,10px);width:max-content;max-width:85vw;padding:12px 18px;background:rgba(14,48,50,.83);border:1px solid #f7dfaa88;border-radius:6px;color:#ffe4ae;font-size:11px;font-weight:700;letter-spacing:.03em;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.boundary-toast.visible{opacity:1;transform:translate(-50%)}.camera-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffffa8;border-radius:9px;background:#123c48aa;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s,transform .2s}.camera-button:hover{background:#1d5964;transform:translateY(-2px)}.camera-button.active{background:#ffe0a1;border-color:#ffe0a1;color:#21494c}.camera-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.viewfinder{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 18px #071f28a8,inset 0 0 90px 70px #071e2c44}.lens-corner{position:absolute;width:48px;height:48px;border-color:#ffe3ad;border-style:solid}.lens-tl{top:48px;left:48px;border-width:3px 0 0 3px}.lens-tr{top:48px;right:48px;border-width:3px 3px 0 0}.lens-bl{bottom:48px;left:48px;border-width:0 0 3px 3px}.lens-br{bottom:48px;right:48px;border-width:0 3px 3px 0}.lens-top{position:absolute;top:56px;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.16em;text-shadow:0 2px 8px #173a42}.lens-top small{opacity:.65}.record-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffd996;box-shadow:0 0 12px #ffdb9a;margin-right:9px}.lens-reticle{position:absolute;top:50%;left:50%;width:116px;height:86px;transform:translate(-50%,-50%)}.lens-reticle span{position:absolute;width:17px;height:17px;border-color:#fff6dc;border-style:solid;opacity:.9}.lens-reticle span:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.lens-reticle span:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.lens-reticle span:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}.lens-reticle span:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}.lens-reticle i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:400 23px DM Sans,sans-serif;color:#fff6dc;font-style:normal;text-shadow:0 1px 5px #123b45}.lens-target{position:absolute;left:50%;top:calc(50% + 62px);transform:translate(-50%);font-size:10px;letter-spacing:.15em;font-weight:800;color:#fff2d1;background:#143b45b5;border-radius:5px;padding:7px 12px;white-space:nowrap}.lens-target.ready{color:#193c41;background:#ffe0a1}.lens-bottom{position:absolute;bottom:95px;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.16em;font-weight:700}.lens-zoom-controls{display:flex;align-items:center;gap:9px;pointer-events:auto}.lens-zoom-controls button{width:34px;height:34px;border:1px solid #ffffffa8;border-radius:50%;background:#153c48c4;color:#fff;font-size:20px;line-height:1}.lens-exit{pointer-events:auto;border:1px solid #ffffffb0;border-radius:4px;background:#153c48c4;color:#fff;padding:10px 12px;font-size:9px;letter-spacing:.12em;font-weight:700}.camera-active .location-panel,.camera-active .right-panel,.camera-active .bottom-left,.camera-active .photo-hint,.camera-active .viewpoint-toast{display:none}.camera-active .bottom-right,.camera-active .topbar{z-index:3}.camera-active .capture-toast{z-index:5}@media (max-width:800px){.camera-button{width:42px;height:42px}.camera-button svg{width:22px;height:22px}.lens-corner{width:30px;height:30px}.lens-tl{top:28px;left:28px}.lens-tr{top:28px;right:28px}.lens-bl{bottom:28px;left:28px}.lens-br{bottom:28px;right:28px}.lens-top{top:85px;left:8%;right:8%;font-size:9px}.lens-top small{display:none}.lens-bottom{bottom:105px}.lens-bottom>span{display:none}.lens-exit{font-size:8px}.camera-active .mobile-controls{z-index:3}}@media (max-width:530px){.lens-top{top:116px}.lens-bottom{bottom:112px;left:6%;right:6%}.lens-zoom-controls{gap:4px}.lens-zoom-controls button{width:30px;height:30px}.lens-exit{padding:8px}.camera-active .bottom-right{bottom:18%}.camera-active .journal-button{display:none}.viewfinder{box-shadow:inset 0 0 0 10px #071f28a8,inset 0 0 55px 30px #071e2c44}}.lens-top{top:102px}.lens-bottom{bottom:155px}.rotate-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0c2732f2;color:#ffe4ae;text-align:center;padding:24px}.rotate-hint .rotate-icon{font-size:64px;animation:rotateHint 1.6s ease-in-out infinite}.rotate-hint p{font-size:14px;letter-spacing:.04em;max-width:260px}@keyframes rotateHint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media (max-width:800px) and (orientation:portrait){.rotate-hint{display:flex}}@media (max-width:800px){.mobile-controls{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.bottom-right{padding-bottom:env(safe-area-inset-bottom);padding-right:env(safe-area-inset-right)}.topbar{padding-top:env(safe-area-inset-top)}.dpad button{width:48px;height:48px;font-size:18px}.shutter-button{width:64px;height:64px}.camera-button{width:52px;height:52px}.journal-button,.lens-zoom-controls button,.lens-exit{min-height:44px}}.right-panel{top:11%;right:4.5%}.objective-card{width:230px;padding:14px 15px;border-radius:10px}.progress-track{margin:11px 0 8px}.animal-direction{padding-top:8px;margin-top:9px}@media (max-width:800px){.right-panel{top:13%;right:4%;bottom:auto;gap:0}.objective-card{width:185px;padding:12px}.compass{display:none}.location-panel{top:27%}}@media (max-width:530px){.right-panel{top:15%;right:4%}.objective-card{width:165px;padding:10px}.objective-card p{font-size:9px}.animal-direction{gap:5px}.animal-direction strong,.animal-direction small{font-size:8px}.animal-direction>span{font-size:17px}.location-panel{top:29%}}.location-panel{top:11%;left:4.5%}.location-panel h1{margin:0;font-size:clamp(36px,3.4vw,54px)}@media (max-width:800px){.location-panel{top:16%;left:5%}.location-panel h1{font-size:34px}}@media (max-width:530px){.location-panel{top:20%}.location-panel h1{font-size:29px}}.right-panel{top:5%;right:4.5%;gap:0}.objective-card{width:auto;min-width:70px;padding:8px 12px;border-radius:9px;text-align:center}.objective-card #photoCount{font-size:17px;font-weight:800;letter-spacing:.04em;color:#ffe4a9;line-height:1}@media (max-width:800px){.right-panel{top:6%;right:4%}.objective-card{min-width:64px;padding:8px 10px}}@media (max-width:530px){.right-panel{top:11%;right:4%}.objective-card #photoCount{font-size:15px}}@media (max-width:800px){.lens-top{top:104px}.lens-bottom{bottom:230px}body.binoculars-active .lens-bottom{bottom:120px}}@media (max-width:530px){.lens-top{top:116px}.lens-bottom{bottom:240px}.intro-cartoon-text{font-size:clamp(24px,9vw,56px);white-space:normal;max-width:95vw;top:50%;-webkit-text-stroke:2px #000}body.binoculars-active .lens-bottom{bottom:140px}}.fishing-hint{position:absolute;left:50%;bottom:18%;transform:translate(-50%);padding:11px 16px;border:1px solid #ffe0a188;border-radius:7px;background:#123d47db;color:#fff3ce;font-size:10px;font-weight:800;letter-spacing:.13em;white-space:nowrap;opacity:0;pointer-events:auto;cursor:pointer;transition:opacity .2s}.fishing-hint.visible{opacity:1}.fishing-hint kbd{margin-left:8px;border-color:#ffe0a1;color:#ffe0a1}.fishing-panel{position:absolute;z-index:5;left:50%;bottom:13%;transform:translate(-50%);width:min(380px,92vw);padding:19px 21px 15px;border:1px solid #ffe0a177;border-radius:12px;background:rgba(12,43,47,.9);box-shadow:0 18px 55px #00191dcc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;pointer-events:auto}.fishing-panel-head{display:flex;justify-content:space-between;align-items:center}.fishing-panel-head>div{display:flex;flex-direction:column;gap:4px}.fishing-panel-head span{font-size:8px;font-weight:800;letter-spacing:.2em;color:#ffdf9e}.fishing-panel-head strong{font:600 22px Outfit,sans-serif}.fishing-panel-head button{width:30px;height:30px;border:1px solid #ffffff55;border-radius:50%;background:transparent;color:#fff}.fishing-panel p{margin:12px 0;font-size:12px;line-height:1.45;color:#e1e9db}.fishing-action{width:100%;height:40px;border:0;border-radius:5px;background:#ffe0a1;color:#193e41;font-size:10px;font-weight:800;letter-spacing:.12em}.fish-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.fish-collection span{padding:7px 5px;border:1px solid #ffffff24;border-radius:5px;text-align:center;font-size:8px;font-weight:700;line-height:1.4;color:#e4e8d8}.fish-collection strong{display:block;font-size:12px;color:#ffe0a1}.camera-active .fishing-hint,.camera-active .fishing-panel{display:none}@media (max-width:800px){.fishing-hint{bottom:20%;font-size:9px}.fishing-panel{bottom:17%;padding:15px}.fish-collection{gap:4px}}@media (max-width:530px){.fishing-hint{bottom:22%;max-width:90vw;overflow:hidden}.fishing-panel{bottom:23%;width:min(350px,92vw)}.fishing-panel-head strong{font-size:19px}.fish-collection span{font-size:7px}}.water-warning{position:absolute;left:50%;bottom:27%;z-index:6;transform:translate(-50%,12px) scale(.75) rotate(-2deg);padding:12px 18px;border:2px solid #fff4ca;border-radius:18px 18px 18px 5px;background:#fff0bd;color:#244b50;font:800 clamp(13px,1.5vw,17px) Outfit,sans-serif;letter-spacing:.01em;white-space:nowrap;box-shadow:0 5px #d49659,0 10px 24px #072c3588;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .22s cubic-bezier(.2,1.7,.45,1),visibility .18s}.water-warning:after{content:"";position:absolute;left:18px;bottom:-11px;width:17px;height:17px;background:#fff0bd;border-right:2px solid #fff4ca;border-bottom:2px solid #fff4ca;transform:skewY(32deg) rotate(20deg)}.water-warning.visible{opacity:1;visibility:visible;transform:translate(-50%) scale(1) rotate(-2deg);animation:waterWarningWiggle .7s ease-in-out infinite alternate}@keyframes waterWarningWiggle{0%{rotate:-1deg}to{rotate:1deg}}@media (max-width:530px){.water-warning{bottom:32%;max-width:90vw;white-space:normal;text-align:center;padding:10px 14px;font-size:14px}}.airboat-hint{position:absolute;left:50%;bottom:20%;z-index:6;transform:translate(-50%);padding:11px 17px;border:1px solid #f5dfaa;border-radius:8px;background:#173f48e8;color:#fff2ce;font-size:10px;font-weight:800;letter-spacing:.13em;white-space:nowrap;cursor:pointer;box-shadow:0 8px 25px #06283066;animation:boatHintPulse 1.5s ease-in-out infinite}.airboat-hint>span{color:#ffe0a1;font-size:15px;margin-right:7px}.airboat-hint kbd{margin-left:9px;border-color:#ffe0a1;color:#ffe0a1}@keyframes boatHintPulse{50%{box-shadow:0 8px 30px #f0c77655;transform:translate(-50%) translateY(-3px)}}.airboat-controls{position:absolute;z-index:5;left:4.5%;bottom:4%;display:flex;align-items:end;gap:12px;pointer-events:auto}.airboat-control-pad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,40px);gap:3px}.airboat-control-pad button{border:1px solid #ffffff88;border-radius:6px;background:#113b47d9;color:#fff2ce;font-size:16px;touch-action:none}.airboat-control-pad button[data-boat-throttle=forward]{grid-column:2;grid-row:1}.airboat-control-pad button[data-boat-steer=left]{grid-column:1;grid-row:2}.airboat-control-pad button[data-boat-throttle=reverse]{grid-column:2;grid-row:2}.airboat-control-pad button[data-boat-steer=right]{grid-column:3;grid-row:2}.airboat-drive-label{display:flex;flex-direction:column;gap:4px;padding:10px 13px;background:#123d47cc;border:1px solid #ffffff55;border-radius:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.airboat-drive-label strong{font:700 9px Outfit,sans-serif;letter-spacing:.15em;color:#ffe0a1}.airboat-drive-label span{font-size:8px;letter-spacing:.08em}.airboat-drive-label button{margin-top:4px;padding:6px 8px;border:1px solid #ffe0a177;border-radius:4px;background:#ffe0a1;color:#193e41;font-size:9px;font-weight:800;letter-spacing:.08em}@media (max-width:800px){.airboat-hint{bottom:22%}.airboat-controls{left:4%;bottom:5%;gap:7px}.airboat-control-pad{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px)}}@media (max-width:530px){.airboat-hint{bottom:25%;max-width:90vw}.airboat-controls{left:4%;bottom:22%;align-items:center}.airboat-control-pad{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,34px)}.airboat-drive-label{padding:7px}.airboat-drive-label span{display:none}.airboat-drive-label strong{font-size:8px}}.jump-button{width:72px;height:34px;margin-top:5px;border:1px solid #ffe0a1;background:#ffe0a1;color:#183f42;border-radius:18px;font-size:9px;font-weight:800;letter-spacing:.12em;box-shadow:0 3px #b8884e;touch-action:none}.jump-button:active{transform:translateY(2px);box-shadow:0 1px #b8884e}.flight-down-button{display:none;width:72px;height:34px;margin-top:5px;border:1px solid #8fdcff;background:#8fdcff;color:#0d3449;border-radius:18px;font-size:9px;font-weight:800;letter-spacing:.12em;box-shadow:0 3px #3c7e9e;touch-action:none}.flight-down-button.visible{display:block}.flight-down-button:active{transform:translateY(2px);box-shadow:0 1px #3c7e9e}.character-options button{display:flex;align-items:center;gap:7px;white-space:normal;text-align:left}.explorer-portrait{position:relative;display:block;flex:none;width:28px;height:33px;overflow:hidden;border-radius:6px;background:#ffffff22}.explorer-portrait:before{content:"";position:absolute;left:6px;top:6px;width:17px;height:20px;border-radius:6px;background:var(--explorer-skin);z-index:1}.explorer-portrait:after{content:"";position:absolute;left:3px;top:24px;width:24px;height:15px;border-radius:9px 9px 0 0;background:var(--explorer-shirt)}.explorer-portrait i{position:absolute;left:4px;top:3px;width:22px;height:9px;border-radius:7px 7px 2px 2px;background:var(--explorer-cap);z-index:2}.character-options .explorer-model-preview{display:block;width:65px;height:78px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 3px #071e2544)}.character-options button{flex-direction:column;text-align:center;justify-content:center;gap:4px;padding:7px 4px}.character-select{width:285px}.character-options{gap:7px;margin:12px 0}.character-options .explorer-portrait{visibility:hidden;width:65px;height:78px}@media (max-width:800px){.character-select{width:220px}.character-options .explorer-model-preview,.character-options .explorer-portrait{width:48px;height:58px}.character-options button{font-size:8px;padding:5px 3px}}@media (max-width:530px){.character-select{width:86%}.character-options{grid-template-columns:repeat(3,1fr)}}#app,#app button,#app kbd,#app input,#app small,#app p,#app strong,#app span,#app h1,#app h2,#app b{font-family:Outfit,Arial Rounded MT Bold,sans-serif}#app h1,#app h2,.intro-title{font-weight:800;text-shadow:0 3px 0 #123c4555,0 5px 12px #06283233}#app button,.eyebrow,.control-hint,.card-top,.zone-pill,.photo-hint,.lens-top,.lens-bottom,.journal-footer{font-weight:800}.shell-counter{position:absolute;left:4.5%;top:58%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#173f48d9;border:2px solid #ffe6ac;border-radius:18px;box-shadow:0 4px #183c48aa;pointer-events:none;color:#fff3c7}.shell-counter>span{font-size:32px;filter:drop-shadow(0 0 8px #ffc56e)}.shell-counter div{display:flex;flex-direction:column;gap:2px}.shell-counter strong{font-size:10px;letter-spacing:.12em}.shell-counter b{font-size:23px;text-shadow:0 2px 0 #122f3c}.camera-active .shell-counter{display:none}@media (max-width:800px){.shell-counter{top:47%;left:5%;padding:8px 11px;gap:7px}.shell-counter>span{font-size:24px}.shell-counter b{font-size:18px}.shell-counter strong{font-size:8px}}.treasure-hint{position:absolute;left:50%;top:18%;transform:translate(-50%);z-index:7;padding:13px 20px;background:#ffdf8e;color:#21444a;border:2px solid #fff6d3;border-radius:15px;font-weight:800;box-shadow:0 4px #b5803b}.treasure-inventory{position:absolute;left:2%;bottom:4%;display:flex;flex-direction:row;gap:5px;z-index:4;align-items:center}.treasure-inventory button{padding:7px 9px;background:#173f48db;color:#fff0bd;border:1px solid #ffe0a188;border-radius:8px;font-size:10px;cursor:pointer}.treasure-inventory button:disabled{opacity:.38;cursor:default}.treasure-inventory small{font-size:10px;font-weight:800;color:#fff0bd;text-align:center;text-shadow:0 2px 2px #123}.binocular-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 34% 50%,transparent 0 27%,#071a23 28% 100%);-webkit-mask-image:radial-gradient(ellipse at 66% 50%,transparent 0 27%,#000 28% 100%);mask-image:radial-gradient(ellipse at 66% 50%,transparent 0 27%,#000 28% 100%);box-shadow:inset 0 0 60px #06151f}.binocular-mask span{position:absolute;bottom:24%;left:50%;transform:translate(-50%);color:#ffe3a3;white-space:nowrap;font-size:12px;font-weight:800}.camera-active .treasure-inventory{display:none}@media (max-width:800px){.treasure-inventory{width:145px;bottom:4%;left:3%}.treasure-inventory button{font-size:8px;padding:5px}.treasure-hint{top:16%;font-size:10px}}.tool-heading{font-size:11px;color:#ffe4ad;letter-spacing:.15em;text-align:center;text-shadow:0 2px 2px #14313c}.tool-scroll{max-height:155px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin}.treasure-inventory .tool-selected{background:#ffdfa1;color:#193f46;border:2px solid #fff1cb;box-shadow:0 0 14px #ffd78466}.treasure-inventory .tool-use{background:#bce6b1;color:#204633;border-color:#edf8d9;font-size:12px}.treasure-inventory .tool-single{padding:7px 10px;background:#173f48db;color:#fff0bd;border:1px solid #ffe0a188;border-radius:8px;font-size:10px;cursor:pointer;white-space:nowrap;min-width:80px;text-align:center}.treasure-inventory .tool-bugs{font-size:8px;font-weight:700;color:#fff0bd;text-shadow:0 2px 2px #14313c;margin:0}.treasure-inventory small{font-size:8px}.treasure-inventory [data-tool-cycle]{padding:3px;min-height:24px}.treasure-inventory .tool-new{animation:toolFound 1.4s ease-out}@keyframes toolFound{0%{transform:scale(.55);filter:brightness(1.4)}30%{transform:scale(1.14);box-shadow:0 0 24px #ffe9a8}to{transform:scale(1)}}:root{--cartoon-ink:#0d393b;--cartoon-sun:#ffdd9e}.brand small{color:#ffe1a7;letter-spacing:.26em}.intro-overlay{background:radial-gradient(circle at 84% 8%,rgba(255,209,121,.28),transparent 45%),linear-gradient(100deg,rgba(5,40,41,.96) 0%,rgba(7,46,43,.82) 38%,rgba(8,49,44,.14) 100%)}.intro-rays{position:absolute;right:-26vmax;top:-34vmax;width:92vmax;height:92vmax;border-radius:50%;background:repeating-conic-gradient(from 8deg,rgba(255,221,148,.17) 0deg 5deg,transparent 5deg 17deg);-webkit-mask-image:radial-gradient(circle,#000 0 33%,transparent 66%);mask-image:radial-gradient(circle,#000 0 33%,transparent 66%);animation:introRaysSpin 150s linear infinite;pointer-events:none}@keyframes introRaysSpin{to{transform:rotate(360deg)}}.intro-content{position:relative;z-index:1}.intro-kicker{padding:9px 15px;border:2px solid rgba(255,227,168,.42);border-radius:999px;background:rgba(5,38,37,.52);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;margin-bottom:26px}.intro-title{color:#fff;text-shadow:-3px -3px 0 var(--cartoon-ink),3px -3px 0 var(--cartoon-ink),-3px 3px 0 var(--cartoon-ink),3px 3px 0 var(--cartoon-ink),-3px 0 0 var(--cartoon-ink),3px 0 0 var(--cartoon-ink),0 -3px 0 var(--cartoon-ink),0 3px 0 var(--cartoon-ink),0 9px 0 var(--cartoon-ink),0 16px 30px rgba(2,25,26,.45)}.intro-title span{color:#ffdd9e}.intro-title i{color:#ffd571;text-shadow:0 4px 0 var(--cartoon-ink),0 8px 16px rgba(2,25,26,.4)}.intro-heroes{display:inline-flex;align-items:center;gap:9px;margin:7px 0 0 5px;padding:9px 16px 8px;font:800 clamp(21px,2.3vw,30px)/1 Outfit,sans-serif;letter-spacing:.3em;color:#123f40;background:linear-gradient(#ffe6ab,#ffc75d);border:3px solid var(--cartoon-ink);border-radius:10px;box-shadow:0 6px 0 var(--cartoon-ink),0 15px 28px #02191a52;transform:rotate(-2deg);transform-origin:left center;text-indent:.3em}.intro-heroes:before,.intro-heroes:after{content:"✦";font-size:.62em;letter-spacing:0;text-indent:0;color:#b9542e}.intro-location{color:#ffe1a7;font-weight:800;letter-spacing:.5em;text-shadow:0 2px 0 rgba(4,29,29,.55)}.intro-line{height:2px;background:#f2c873}.intro-content p{font-size:15.5px;color:#ffffffe6}.intro-spark{position:absolute;z-index:2;color:#ffdc8a;text-shadow:0 0 14px rgba(255,222,146,.9);animation:introSpark 3.6s ease-in-out infinite;pointer-events:none}.intro-spark-1{left:-32px;top:112px;font-size:26px}.intro-spark-2{right:30px;top:74px;font-size:16px;animation-delay:.9s}.intro-spark-3{left:16px;top:294px;font-size:13px;animation-delay:1.6s}@keyframes introSpark{0%,to{opacity:.42;transform:translateY(0) scale(.9) rotate(0)}50%{opacity:1;transform:translateY(-7px) scale(1.16) rotate(18deg)}}.primary-button{border:3px solid var(--cartoon-ink);border-radius:10px;box-shadow:0 5px 0 var(--cartoon-ink),0 12px 22px #02191a38;font-weight:800}.primary-button:hover{background:#fff0cb;transform:translateY(-2px);box-shadow:0 7px 0 var(--cartoon-ink),0 14px 24px #02191a38}.primary-button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--cartoon-ink),0 6px 12px #02191a33}.zone-pill{border-width:2px;border-color:#ffe7b173;box-shadow:0 3px #051f1f2e}.objective-card,.character-select{border-width:2px;border-color:#ffecbe7a;border-radius:16px;box-shadow:0 6px #051f1f40,0 16px 34px #051f1f24}.character-options button{border:2px solid rgba(255,240,200,.38);border-radius:8px}.character-options button.selected{box-shadow:0 3px #051f1f52}.journal-button,.treasure-inventory{border-width:2px;border-color:#ffecbe73}@media (max-width:800px){.intro-spark{display:none}.intro-heroes{margin-top:6px}}.brand{text-shadow:0 2px 0 rgba(3,28,29,.62),0 8px 20px rgba(3,28,29,.42)}.intro-rays{opacity:.11}body.menu-open .hud,body.menu-open .shell-counter,body.menu-open .treasure-inventory,body.menu-open .treasure-hint,body.menu-open .fishing-hint,body.menu-open .airboat-hint,body.menu-open .binocular-mask,body.menu-open .mobile-controls,body.menu-open .viewpoint-toast,body.menu-open .capture-toast,body.menu-open .water-warning{opacity:0;visibility:hidden;pointer-events:none}body.binoculars-active .lens-bottom{bottom:160px}@media (max-width:530px){body.menu-open .hud,body.menu-open .shell-counter{display:none}}.intro-title{font-family:Bangers,Outfit,sans-serif;font-weight:400;letter-spacing:.015em;line-height:.83;-webkit-text-stroke:1.5px #0d393b}.intro-title span{-webkit-text-stroke:1.5px #0d393b}.intro-heroes{font-family:Bangers,Lilita One,sans-serif;font-size:clamp(27px,3vw,38px);letter-spacing:.16em;padding:7px 16px 5px}.intro-location,.intro-kicker,.intro-content p,.intro-content .primary-button,.zones-list,.intro-footer{font-family:Lilita One,DM Sans,sans-serif}.brand,.zone-pill,.eyebrow,.card-top>span,.control-hint,.photo-hint,.journal-button,.treasure-inventory,.character-select,.airboat-drive-label,.fishing-panel-head,.primary-button,.completion-popup h2,.fact-details h2,.journal-header h2{font-family:Lilita One,Outfit,sans-serif;letter-spacing:.035em}.location-panel h1{font-family:Lilita One,Outfit,sans-serif;font-weight:400;letter-spacing:-.025em;-webkit-text-stroke:.35px rgba(13,57,59,.6)}.journal-header h2,.fact-details h2,.completion-popup h2{letter-spacing:-.02em}.intro-title{font-family:Lilita One,Outfit,sans-serif;font-weight:400;letter-spacing:-.045em;-webkit-text-stroke:2px #0d393b;paint-order:stroke fill}.intro-title span{-webkit-text-stroke:2px #0d393b}@media (hover:none) and (pointer:coarse){.mobile-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:8;pointer-events:none}.touch-move-hint{position:absolute;left:5%;bottom:calc(5% + env(safe-area-inset-bottom));font:700 9px Lilita One,DM Sans,sans-serif;letter-spacing:.11em;color:#fff1c8;text-shadow:0 2px 5px #08282dcc;opacity:.8}.action-jump-button{position:absolute;right:max(5%,env(safe-area-inset-right));bottom:calc(5% + env(safe-area-inset-bottom));width:clamp(132px,25vw,178px);min-height:70px;padding:10px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:auto;touch-action:none;border:3px solid #fff0c3;border-radius:22px;background:linear-gradient(150deg,#ffe9aa,#ffbd58);color:#173f42;box-shadow:0 6px #935b36,0 12px 24px #082b3599;transform:rotate(-2deg);transition:transform .12s,filter .12s}.action-jump-button strong{font:800 clamp(12px,2vw,16px)/1 "Lilita One","DM Sans",sans-serif;letter-spacing:.04em;text-align:center}.action-jump-button small{font:700 8px/1.15 Lilita One,DM Sans,sans-serif;letter-spacing:.08em;text-align:center;color:#366063}.action-jump-button.held{transform:translateY(4px) rotate(0);box-shadow:0 2px #935b36,0 7px 16px #082b3599;filter:brightness(1.06)}.action-jump-button.held-flight{background:linear-gradient(150deg,#b7f0ff,#54c8f3);border-color:#e2faff;box-shadow:0 2px #276c91,0 7px 16px #082b3599}.bottom-right{right:calc(max(5%,env(safe-area-inset-right)) + clamp(132px,25vw,178px) + 12px);bottom:calc(5% + env(safe-area-inset-bottom));gap:7px}.photo-hint{display:none}.right-panel{top:90px;bottom:auto;right:5%}.airboat-control-pad,#airboatStunt,#airboatExit{display:none!important}.airboat-controls{left:auto;right:5%;bottom:calc(5% + 78px + env(safe-area-inset-bottom))}.airboat-drive-label{min-width:120px}.airboat-hint,.fishing-hint{display:none!important}#game{touch-action:none}}@media (max-width:530px) and (hover:none) and (pointer:coarse){.right-panel{top:82px;right:4%}.objective-card{width:min(180px,48vw)}.action-jump-button{width:132px;min-height:66px;right:4%}.bottom-right{right:calc(4% + 140px);gap:5px}.bottom-right .camera-button{width:38px;height:42px}.bottom-right .shutter-button{width:48px;height:48px}.bottom-right .journal-button{width:38px;height:42px;padding:0;justify-content:center}.mobile-controls .touch-move-hint{font-size:8px;left:4%;bottom:calc(18% + env(safe-area-inset-bottom))}}.camera-active .shell-counter{display:flex}@media (hover:none) and (pointer:coarse){.shell-counter{position:static;left:auto;top:auto;right:auto;bottom:auto;align-self:center;gap:4px;padding:3px 6px;background:#173f48d9;border:1px solid #ffe6ac;border-radius:9px;box-shadow:0 2px #183c48aa}.shell-counter>span{font-size:15px;filter:none}.shell-counter div{gap:0}.shell-counter strong{display:none}.shell-counter b{font-size:13px}}@media (max-width:530px) and (hover:none) and (pointer:coarse){.shell-counter{padding:2px 4px;gap:2px}.shell-counter>span{font-size:13px}.shell-counter b{font-size:12px}}body.landing-sequence .hud,body.landing-sequence .shell-counter,body.landing-sequence .bottom-right,body.landing-sequence .mobile-controls,body.landing-sequence .fishing-hint,body.landing-sequence .treasure-hint{opacity:0;visibility:hidden;pointer-events:none}.primary-button:disabled{opacity:.58;filter:saturate(.55);cursor:wait}#hud .right-panel{top:calc(24px + env(safe-area-inset-top));left:50%;right:auto;bottom:auto;transform:translate(-50%);gap:0}#hud .objective-card{width:auto;min-width:0;display:flex;align-items:center;gap:9px;padding:6px 11px;border-radius:12px;box-shadow:0 3px #183c4855}#hud .objective-card strong{font-size:9px;letter-spacing:.07em;white-space:nowrap}#hud .objective-card #photoCount{font-size:14px;white-space:nowrap}.shell-counter>span .shell-collectible-icon{display:block;width:32px;height:32px;object-fit:contain}.thumb-control{display:none}#app .intro-title>span{font-size:.74em;letter-spacing:-.035em}.top-actions .map-button{font-size:10px;font-weight:800;width:44px}body.menu-open #mapBtn,body.landing-sequence #mapBtn{display:none}.island-map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#061f29d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px}.island-map-panel{background:#fff1d0;color:#173f42;border:3px solid #ffe3a0;border-radius:20px;width:min(660px,94vw);max-height:92dvh;overflow:auto;padding:18px;box-shadow:0 8px #072e38,0 20px 60px #00182299}.island-map-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.island-map-panel header small{font-size:9px;letter-spacing:.12em;color:#537c6f}.island-map-panel h2{margin:3px 0;font-size:28px}.island-map-panel header button{min-width:44px;min-height:44px;border:2px solid #517d73;background:#e0ebc8;color:#173f42;border-radius:50%;font-size:18px}.island-map-panel p{font-size:12px;margin:7px 0 12px}.island-map-stage{position:relative;max-width:490px;margin:auto;aspect-ratio:1;border:3px solid #386a70;border-radius:14px;overflow:hidden;background:#4e9bb4}.island-map-stage canvas{display:block;width:100%;height:100%}.island-map-markers{position:absolute;top:0;right:0;bottom:0;left:0}.island-map-pin,.island-map-player{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:25px;height:25px;background:#ffdd7b;border:2px solid #173f42;border-radius:50%;font-size:12px;font-weight:800;box-shadow:0 2px 4px #173f4266}.island-map-pin.taken{background:#b8f0b5;color:#245f3d}.island-map-player{width:14px;height:14px;background:#ff465c;border:3px solid white;box-shadow:0 0 0 2px #ac243a;z-index:2}.island-map-north{position:absolute;right:10px;top:9px;font-weight:800;color:#fff4d5;text-shadow:0 2px 2px #173f42}.island-map-panel footer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:9px;font-weight:800;margin:12px 0}.island-map-panel footer span:first-child{color:#bf2843}.island-map-key{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.island-map-key li{display:flex;align-items:center;gap:7px;font-size:11px}.island-map-key b{flex:none;background:#ffdd7b;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.island-map-key .taken b{background:#b8f0b5}@media (max-height:550px) and (orientation:landscape){.island-map-panel{width:min(860px,94vw)}.island-map-stage{width:48%;float:left;margin-right:18px}.island-map-key{grid-template-columns:1fr}.island-map-panel footer{justify-content:flex-start}}@media (hover:none) and (pointer:coarse){.thumb-control{position:absolute;display:flex;width:76px;height:76px;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;border:2px solid #fff5d95c;border-radius:50%;background:#123a4514;box-shadow:none;color:#fff5d9;bottom:calc(5% + env(safe-area-inset-bottom) + 108px);padding:0}.thumb-control>span{display:block;width:31px;height:31px;border-radius:50%;background:#fff4d938;border:1px solid #fff9e26b;transform:translate(var(--thumb-x,0px),var(--thumb-y,0px));pointer-events:none}.thumb-control small{position:absolute;bottom:7px;font-size:8px;letter-spacing:.12em;opacity:.55;pointer-events:none}.thumb-control.active{background:#123a4526;border-color:#fff5d98c}.thumb-move{left:max(5%,env(safe-area-inset-left))}.thumb-look{right:max(6%,env(safe-area-inset-right))}.mobile-controls .touch-move-hint{display:none}}@media (max-width:800px){#hud .right-panel{top:calc(68px + env(safe-area-inset-top))}#hud .objective-card{gap:7px;padding:5px 9px}#hud .objective-card strong{font-size:8px}#hud .objective-card #photoCount{font-size:12px}}@media (hover:none) and (pointer:coarse){.shell-counter>span .shell-collectible-icon{width:20px;height:20px}}.character-select{width:min(390px,40vw);max-height:78vh;display:flex;flex-direction:column}.character-options{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;max-height:calc(78vh - 90px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}.character-options button{min-width:0;flex-shrink:0}.character-options button>span:last-child{overflow-wrap:anywhere}@media (max-width:800px){.character-select{width:min(320px,42vw);max-height:calc(100dvh - 110px)}.character-options{max-height:calc(100dvh - 185px)}}@media (max-width:530px){.character-select{width:86%;max-height:none}.character-options{max-height:min(420px,55vh)}}