.wg-experience{--wg-ocean:#123f3c;--wg-cream:#f5f1e8;--wg-lime:#d4ed75;--wg-muted:#a9bbb0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(265px,1fr);gap:0;background:#102f30;border:1px solid rgba(245,241,232,.08);border-radius:8px;overflow:hidden;color:var(--wg-cream);font-family:'DM Sans',sans-serif;isolation:isolate}.wg-experience *{box-sizing:border-box}.wg-experience [hidden]{display:none!important}.wg-experience button,.wg-experience a{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.wg-experience button:focus-visible,.wg-experience a:focus-visible{outline:3px solid var(--wg-lime);outline-offset:5px}.wg-experience button:active{transform:translateY(1px)}.wg-main{padding:28px 32px 24px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#214849 0%,#123536 45%,#102f30 75%)}.wg-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.wg-overline{font-size:9px!important;letter-spacing:.14em;text-transform:uppercase;font-weight:500;line-height:1.5;margin:0;color:inherit}.wg-world-label{font-size:8px;letter-spacing:.12em;color:var(--wg-muted);white-space:nowrap}.wg-stage{height:clamp(360px,41vw,590px);position:relative;display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:grab;user-select:none;isolation:isolate}.wg-stage.is-dragging{cursor:grabbing;touch-action:none}.wg-sphere-wrap{width:82%;max-width:520px;aspect-ratio:1;position:relative;pointer-events:none;filter:drop-shadow(14px 23px 27px rgba(0,0,0,.26));}.wg-canvas{display:block;width:100%;height:100%;border-radius:50%;position:relative;z-index:1}.wg-atmosphere{position:absolute;inset:-1px;border-radius:50%;box-shadow:inset 2px 1px 3px rgba(199,230,219,.36),inset -7px -4px 20px rgba(4,22,26,.3),0 0 20px rgba(133,195,188,.13);z-index:2;pointer-events:none}.wg-orbit-ring{width:98%;aspect-ratio:1;max-width:635px;position:absolute;border-radius:50%;border:1px solid rgba(190,220,202,.1);transform:rotate(-22deg) scaleY(.82);pointer-events:none}.wg-orbit-ring:after{content:'';position:absolute;inset:18px;border:1px solid rgba(190,220,202,.055);border-radius:50%}.wg-markers{position:absolute;inset:0;pointer-events:none;z-index:4}.wg-marker{position:absolute;width:54px;height:54px;border-radius:50%;padding:3px;background:var(--wg-cream);border:1px solid rgba(245,241,232,.7);transform:translate(-50%,-50%);pointer-events:auto;box-shadow:0 4px 13px rgba(4,20,22,.35);transition:box-shadow .2s,border-color .2s;touch-action:manipulation}.wg-marker:active{transform:translate(-50%,-50%) scale(.97)!important}.wg-marker img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;pointer-events:none}.wg-marker[data-marker="turtle"] img{object-position:72% center}.wg-marker[aria-pressed="true"]{background:var(--wg-lime);border-color:var(--wg-lime);box-shadow:0 0 0 5px rgba(212,237,117,.2),0 5px 14px rgba(4,20,22,.3)}.wg-marker-name{position:absolute;bottom:-27px;left:50%;transform:translateX(-50%);background:#f5f1e8;color:#123f3c;font-size:10px;padding:4px 8px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.wg-marker:hover .wg-marker-name,.wg-marker:focus-visible .wg-marker-name,.wg-marker[aria-pressed="true"] .wg-marker-name{opacity:1}.wg-drag-hint{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--wg-muted);white-space:nowrap;pointer-events:none}.wg-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:250px;background:rgba(9,35,35,.88);border:1px solid rgba(245,241,232,.14);padding:14px 19px;border-radius:4px;font-size:11px;text-align:center;z-index:6;pointer-events:none;line-height:1.65}.wg-loading-error{top:auto;bottom:40px;transform:translateX(-50%)}.wg-controls{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:15px}.wg-controls>button{height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--wg-cream);background:transparent;border:1px solid rgba(245,241,232,.24);border-radius:50%;font-size:19px;transition:background .2s}.wg-controls>button:hover{background:rgba(245,241,232,.08)}.wg-controls>.wg-motion-button{border-radius:30px;padding:0 18px;font-size:10px;min-width:144px}.wg-motion-button>span:first-child{font-size:16px}.wg-map-note{font-size:9px!important;text-align:center;color:var(--wg-muted);margin:14px 0 0!important;line-height:1.6}.wg-detail{background:var(--wg-cream);color:var(--wg-ocean);display:flex;flex-direction:column;min-width:0;border-left:1px solid rgba(245,241,232,.1)}.wg-detail-image{height:49%;min-height:270px;max-height:360px;position:relative;overflow:hidden}.wg-detail-image>img{width:100%;height:100%;object-fit:cover;display:block}.wg-detail-image>img[src*="ocean"]{object-position:72% center}.wg-region{position:absolute;bottom:19px;left:24px;padding:6px 10px;border-radius:3px;background:var(--wg-cream);font-size:10px;letter-spacing:.03em;color:var(--wg-ocean)}.wg-detail-body{padding:30px 28px;display:flex;flex-direction:column;flex:1}.wg-detail-body>.wg-overline{font-size:8px!important;color:#64766e;margin-bottom:16px}.wg-detail-body h2{font:400 clamp(35px,3.6vw,51px)/1.03 'Fraunces',Georgia,serif;letter-spacing:-.05em;color:var(--wg-ocean);margin:0 0 16px}.wg-detail-description{font-size:13px!important;line-height:1.75;margin:0 0 23px!important;max-width:330px;text-wrap:pretty}.wg-meet{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--wg-ocean);color:var(--wg-cream);border:1px solid var(--wg-ocean);border-radius:3px;min-height:49px;padding:14px 16px;font-size:11px!important;margin-top:auto;transition:background .2s}.wg-meet:hover{background:#285c56}.wg-meet>span{font-size:20px}.wg-tracker{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;color:var(--wg-ocean);font-size:11px!important;text-decoration:none;border-bottom:1px solid rgba(18,63,60,.2);margin-top:7px}.wg-tracker:hover{color:#597e65}.wg-detail-note{font-size:9px!important;color:#687b71;margin:15px 0 0!important}.wg-animal-picker{grid-column:1/-1;border-top:1px solid rgba(245,241,232,.16);padding:29px 32px 32px;background:#102f30}.wg-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.wg-picker-heading>.wg-overline{color:var(--wg-lime)}.wg-picker-heading>p:last-child{font-size:11px;color:var(--wg-muted);margin:0}.wg-species-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.wg-species-list>button{display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;border:1px solid rgba(245,241,232,.16);background:rgba(245,241,232,.035);color:var(--wg-cream);border-radius:4px;padding:8px 10px;text-align:left;font-size:11px;transition:background .2s,border-color .2s}.wg-species-list>button:hover{background:rgba(245,241,232,.09)}.wg-species-list>button[aria-pressed="true"]{border-color:var(--wg-lime);background:rgba(212,237,117,.09);color:var(--wg-lime)}.wg-species-list img{width:34px;height:34px;object-fit:cover;border-radius:50%;flex-shrink:0}.wg-species-list [data-species="turtle"] img{object-position:72% center}.wg-species-list>button>span:not(.wg-picker-arrow){overflow-wrap:anywhere;line-height:1.25}.wg-picker-arrow{margin-left:auto;font-size:15px;opacity:.6}.wg-announcement{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wg-empty{padding:30px;color:#123f3c;font-size:14px}
@media(max-width:1050px){.wg-experience{grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr)}.wg-main{padding:24px 20px}.wg-world-label{display:none}.wg-stage{height:420px}.wg-sphere-wrap{width:91%}.wg-marker{width:48px;height:48px}.wg-detail-body{padding:25px 23px}.wg-detail-image{min-height:235px;height:44%}.wg-detail-body h2{font-size:39px}.wg-species-list{grid-template-columns:repeat(3,minmax(0,1fr))}.wg-animal-picker{padding:25px}}
@media(max-width:700px){.wg-experience{grid-template-columns:1fr;border-radius:5px}.wg-main{padding:24px 15px 22px}.wg-topline{justify-content:center}.wg-overline{font-size:8px!important}.wg-stage{height:clamp(340px,96vw,510px);touch-action:pan-y}.wg-sphere-wrap{width:88%;max-width:430px}.wg-marker{width:45px;height:45px;padding:2px}.wg-marker-name{font-size:8px;bottom:-23px;padding:3px 6px}.wg-drag-hint{font-size:9px;bottom:2px}.wg-controls{margin-top:18px}.wg-controls>.wg-motion-button{font-size:10px}.wg-map-note{font-size:8px!important}.wg-detail{border-left:0;border-top:1px solid rgba(245,241,232,.15);display:grid;grid-template-columns:110px minmax(0,1fr)}.wg-detail-image{min-height:100%;height:100%;max-height:none}.wg-region{position:static;display:none}.wg-detail-body{padding:24px 20px}.wg-detail-body>.wg-overline{font-size:7px!important;margin-bottom:12px}.wg-detail-body h2{font-size:34px;margin-bottom:12px}.wg-detail-description{font-size:11px!important;margin-bottom:18px!important;line-height:1.7}.wg-meet{font-size:10px!important;padding:11px 12px;min-height:46px;gap:8px}.wg-tracker{font-size:10px!important}.wg-detail-note{font-size:8px!important;line-height:1.6}.wg-animal-picker{padding:25px 20px}.wg-picker-heading{display:block;margin-bottom:17px}.wg-picker-heading>p:last-child{margin-top:7px;font-size:10px}.wg-species-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wg-species-list>button{flex-direction:column;justify-content:flex-start;gap:8px;padding:11px 5px;min-height:82px;font-size:10px;text-align:center}.wg-species-list img{width:35px;height:35px}.wg-picker-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.wg-experience *{transition:none!important;animation:none!important}}
.wg-controls>.wg-motion-button:disabled{cursor:default;opacity:.65;background:transparent}
/* Keep the whole artwork above its description, including phone landscape. */
@media screen and (max-width:900px){
 .wg-experience{grid-template-columns:1fr}
 .wg-detail{display:grid;grid-template-columns:1fr;border-left:0;border-top:1px solid rgba(245,241,232,.15)}
 .wg-detail-image{height:auto;min-height:0;max-height:none}
 .wg-detail-image>img{width:100%;height:auto;object-fit:contain}
 .wg-detail-body{padding:24px 20px}
 .wg-detail-body h2{font-size:36px}
 .wg-detail-description{max-width:none;font-size:16px!important;line-height:1.7}
 .wg-meet,.wg-tracker{font-size:16px!important;min-height:48px}
 .wg-detail-note{font-size:12px!important;line-height:1.6}
}
/* Compact globe controls for the narrowest phones. */
@media screen and (max-width:430px){
 .wg-main{padding:20px 12px}.wg-stage{height:clamp(270px,80vw,340px)}
 .wg-detail-body{padding:22px 20px}.wg-detail-body>.wg-overline{font-size:10px!important}
 .wg-map-note{font-size:11px!important;line-height:1.65}
 .wg-meet{overflow-wrap:anywhere}
 .wg-controls{gap:8px}.wg-controls>.wg-motion-button{min-width:132px;padding-inline:12px;font-size:11px}
 .wg-animal-picker{padding:22px 14px}.wg-species-list{gap:7px}.wg-species-list>button{font-size:12px;min-height:90px}
 .wg-marker-name{font-size:10px}.wg-drag-hint{font-size:11px}
}