@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#102932;background:#60aff3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #183b43;outline-offset:4px}main{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 38% 70%,#d4eeff 0%,#84c4f7 39%,#3899f0 100%)}#world{position:absolute;inset:0 0 170px;pointer-events:auto}canvas{display:block;width:100%;height:100%;touch-action:none}header{height:104px;margin:0 3.6%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;border-bottom:1px solid #ffffff50}.brand{font-size:38px;line-height:.8;letter-spacing:-2.5px;font-weight:800;color:#113338;text-decoration:none;position:relative}.brand>span{font-size:14px;vertical-align:top;letter-spacing:0}.brand small{display:block;font-size:9px;letter-spacing:5px;margin-top:10px}.nav{border:0;background:transparent;padding:13px 20px;font-size:14px}.nav.active{background:#ffffffc0;border-radius:30px}.nav span{background:#173f41;color:white;border-radius:20px;font-size:11px;padding:2px 6px;margin-left:5px}.location{border:1px solid #ffffff75;background:#ffffff20;border-radius:30px;padding:12px 18px;font-size:14px}.intro{position:absolute;top:143px;left:3.6%;z-index:2;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}h1{font-size:clamp(30px,3.5vw,54px);line-height:1.1;letter-spacing:-2.5px;margin:16px 0} .intro p{font-size:14px;line-height:1.8;color:#25546c}.filters{display:flex;gap:6px;pointer-events:auto;margin-top:25px}.filters button{padding:9px 14px;font-size:12px;border:1px solid #ffffff80;background:#ffffff36;border-radius:22px}.filters .selected{background:#173b3f;color:#fff;border-color:#173b3f}.specimen{position:relative;z-index:2;width:326px;margin:32px 3.6% 25px auto;border:1px solid #ffffffa0;border-radius:23px;background:linear-gradient(140deg,#f4fcff94,#eaf6ff5c);backdrop-filter:blur(20px);box-shadow:0 20px 65px #17497314;overflow:hidden}.cardtop{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1px;padding:21px 20px 0}#fly{height:242px}.model-tools{display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;color:#506b76}.model-tools button{border:1px solid #fff;background:#ffffff6a;width:30px;height:30px;border-radius:50%;font-size:20px}.species-content{padding:22px}.species-tag{font-size:10px;letter-spacing:1px;font-weight:800;display:flex;gap:10px}h2{font-size:25px;line-height:1.15;letter-spacing:-1px;margin:12px 0 7px}i{font-size:13px;color:#516c72}dl{border-top:1px solid #91b3c24d;margin:20px 0 18px;padding-top:16px}dl div+div{margin-top:15px}dt{font-size:9px;letter-spacing:1.3px;color:#526c77;margin-bottom:5px}dd{margin:0;font-size:12px;font-weight:600}.collect{width:100%;border:0;border-radius:12px;background:#c1f766;padding:15px;font-size:14px;font-weight:800;display:flex;justify-content:space-between}.collect:hover{background:#b0ec4b}.localnote{font-size:9px;text-align:center;color:#56727a;margin:11px 0 0}.maplabel{position:absolute;left:44%;top:138px;font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.maplabel>span:last-child{opacity:.6;margin-left:15px}.pulse{width:6px;height:6px;border-radius:50%;background:#29554b}.globe-controls{position:absolute;left:3.6%;bottom:222px;display:flex;align-items:center;gap:8px;z-index:2}.globe-controls button{height:35px;width:35px;border:1px solid #ffffffb0;background:#fff6;border-radius:50%;font-size:20px}.globe-controls span{font-size:9px;letter-spacing:1px}.coordinates{position:absolute;left:55%;bottom:226px;font-size:9px;line-height:2;letter-spacing:1px}.coordinates strong{font-size:12px;font-weight:500}footer{position:relative;z-index:3;margin:0 3.6%;padding:0 0 20px}.rail-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;margin:18px 0 12px}.species-list{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.species-item{display:flex;align-items:center;gap:10px;text-align:left;background:#ffffff40;border:1px solid #ffffff70;border-radius:14px;padding:15px 12px;min-height:74px}.species-item.selected{background:#f6ffe9;box-shadow:0 5px 20px #46736314;border-color:#fff}.swatch{display:block;width:23px;height:23px;border-radius:50%;background:var(--color);box-shadow:inset -4px -5px 7px #0003,inset 3px 3px 5px #fff8;flex-shrink:0}.species-item b{display:block;font-size:11px;line-height:1.4}.species-item small{display:block;font-size:9px;color:#52717b;margin-top:5px}.footnote{display:flex;justify-content:space-between;margin-top:20px;font-size:9px;color:#385e71}.dot{margin:0 10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#173b3f;color:#fff;padding:14px 22px;border-radius:13px;z-index:9;pointer-events:none;font-size:13px;transition:.3s}#toast.show{opacity:1;transform:translate(-50%,0)}#error{position:absolute;left:25%;top:45%;max-width:300px;background:white;padding:15px;border-radius:10px}.pinlabel{position:absolute;padding:6px 9px;background:#fff9;border:1px solid white;border-radius:14px;font-size:10px;cursor:pointer;transform:translate(-50%,-50%);z-index:1}#pinLabels{position:absolute;inset:0;pointer-events:none}#pinLabels button{pointer-events:auto}
@media(min-width:1500px){.specimen{margin-top:50px;margin-bottom:60px;width:360px}#fly{height:285px}main{min-height:900px}}@media(max-width:1000px){.intro{top:125px}h1{font-size:35px}.specimen{width:285px}.filters{max-width:290px;flex-wrap:wrap}.species-list{grid-template-columns:repeat(3,1fr)}.globe-controls,.coordinates{bottom:300px}.maplabel{display:none}.species-item b{font-size:12px}.footnote{font-size:10px}#world{bottom:230px}}@media(max-width:650px){header{height:84px}.brand{font-size:31px}nav .nav{padding:10px;font-size:12px}.location{padding:8px;font-size:20px}.location span{display:none}.intro{position:relative;top:auto;left:auto;padding:25px 6% 0}.intro p{font-size:13px}h1{font-size:38px}.filters{max-width:none;gap:5px}.filters button{font-size:11px;padding:8px 10px}#world{height:780px;bottom:auto;top:110px}.specimen{margin:340px 5% 22px;width:90%;display:grid;grid-template-columns:40% 60%;border-radius:20px}.cardtop{grid-column:1/-1}#fly{height:255px;grid-column:1;grid-row:2}.model-tools{grid-column:1;padding:0 10px 15px}.model-tools span{display:none}.species-content{grid-column:2;grid-row:2/4;padding:20px 16px}h2{font-size:22px}dl{margin:16px 0}.collect{padding:12px;font-size:12px}.localnote{font-size:9px}.species-tag{font-size:8px;gap:4px}.globe-controls{top:619px;bottom:auto;left:6%}.coordinates{top:620px;bottom:auto;left:auto;right:6%}.species-list{grid-template-columns:repeat(2,1fr)}.footnote{gap:20px;line-height:1.8;font-size:9px}footer{margin:0 5%}.eyebrow{font-size:10px}.pinlabel{font-size:9px}}
@media(max-width:360px){h1{font-size:32px;letter-spacing:-1.5px}.intro{padding-left:5%;padding-right:5%}.coordinates{top:672px;right:6%}.specimen{display:block;margin-top:360px}#fly{height:230px}.model-tools{padding:0 20px}.species-content{padding:20px}.filters{flex-wrap:wrap}}
.species-item b,.filters button,dd{font-size:14px}.species-item small,.species-tag,dt,.model-tools,.localnote{font-size:12px}.cardtop{font-size:10px;letter-spacing:.5px}.footnote,.rail-title{font-size:12px}.intro p{font-size:16px}@media(max-width:650px){.species-item b,.filters button,dd{font-size:12px}.species-item small,dt,.localnote{font-size:10px}.species-tag{font-size:9px}.footnote{font-size:10px}.cardtop{font-size:9px}.coordinates{top:676px}.globe-controls{top:634px}}