@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap");:root{--ink:#092648;--green:#267d3f;--deep:#07354b;--yellow:#ffc638;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Quicksand,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;color:var(--ink);background:#bce6f5}a,button,input{font:inherit}button{color:inherit}.landing{position:relative;isolation:isolate;min-height:100svh;height:100svh;overflow:hidden;background:linear-gradient(180deg,#5db9f4,#d8f0fa 65%,#07404a)}.scene{z-index:-3;background-image:url(/images/dinoworld-hero.png);background-position:center 47%;background-size:cover;transform:scale(1.015)}.scene,.scene-wash{position:absolute;inset:0}.scene-wash{z-index:-2;background:linear-gradient(90deg,rgba(235,248,255,.82),rgba(240,249,252,.72) 25%,rgba(239,249,254,.13) 47%,transparent 68%),linear-gradient(0deg,rgba(1,40,49,.64),rgba(0,46,58,.33) 12%,transparent 30%)}.topbar{height:76px;position:absolute;inset:0 4.2% auto;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:22px;gap:22px;z-index:4}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;width:max-content;text-decoration:none;color:var(--ink);font-size:clamp(23px,2.05vw,34px);font-weight:1000;letter-spacing:-1.5px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:60px;height:54px;flex:none}.brand-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 1px #1c613b)}.nav-pill{justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 5px 24px #498dbb18;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-item,.nav-pill{display:flex;align-items:center;padding:7px 13px}.nav-item{gap:8px;border:0;border-radius:999px;background:transparent;color:inherit;text-decoration:none;white-space:nowrap;font-size:clamp(12px,.98vw,16px);font-weight:900;cursor:pointer;transition:background .2s,transform .2s}.nav-item.is-active:hover,.nav-item:hover{background:#edf7fc;transform:translateY(-1px)}.nav-icon{display:block;width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 2px 1px #5d62651c)}.tools{display:flex;justify-content:flex-end;align-items:center;gap:20px}.avatar,.round-action{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.91);box-shadow:0 4px 14px #315d7d20;cursor:pointer}.search-icon{width:30px;height:30px;object-fit:contain}.close-glyph{font-size:32px;line-height:1;font-weight:700}.avatar{font-size:36px;background:#fff;padding:0;overflow:hidden}.search-input{width:min(230px,20vw);height:44px;padding:0 15px;border:1px solid #c3d9e5;border-radius:24px;background:#fff;outline:0;box-shadow:0 4px 14px #315d7d20}.search-input:focus{border-color:#7eb9d4;box-shadow:0 0 0 3px #bfe6f4}.hero-copy{position:absolute;z-index:1;left:4.1%;top:13.1%;width:min(45vw,690px)}.hero-copy h1{margin:0;color:#071f3f;font-size:clamp(55px,6.2vw,100px);line-height:.94;letter-spacing:-5px;font-weight:1000;text-shadow:0 2px 0 #fff4}.hero-copy h1>span{position:relative;display:inline-block;color:#267b40;letter-spacing:-5.3px}.dino-footprint-mark{position:absolute;width:47px;height:43px;right:-53px;bottom:-2px;object-fit:contain;filter:drop-shadow(0 3px 2px #173e2830)}.hero-copy p{margin:18px 0 22px 19px;color:#3f576b;font-size:clamp(15px,1.37vw,20px);line-height:1.46;font-weight:500;text-shadow:0 1px 0 #fff7}.adventure-button{display:flex;align-items:center;gap:13px;width:max-content;max-width:calc(100% - 19px);margin-left:19px;min-height:69px;padding:0 22px 0 19px;border:2px solid #ffd64e;border-radius:999px;background:linear-gradient(180deg,#ffce48,#ffb921);color:#161809;text-decoration:none;box-shadow:0 4px 0 #ce8714,0 9px 24px #b7832460;font-size:clamp(18px,1.55vw,25px);font-weight:1000;cursor:pointer;transition:transform .18s,box-shadow .18s}.adventure-button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #ce8714,0 14px 26px #b7832455}.compass{display:grid;place-items:center;width:34px;height:34px;flex:none}.compass img{width:100%;height:100%;object-fit:contain}.adventure-button>svg{width:25px;height:25px;margin-left:7px;fill:none;stroke:#111;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.feature-list{display:flex;gap:25px;margin:31px 0 0 20px}.feature{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:67px;text-align:center;color:#10263e;font-size:14px;font-weight:850;line-height:1.16;text-shadow:0 1px #fff9}.feature-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;background:rgba(255,255,255,.76);box-shadow:0 4px 14px #5893b11a}.feature-icon img{width:48px;height:48px;object-fit:contain}.discoveries{position:absolute;z-index:2;left:4.1%;right:4.1%;bottom:5.4%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:18px;gap:18px}.discovery-card{position:relative;display:block;min-width:0;height:clamp(155px,21.2vh,220px);padding:0;border:1px solid #ffffff75;border-radius:23px;overflow:hidden;text-align:left;text-decoration:none;color:inherit;background:linear-gradient(#96d9f4,#b4db92);box-shadow:0 12px 28px #062e4054;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.discovery-card:hover{transform:translateY(-7px);box-shadow:0 18px 35px #062e4070;border-color:#fff}.discovery-card.selected{outline:3px solid #ffd24a;outline-offset:2px}.discovery-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .4s}.discovery-card:hover img{transform:scale(1.04)}.card-caption{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;min-height:69px;padding:12px 20px 13px 24px;color:#fff;background:linear-gradient(90deg,rgba(14,56,76,.94),rgba(19,66,86,.92));font-size:clamp(15px,1.45vw,22px);font-weight:950;line-height:1.12;letter-spacing:-.3px;text-shadow:0 1px 3px #062533}.card-caption svg{flex:none;width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.selection-note{position:absolute;z-index:5;left:50%;bottom:calc(5.4% + clamp(155px,21.2vh,220px) + 16px);transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid #ffffffb0;border-radius:999px;background:#fffefa;color:#183747;font-weight:900;box-shadow:0 8px 25px #10364830;animation:pop .22s ease-out}.selection-note>span{font-size:23px}.selection-note button{padding:0 0 2px 6px;border:0;background:none;color:#67808c;font-size:21px;cursor:pointer}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:1000px){.topbar{inset-inline:3%;grid-template-columns:1fr auto;gap:10px}.nav-pill{grid-row:2;grid-column:1/3;justify-self:center;max-width:100%;padding:5px 8px}.nav-item{padding:6px 9px}.brand-mark{width:45px;height:42px}.tools{gap:10px}.avatar,.round-action{width:46px;height:46px}.hero-copy{top:20%;left:4%;width:49vw}.hero-copy h1{font-size:clamp(49px,7.4vw,78px)}.hero-copy h1,.hero-copy h1>span{letter-spacing:-3px}.hero-copy p{margin-left:8px;font-size:15px}.adventure-button{margin-left:8px;min-height:58px}.feature-list{margin-left:8px;gap:12px}.feature-icon{width:50px;height:50px}.feature-icon img{width:42px;height:42px}.discoveries{left:3%;right:3%;gap:11px;bottom:4%}.discovery-card{height:clamp(130px,19vh,180px);border-radius:17px}.card-caption{min-height:57px;padding:9px 11px;font-size:clamp(13px,1.8vw,18px)}.card-caption svg{width:18px}}@media(max-width:640px){.landing{height:auto;min-height:100svh;overflow:hidden;padding-bottom:24px}.scene{background-position:58%}.scene-wash{background:linear-gradient(90deg,rgba(239,249,255,.91),rgba(239,249,255,.78) 52%,rgba(239,249,255,.08)),linear-gradient(0deg,rgba(1,40,49,.72),transparent 45%)}.topbar{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:space-between;min-height:70px;padding:8px 5%}.brand{font-size:25px}.brand-mark{width:40px;height:38px}.tools{gap:9px}.avatar,.round-action{width:42px;height:42px}.avatar{font-size:29px}.search-input{position:absolute;right:calc(5% + 100px);top:12px;width:48vw}.nav-pill{order:3;width:100%;overflow:auto;justify-content:flex-start;padding:4px}.nav-item{gap:5px;padding:5px 9px;font-size:12px}.nav-icon{width:23px;height:23px}.search-icon{width:26px;height:26px}.hero-copy{position:relative;top:auto;left:auto;width:auto;margin:8vh 5% 0}.hero-copy h1{font-size:clamp(48px,13.2vw,76px)}.hero-copy h1,.hero-copy h1>span{letter-spacing:-3px}.hero-copy .dino-footprint-mark{right:-32px;width:29px;height:28px}.hero-copy p{max-width:410px;margin:15px 0 20px 4px;font-size:15px}.desktop-break{display:none}.adventure-button{margin-left:4px;min-height:56px;padding-inline:14px;font-size:18px}.feature-list{gap:11px;margin:24px 0 0 4px}.feature{min-width:58px;font-size:12px}.feature-icon{width:48px;height:48px;border-radius:15px}.feature-icon img{width:40px;height:40px}.discoveries{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8vh 5% 0}.discovery-card{height:154px;border-radius:17px}.discovery-card:last-child{grid-column:1/-1;height:162px}.card-caption{min-height:54px;font-size:16px;padding:9px 12px}.selection-note{position:fixed;bottom:20px}}@media(max-height:760px) and (min-width:641px){.hero-copy{top:12%}.hero-copy h1{font-size:clamp(48px,5.7vw,78px)}.hero-copy p{margin-block:12px 15px}.adventure-button{min-height:57px}.feature-list{margin-top:19px}.feature-icon{width:51px;height:51px}.discoveries{bottom:3.5%}.discovery-card{height:min(19vh,165px)}}.species-page{position:relative;isolation:isolate;height:100svh;min-height:840px;color:#0c294b}.species-page,.species-scene{overflow:hidden;background:#b8e4f8}.species-scene{position:fixed;z-index:-3;inset:0}.species-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;animation:species-scene-enter .6s ease both}.species-dino-stage{position:absolute;z-index:0;isolation:isolate;left:23%;right:26%;top:10%;bottom:19%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.species-wordmark{position:absolute;z-index:0;left:50%;top:39%;transform:translate(-50%,-50%);color:rgba(76,91,99,.38);font-family:Arial Black,Arial,sans-serif;font-size:clamp(100px,15vw,250px);font-weight:900;line-height:.82;letter-spacing:.025em;text-shadow:0 3px 0 #ffffff18;white-space:nowrap}.species-wordmark.long{transform:translate(-50%,-50%) scaleX(.78);font-size:clamp(82px,10.4vw,194px);letter-spacing:.02em}.species-dino-stage img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 23px 18px rgba(17,45,38,.4));animation:species-dino-enter .48s cubic-bezier(.18,.75,.3,1) both}.species-dino-stage.dino-carnotaurus img,.species-dino-stage.dino-diplodocus img,.species-dino-stage.dino-iguanodon img{translate:0 -32px}.species-wash{position:fixed;pointer-events:none}@keyframes species-dino-enter{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes species-scene-enter{0%{opacity:.65}to{opacity:1}}.species-wash{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(232,247,255,.76),rgba(235,248,255,.55) 28%,rgba(241,249,252,.08) 52%,transparent 70%),linear-gradient(0deg,rgba(0,47,55,.66),rgba(0,51,58,.08) 23%,transparent 45%)}.species-topbar{height:80px;position:absolute;inset:0 4.2% auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:22px;gap:22px;z-index:4}.species-brand{display:flex;align-items:center;gap:7px;width:max-content;color:#092648;text-decoration:none;font-size:clamp(22px,2vw,33px);font-weight:1000;letter-spacing:-1.3px;white-space:nowrap}.species-brand img{width:62px;height:57px;object-fit:contain;filter:drop-shadow(0 3px 1px #1c613b)}.species-nav{gap:3px;padding:7px;border:1px solid #ffffffc9;background:rgba(255,255,255,.9);box-shadow:0 7px 25px #38759b24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.species-nav,.species-nav-item{display:flex;align-items:center;border-radius:999px}.species-nav-item{gap:8px;padding:8px 13px;color:#122f50;text-decoration:none;white-space:nowrap;font-size:clamp(12px,.95vw,16px);font-weight:900;transition:background .18s,transform .18s}.species-nav-item:hover{background:#f0f8fa;transform:translateY(-1px)}.species-nav-item.current{background:linear-gradient(100deg,#e5f3d9,#d8f0d9)}.species-nav-item .species-sticker{width:29px;height:29px}.species-nav-item .home-icon{width:26px;height:26px;fill:#39a567;stroke:#2d9658;stroke-width:1;stroke-linejoin:round}.species-tools{display:flex;align-items:center;justify-content:flex-end;gap:19px}.species-avatar,.species-round-button{display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffffad;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 4px 16px #315d7d21;cursor:pointer}.species-round-button .species-sticker{width:32px;height:32px}.species-close{font-size:34px;line-height:1;color:#18344e}.species-avatar{font-size:35px;background:#fff5df;overflow:hidden}.species-search-input{width:min(235px,19vw);height:44px;padding:0 15px;border:1px solid #c3d9e5;border-radius:24px;background:#fff;outline:0;box-shadow:0 4px 14px #315d7d20}.species-intro{position:absolute;left:5.6%;top:13.2%;z-index:1;width:min(44vw,630px)}.back-pill{display:flex;align-items:center;gap:8px;width:max-content;padding:9px 18px 9px 12px;border:1px solid #fff;border-radius:99px;background:rgba(255,255,255,.89);box-shadow:0 4px 15px #457ba21a;color:#123152;text-decoration:none;font-size:17px;font-weight:900;transition:transform .18s}.back-pill:hover{transform:translateX(-3px)}.back-pill svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.species-intro h1{margin:20px 0 14px;color:#071f3f;font-size:clamp(60px,6.05vw,94px);line-height:.91;letter-spacing:-5px;font-weight:1000;text-shadow:0 2px 0 #fff5}.species-intro h1 span{position:relative;display:inline-block;color:#267b40;letter-spacing:-5.5px}.species-intro .dino-footprint-mark{right:-51px;bottom:-2px;width:45px;height:42px}.species-intro p{margin:0 0 0 4px;color:#3e586e;font-size:clamp(15px,1.35vw,20px);font-weight:550;line-height:1.5;text-shadow:0 1px 0 #fff8}.species-panel{position:absolute;z-index:3;top:12%;right:3.1%;width:clamp(370px,26.4vw,420px);height:clamp(540px,56.2vh,590px);padding:20px 25px 17px;border:1px solid #ffffffd9;border-radius:32px;background:rgba(255,255,255,.95);box-shadow:0 18px 44px #143d5545;overflow:hidden}.diet-badge{display:inline-flex;align-items:center;gap:7px;height:33px;padding:0 13px 0 8px;border-radius:999px;color:white;font-size:13px;font-weight:950}.diet-badge .species-sticker{width:25px;height:25px}.diet-badge.meat,.mini-diet.meat{background:#ff674d}.diet-badge.plant,.mini-diet.plant{background:#49a866}.speak-button{position:absolute;top:13px;right:15px;display:grid;place-items:center;width:50px;height:50px;border:1px solid #fff;border-radius:50%;background:#fff;box-shadow:0 5px 15px #2a60752b;color:#1f6198;cursor:pointer;transition:transform .15s}.speak-button:hover{transform:scale(1.07)}.speak-button svg{width:26px;height:26px;fill:#276da6;stroke:#276da6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.species-panel h2{max-width:calc(100% - 32px);margin:11px 0 0;color:#092644;font-size:clamp(27px,2.25vw,36px);line-height:1.03;letter-spacing:-1.2px;font-weight:1000}.latin-name{margin:5px 0 0;color:#8195a9;font-size:15px;font-weight:750}.latin-name span{font-weight:650}.species-description{margin:17px 0 15px;color:#40566a;font-size:16px;line-height:1.4;font-weight:600}.species-facts{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;width:calc(100% - 112px);min-height:186px}.fact-row{display:flex;align-items:center;gap:12px;min-height:43px}.fact-row .species-sticker{flex:none;width:39px;height:39px;object-fit:contain}.fact-row div{display:flex;flex-direction:column;gap:1px;min-width:0}.fact-row strong{color:#142e4a;font-size:14px;line-height:1.15;font-weight:950}.fact-row span{overflow:hidden;color:#40576c;font-size:12.5px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.period-row{display:flex;align-items:center;gap:7px;margin-top:2px;color:#6b7d8d;font-size:11px;line-height:1.25;font-weight:750}.period-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#f7b533;box-shadow:0 0 0 3px #fff3d8}.size-comparison{position:absolute;top:45%;right:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:106px;height:152px;border-radius:25px;background:linear-gradient(155deg,#eff8fb,#e7f2f5);color:#9fc2d6}.size-comparison svg{width:92px;height:116px;margin-top:4px}.size-comparison span{margin-top:-1px;color:#91aabb;font-size:9px;font-weight:800}.source-link{display:block;width:max-content;max-width:100%;margin-top:6px;overflow:hidden;color:#7990a3;font-size:10px;font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.source-link:hover{text-decoration:underline}.species-rail{position:absolute;z-index:3;left:5.8%;right:5.8%;bottom:3.1%;height:18.2vh;min-height:174px;max-height:196px}.rail-title-row{position:absolute;left:0;right:0;top:-46px;display:flex;align-items:baseline;gap:12px;color:white;text-shadow:0 2px 5px #073b4b}.rail-title-row h2{margin:0;font-size:26px;letter-spacing:-.4px;font-weight:1000}.rail-title-row>span{font-size:12px;font-weight:800;opacity:.83}.species-cards{display:flex;gap:12px;height:100%;overflow-x:auto;overflow-y:hidden;padding:4px 5px 12px 4px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.species-cards::-webkit-scrollbar{display:none}.species-card{display:flex;flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 60px)/6);flex-direction:column;min-width:0;height:100%;padding:0;border:1px solid #ffffffbd;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 23px #07313f36;text-align:left;cursor:pointer;scroll-snap-align:start;transition:transform .18s,box-shadow .18s,outline .18s}.species-card:hover{transform:translateY(-5px);box-shadow:0 13px 28px #07313f50}.species-card.chosen{outline:4px solid #ffd249;outline-offset:1px;box-shadow:0 7px 21px #ffd24962}.species-card-art{position:relative;isolation:isolate;display:block;width:100%;height:58%;min-height:95px;overflow:hidden;background:#d8edf4}.species-card-scene{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.species-card-dino{position:absolute;inset:4% 7% 0;width:86%;height:96%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 5px rgba(19,47,34,.38))}.species-card-copy{display:flex;flex:1 1;flex-direction:column;justify-content:center;gap:4px;min-height:0;padding:5px 12px 6px;background:linear-gradient(180deg,#fff,#f4fafc)}.species-card-copy strong{overflow:hidden;color:#102b48;font-size:clamp(13px,1.04vw,16px);line-height:1.1;letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap;font-weight:1000}.mini-diet{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;height:23px;padding:0 9px 0 5px;border-radius:99px;color:white;font-size:10px;line-height:1;font-weight:950}.mini-diet .species-sticker{width:19px;height:19px}.rail-arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:53px;height:53px;transform:translateY(-50%);border:1px solid #ffffff9c;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 5px 18px #073b4b40;color:#0d3456;cursor:pointer;transition:transform .16s}.rail-arrow:hover{transform:translateY(-50%) scale(1.06)}.rail-arrow.previous{left:-68px}.rail-arrow.next{right:-68px}.rail-arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.no-results{grid-column:1/-1;align-self:center;padding:20px;border-radius:16px;background:#ffffffda;text-align:center;color:#466074;font-weight:800}@media(max-width:1120px) and (min-width:701px){.species-topbar{inset-inline:2%;grid-template-columns:auto 1fr auto;gap:9px}.species-brand{font-size:22px}.species-brand img{width:50px;height:48px}.species-nav{justify-self:center;gap:0;padding:5px}.species-nav-item{gap:5px;padding:7px 8px;font-size:12px}.species-nav-item .species-sticker{width:23px;height:23px}.species-tools{gap:7px}.species-avatar,.species-round-button{width:44px;height:44px}.species-intro{left:4%;width:42vw}.species-intro h1{font-size:clamp(52px,6vw,72px)}.species-intro h1,.species-intro h1 span{letter-spacing:-3px}.species-intro .leaf-mark{right:-38px;width:32px}.species-intro p{font-size:15px}.species-panel{right:2.5%;width:38vw;min-width:350px;padding-inline:19px}.species-facts{width:calc(100% - 100px)}.size-comparison{right:13px;width:91px}.species-rail{left:6%;right:6%;height:16vh;min-height:154px}.species-card{flex-basis:176px}.rail-arrow.previous{left:-49px}.rail-arrow.next{right:-49px}}@media(max-height:900px) and (min-width:701px){.species-page{min-height:100svh}.species-panel{top:3%;height:clamp(470px,50vh,520px);min-height:470px;max-height:520px;padding-top:16px}.species-panel h2{margin-top:8px}.species-description{margin:12px 0 10px;font-size:15px;line-height:1.34}.species-facts{gap:1px;min-height:160px}.fact-row{min-height:35px}.fact-row .species-sticker{width:35px;height:35px}.period-row{margin-top:1px;font-size:10px}.source-link{margin-top:4px}.species-rail{height:22vh;min-height:178px;max-height:178px}}@media(max-width:700px){.species-page{height:auto;min-height:100svh;overflow:hidden;padding:0 0 28px}.species-scene img{object-position:58% center}.species-wash{background:linear-gradient(90deg,rgba(239,249,255,.91),rgba(239,249,255,.76) 60%,rgba(239,249,255,.16)),linear-gradient(0deg,rgba(1,40,49,.8),rgba(1,40,49,.16) 35%,rgba(239,249,255,.22))}.species-dino-stage{position:relative;inset:auto;width:90%;height:240px;margin:-18px auto 3px}.species-dino-stage.dino-carnotaurus img,.species-dino-stage.dino-diplodocus img,.species-dino-stage.dino-iguanodon img{translate:0 -8px}.species-dino-stage img{filter:drop-shadow(0 15px 12px rgba(17,45,38,.4))}.species-topbar{position:relative;inset:auto;height:auto;min-height:69px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;padding:8px 5%}.species-brand{font-size:24px}.species-brand img{width:43px;height:40px}.species-nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding:4px}.species-nav-item{gap:5px;padding:5px 9px;font-size:12px}.species-nav-item .home-icon,.species-nav-item .species-sticker{width:22px;height:22px}.species-tools{gap:8px}.species-avatar,.species-round-button{width:42px;height:42px}.species-round-button .species-sticker{width:26px;height:26px}.species-avatar{font-size:28px}.species-search-input{position:absolute;right:calc(5% + 96px);top:10px;width:50vw}.species-intro{position:relative;left:auto;top:auto;width:auto;margin:5vh 5% 24px}.back-pill{font-size:14px;padding:7px 14px 7px 9px}.species-intro h1{margin:16px 0 12px;font-size:clamp(49px,12vw,72px)}.species-intro h1,.species-intro h1 span{letter-spacing:-3.2px}.species-intro .leaf-mark{right:-34px;width:29px;height:27px}.species-intro p{font-size:15px}.species-break{display:none}.species-panel{position:relative;inset:auto;width:auto;height:auto;min-height:590px;margin:26px 5% 0;padding:19px 18px 22px;border-radius:25px}.species-panel h2{font-size:30px}.species-description{font-size:15px}.species-facts{width:calc(100% - 100px);min-height:186px}.fact-row{gap:9px}.fact-row .species-sticker{width:35px;height:35px}.fact-row strong{font-size:13px}.fact-row span{font-size:11.5px}.size-comparison{top:48%;right:12px;width:88px;height:144px}.species-rail{position:relative;inset:auto;height:179px;max-height:none;margin:72px 0 0 5%;padding-right:5%;overflow:visible}.rail-title-row{top:-42px}.rail-title-row h2{font-size:23px}.rail-title-row>span{font-size:10px}.species-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 5px 12px 4px}.species-card{flex:0 0 216px;scroll-snap-align:start}.species-card-art{height:100px;min-height:100px}.species-card-copy strong{font-size:15px}.rail-arrow{display:none}.source-link{font-size:9px}}@media(prefers-reduced-motion:reduce){.species-page *{scroll-behavior:auto!important;transition:none!important}}@media(max-width:1120px) and (min-width:701px){.species-wordmark{font-size:clamp(90px,13vw,160px)}.species-wordmark.long{font-size:clamp(68px,9vw,132px)}}@media(max-width:700px){.species-intro .dino-footprint-mark{right:-34px;width:29px;height:27px}.species-wordmark{font-size:clamp(58px,16vw,82px)}.species-wordmark.long{font-size:clamp(42px,10vw,65px)}}.habitat-page{position:relative;isolation:isolate;width:100%;height:100svh;min-height:840px;overflow:hidden;background:#44a9c9;color:#0d2949}.habitat-world{position:absolute;z-index:-3;inset:0;overflow:hidden;background:#68c9df}.habitat-world img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;animation:species-scene-enter .7s ease both}.habitat-scrim{position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(235,248,255,.93),rgba(235,248,255,.84) 20%,rgba(235,248,255,.47) 34%,rgba(235,248,255,.06) 51%,transparent 67%),linear-gradient(0deg,rgba(2,39,48,.82),rgba(2,42,53,.27) 16%,transparent 34%),linear-gradient(180deg,rgba(73,172,229,.12),transparent 27%)}.habitat-topbar{position:absolute;z-index:5;inset:0 4.2% auto;height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.habitat-topbar .species-brand{flex:none}.habitat-nav{max-width:calc(100% - 320px);overflow:auto;scrollbar-width:none}.habitat-nav::-webkit-scrollbar{display:none}.habitat-nav .species-nav-item{gap:6px;padding:7px 10px;font-size:clamp(11px,.84vw,15px)}.habitat-nav .species-nav-item .species-sticker{width:25px;height:25px;object-fit:contain}.habitat-intro{position:absolute;z-index:2;top:9%;left:4.6%;width:min(400px,30vw)}.habitat-back{margin-bottom:13px}.habitat-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:#388354;font-size:13px;font-weight:900;letter-spacing:.08em}.habitat-kicker span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffffa8;border-radius:11px;background:#ffffffc9;font-size:18px;box-shadow:0 4px 12px #21604613}.habitat-intro h1{margin:0;color:#092544;font-size:clamp(64px,6.7vw,98px);font-weight:1000;line-height:.89;letter-spacing:-5px;text-shadow:0 2px 0 #fff5}.habitat-intro h1 span{position:relative;display:inline-block;color:#257c41;letter-spacing:-5.6px}.habitat-intro .dino-footprint-mark{right:-48px;bottom:-3px;width:43px;height:43px}.habitat-intro p{max-width:390px;margin:17px 0 20px 3px;color:#36556b;font-size:clamp(15px,1.12vw,18px);font-weight:650;line-height:1.48;text-shadow:0 1px 0 #fff9}.habitat-cta{min-height:59px;margin-left:2px;padding-inline:16px 20px;font-size:19px}.habitat-cta .compass{width:31px;height:31px}.habitat-map{z-index:2}.habitat-connector,.habitat-map{position:absolute;inset:0;pointer-events:none}.habitat-connector{z-index:1;width:100%;overflow:visible}.habitat-connector-halo{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;opacity:.78}.habitat-connector-line{fill:none;stroke:#ffc638;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:habitat-line-draw .65s cubic-bezier(.2,.8,.25,1) forwards;filter:drop-shadow(0 1px 2px #133c3d60)}.habitat-connector-dot{fill:#ffc638;stroke:#fff;stroke-width:3;filter:drop-shadow(0 2px 3px #133c3d60)}@keyframes habitat-line-draw{to{stroke-dashoffset:0}}.habitat-hotspot{position:absolute;display:flex;align-items:center;gap:8px;min-height:53px;max-width:220px;padding:8px 14px 8px 10px;transform:translate(-50%,-50%);border:1px solid #ffffffed;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px #0d354532;color:#112f50;white-space:nowrap;font-size:14px;font-weight:950;cursor:pointer;pointer-events:auto;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.habitat-hotspot:hover{transform:translate(-50%,-50%) scale(1.045);box-shadow:0 12px 27px #0d354545}.habitat-hotspot.selected{border:2px solid #ffd14a;background:#fffefa;box-shadow:0 0 0 5px #ffc93a5c,0 10px 28px #0d35454b}.habitat-hotspot.selected:after{position:absolute;inset:-8px;content:"";border:1px solid #ffcf49a8;border-radius:inherit;animation:habitat-pulse 2.4s ease-out infinite;pointer-events:none}@keyframes habitat-pulse{0%{transform:scale(.97);opacity:.8}to{transform:scale(1.11);opacity:0}}.habitat-hotspot>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.habitat-hotspot>svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.habitat-icon{display:inline-grid;place-items:center;flex:none;width:31px;height:31px;border-radius:11px;background:#eef6e8;font-size:20px;line-height:1}.habitat-detail{position:absolute;z-index:3;left:4.6%;bottom:4%;width:min(560px,38vw);padding:15px 17px 12px;border:1px solid #ffffffed;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 16px 42px #1039484a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:habitat-card-enter .32s ease both}@keyframes habitat-card-enter{0%{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.habitat-detail-head{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px}.habitat-detail-image{display:block;width:112px;height:74px;border-radius:15px;object-fit:cover}.habitat-detail-copy{min-width:0}.habitat-label{display:flex;align-items:center;gap:6px;color:#628079;font-size:9px;font-weight:950;letter-spacing:.11em}.habitat-label .habitat-icon{width:auto;height:auto;background:transparent;font-size:17px}.habitat-detail h2{margin:2px 0 1px;color:#09294a;font-size:clamp(21px,1.65vw,27px);font-weight:1000;line-height:1.05;letter-spacing:-.7px}.habitat-detail-copy p{margin:0;color:#6b8290;font-size:12px;font-weight:750}.habitat-description{margin:10px 0 9px;color:#40586c;font-size:12px;font-weight:650;line-height:1.35}.habitat-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px;padding:8px 0;border-top:1px solid #e6eff0;border-bottom:1px solid #e6eff0}.habitat-fact-grid>div{position:relative;display:grid;grid-template-columns:27px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;grid-column-gap:5px;column-gap:5px;min-width:0}.fact-symbol{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#edf6eb;font-size:16px}.fact-caption{color:#8293a0;font-size:9px;font-weight:850;line-height:1.1}.habitat-fact-grid strong{display:block;overflow:hidden;color:#1b3a52;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;font-weight:950}.habitat-learning-note{display:flex;align-items:flex-start;gap:8px;margin-top:8px}.note-lamp{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:9px;background:#fff4d5;font-size:15px}.habitat-learning-note p{margin:0;color:#526a7a;font-size:10.5px;line-height:1.32;font-weight:650}.habitat-learning-note strong{display:block;margin-bottom:1px;color:#173b53;font-size:11px;font-weight:1000}.habitat-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.habitat-detail-footer a{overflow:hidden;color:#8294a0;font-size:8px;font-weight:750;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.habitat-detail-footer a:hover{text-decoration:underline}.habitat-detail-footer button{flex:none;padding:5px 9px;border:0;border-radius:99px;background:#eaf5e9;color:#24663e;font-size:10px;font-weight:950;cursor:pointer;transition:background .15s,transform .15s}.habitat-detail-footer button:hover{transform:translateY(-1px);background:#d9efd8}.habitat-detail-footer button span{margin-left:3px;font-size:14px}.habitat-choices{position:absolute;z-index:4;left:4%;right:4%;bottom:3.4%;height:176px}.habitat-choices-title{position:absolute;top:-36px;left:0;right:0;display:flex;align-items:baseline;justify-content:space-between;gap:14px;color:#fff;text-shadow:0 2px 5px #083a48}.habitat-choices-title h2{margin:0;font-size:23px;font-weight:1000;letter-spacing:-.4px}.habitat-choices-title>span{font-size:11px;font-weight:850;opacity:.96}.habitat-choices-title i{margin:0 4px;font-style:normal;opacity:.75}.habitat-card-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px;height:100%}.habitat-card{display:flex;flex-direction:column;min-width:0;height:100%;padding:0;border:1px solid #ffffffd9;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 9px 24px #062e4050;text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s,outline-color .18s}.habitat-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #062e4068}.habitat-card.selected{outline:4px solid #ffd044;outline-offset:1px;box-shadow:0 8px 23px #ffd04465}.habitat-card>img{display:block;width:100%;height:52%;min-height:82px;object-fit:cover;object-position:center 52%}.habitat-card-copy{display:flex;flex:1 1;flex-direction:column;justify-content:center;gap:2px;min-height:0;padding:5px 11px 6px;background:linear-gradient(#fff,#f5faf8)}.habitat-card-title{display:flex;align-items:center;gap:6px;min-width:0;color:#12314d}.habitat-card-title .habitat-icon{width:25px;height:25px;border-radius:8px;font-size:16px}.habitat-card-title strong{overflow:hidden;font-size:clamp(12px,1vw,15px);line-height:1.1;text-overflow:ellipsis;white-space:nowrap;font-weight:1000}.habitat-card-title svg{width:17px;height:17px;flex:none;margin-left:auto;fill:none;stroke:#153650;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.habitat-card-subtitle{display:block;overflow:hidden;padding-left:31px;color:#647c8b;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.habitat-quiz-shade{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#09283d9c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.habitat-quiz{position:relative;width:min(510px,100%);padding:30px;border:1px solid #fff;border-radius:28px;background:#fffefa;box-shadow:0 24px 70px #001c2c70;color:#425a6e}.habitat-quiz-close{position:absolute;top:12px;right:15px;width:39px;height:39px;border:0;border-radius:50%;background:#eef5f2;color:#345269;font-size:27px;cursor:pointer}.quiz-kicker{display:inline-flex;align-items:center;gap:7px;color:#378558;font-size:11px;font-weight:1000;letter-spacing:.08em}.habitat-quiz h2{margin:10px 0 4px;color:#0b2a49;font-size:29px;letter-spacing:-.9px;font-weight:1000}.quiz-question{margin:0 0 18px;font-size:15px;line-height:1.45;font-weight:750}.quiz-options{display:grid;grid-gap:9px;gap:9px}.quiz-options button{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:1px solid #dce9e9;border-radius:15px;background:#f8fbf8;color:#25435a;text-align:left;font-size:13px;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s}.quiz-options button:hover{border-color:#a6cdb5;background:#f0f8ef}.quiz-options button>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:9px;background:#e7f2e6;color:#317347;font-size:12px;font-weight:1000}.quiz-options button.chosen{border-color:#6caf7d;background:#edf7ec}.quiz-options button.incorrect{border-color:#eea18f;background:#fff2ee}.quiz-options button.correct{border-color:#55a96a;background:#eaf8e9}.quiz-feedback{margin:13px 0 0;padding:10px 12px;border-radius:13px;font-size:12px;line-height:1.4;font-weight:800}.quiz-feedback.right{background:#eaf8e9;color:#277043}.quiz-feedback.try-again{background:#fff5dc;color:#8c6420}.quiz-check{width:100%;min-height:47px;margin-top:17px;border:0;border-radius:999px;background:linear-gradient(#ffd34e,#ffbb26);box-shadow:0 3px 0 #d48e17;color:#241b08;font-size:14px;font-weight:1000;cursor:pointer}.quiz-check:disabled{background:#edf1ed;box-shadow:none;color:#83938c;cursor:not-allowed}@media(max-width:1120px) and (min-width:701px){.habitat-topbar{inset-inline:2%;gap:10px}.habitat-topbar .species-brand{font-size:22px}.habitat-topbar .species-brand img{width:50px;height:48px}.habitat-nav{max-width:calc(100% - 215px);gap:0;padding:5px}.habitat-nav .species-nav-item{gap:4px;padding:6px 7px;font-size:11px}.habitat-nav .species-nav-item .species-sticker{width:21px;height:21px}.habitat-intro{left:3.5%;width:35vw}.habitat-intro h1{font-size:clamp(55px,6.8vw,76px)}.habitat-intro h1,.habitat-intro h1 span{letter-spacing:-3px}.habitat-intro .dino-footprint-mark{right:-35px;width:32px;height:32px}.habitat-intro p{font-size:14px}.habitat-detail{left:3.5%;width:43vw;padding:12px}.habitat-choices{left:3%;right:3%;height:160px}.habitat-card-list{gap:8px}.habitat-card{border-radius:15px}.habitat-card-copy{padding-inline:7px}.habitat-card-title{gap:3px}.habitat-card-title .habitat-icon{width:21px;height:21px;font-size:14px}.habitat-card-subtitle{padding-left:24px;font-size:9px}.habitat-hotspot{min-height:45px;padding:6px 10px;font-size:11px}}@media(max-height:900px) and (min-width:701px){.habitat-intro{top:7.5%}.habitat-intro h1{font-size:clamp(56px,6.1vw,82px)}.habitat-intro p{margin-block:13px 15px}.habitat-detail{bottom:4%;padding-block:11px}.habitat-fact-grid{padding-block:6px}.habitat-description{margin-block:7px}.habitat-learning-note{margin-top:6px}}@media(max-width:700px){.habitat-page{height:auto;min-height:100svh;overflow:hidden;padding:0 0 30px}.habitat-world{position:fixed;inset:0;height:100%;opacity:.9}.habitat-world img{object-position:center center}.habitat-scrim{position:fixed;background:linear-gradient(180deg,rgba(236,248,255,.83),rgba(236,248,255,.68) 48%,rgba(236,248,255,.43) 70%,rgba(2,47,55,.65))}.habitat-topbar{position:relative;inset:auto;height:auto;min-height:66px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;padding:8px 5%}.habitat-topbar .species-brand{font-size:24px}.habitat-topbar .species-brand img{width:43px;height:40px}.habitat-nav{order:3;width:100%;max-width:none;overflow:auto;justify-content:flex-start;padding:4px}.habitat-nav .species-nav-item{gap:5px;padding:5px 8px;font-size:11px}.habitat-nav .species-nav-item .home-icon,.habitat-nav .species-nav-item .species-sticker{width:21px;height:21px}.habitat-intro{position:relative;left:auto;top:auto;width:auto;margin:28px 5% 0}.habitat-kicker{margin-bottom:8px;font-size:10px}.habitat-kicker span{width:27px;height:27px}.habitat-intro h1{font-size:clamp(52px,12.5vw,72px)}.habitat-intro h1,.habitat-intro h1 span{letter-spacing:-3.2px}.habitat-intro .dino-footprint-mark{right:-30px;width:27px;height:27px}.habitat-intro p{max-width:480px;margin:12px 0 15px 2px;font-size:14px}.habitat-cta{min-height:50px;font-size:16px}.habitat-cta .compass{width:27px;height:27px}.habitat-map{position:relative;isolation:isolate;inset:auto;width:92%;height:56vw;min-height:255px;max-height:340px;margin:18px auto 0;overflow:hidden;border:1px solid #ffffffbd;border-radius:22px;background:#5fbbd5;box-shadow:0 12px 30px #1b485438}.habitat-map:before{position:absolute;z-index:-1;inset:0;content:"";background:url(/images/habitats/habitat-map.webp) center 48%/cover}.habitat-hotspot{min-height:37px;max-width:150px;gap:5px;padding:4px 8px 4px 5px;border-radius:999px;font-size:9px;box-shadow:0 4px 11px #0d354532}.habitat-hotspot.selected{box-shadow:0 0 0 3px #ffc93a5c,0 6px 13px #0d35454b}.habitat-hotspot .habitat-icon{width:22px;height:22px;border-radius:8px;font-size:14px}.habitat-hotspot>svg{width:12px;height:12px}.habitat-detail{position:relative;left:auto;bottom:auto;width:auto;margin:17px 5% 0;padding:13px;border-radius:21px}.habitat-detail-head{grid-template-columns:85px minmax(0,1fr);gap:11px}.habitat-detail-image{width:85px;height:67px;border-radius:13px}.habitat-detail h2{font-size:21px}.habitat-detail-copy p{font-size:11px}.habitat-description{font-size:11.5px}.habitat-fact-grid{gap:4px}.habitat-fact-grid>div{grid-template-columns:23px minmax(0,1fr);column-gap:4px}.fact-symbol{width:23px;height:23px;font-size:14px}.fact-caption{font-size:8px}.habitat-fact-grid strong{font-size:9px}.habitat-learning-note p{font-size:10px}.habitat-detail-footer a{font-size:7px}.habitat-detail-footer button{font-size:9px}.habitat-choices{position:relative;inset:auto;height:174px;margin:60px 0 0 5%;padding-right:5%;overflow:visible}.habitat-choices-title{top:-34px}.habitat-choices-title h2{font-size:21px}.habitat-choices-title>span{font-size:9px}.habitat-card-list{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 5px 12px 4px}.habitat-card{flex:0 0 215px;scroll-snap-align:start;border-radius:16px}.habitat-card>img{height:96px;min-height:96px}.habitat-card-copy{padding:5px 9px}.habitat-card-title strong{font-size:14px}.habitat-card-subtitle{font-size:9px}.habitat-quiz{padding:25px 18px;border-radius:23px}.habitat-quiz h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.habitat-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}.facts-page{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;padding:30px clamp(24px,5.2vw,92px) 64px;color:#102b4b;background:#d8f1ff}.facts-scene{position:fixed;z-index:-3;inset:0;background:url(/images/habitats/hutan-purba.webp) center 53%/cover no-repeat;transform:scale(1.025)}.facts-shade{position:fixed;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(226,246,255,.94),rgba(231,247,255,.83) 47%,rgba(227,245,253,.61)),linear-gradient(0deg,rgba(4,45,58,.42),transparent 30%)}.facts-back{position:relative;z-index:2}.facts-layout{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(560px,1.15fr);grid-gap:clamp(30px,5vw,78px);gap:clamp(30px,5vw,78px);width:min(1440px,100%);margin:32px auto 0;align-items:start}.facts-hero{position:-webkit-sticky;position:sticky;top:26px;min-height:min(700px,calc(100svh - 96px));padding:34px 0 30px}.facts-kicker{display:flex;align-items:center;gap:9px;color:#3b8a59;font-size:12px;letter-spacing:1.4px;font-weight:1000}.facts-kicker span{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:#ffffffc9;box-shadow:0 5px 14px #36744a1c;font-size:17px}.facts-hero h1{position:relative;z-index:1;margin:23px 0 10px;color:#0b2748;font-size:clamp(64px,8vw,112px);line-height:.9;letter-spacing:-6px;font-weight:1000}.facts-hero h1 em{display:block;color:#27844c;font-style:normal}.facts-hero>p{max-width:475px;margin:19px 0 21px;color:#385973;font-size:18px;line-height:1.6;font-weight:650}.facts-random{display:flex;align-items:center;gap:11px;min-height:53px;padding:0 21px;border:1px solid #fff;border-radius:999px;background:linear-gradient(#ffd64c,#ffba27);box-shadow:0 4px 0 #da9016,0 10px 22px #8b6b2130;color:#241c08;font-family:inherit;font-size:15px;font-weight:900;cursor:pointer;transition:transform .18s,box-shadow .18s}.facts-random:hover{transform:translateY(-2px);box-shadow:0 6px 0 #da9016,0 14px 23px #8b6b2138}.facts-random>span{font-size:20px}.facts-random svg{width:19px;height:19px;margin-left:4px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.facts-hero-art{position:absolute;right:0;bottom:0;width:min(95%,490px);height:53%;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.facts-hero-art:before{position:absolute;right:6%;bottom:4%;width:85%;height:47%;border-radius:50%;content:"";background:radial-gradient(ellipse,#419c5b6b 0,#54a95e25 52%,transparent 73%);filter:blur(12px)}.facts-hero-art img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 18px #143b3645);animation:facts-bob 4.2s ease-in-out infinite}@keyframes facts-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.facts-sticker{position:absolute;z-index:1;display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #fff;border-radius:16px;background:#fffffff0;box-shadow:0 8px 22px #24445b25;color:#214465;font-size:15px;font-weight:950;transform:rotate(-5deg)}.facts-sticker-one{right:2%;top:43%}.facts-sticker-two{left:1%;bottom:13%;transform:rotate(4deg);font-size:12px}.facts-content{min-width:0;padding-bottom:20px}.featured-fact{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 160px;grid-gap:18px;gap:18px;min-height:264px;padding:27px 25px;border:1px solid #fff;border-radius:29px;background:rgba(255,255,255,.91);box-shadow:0 18px 42px #1c55702a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fact-enter .3s ease both}@keyframes fact-enter{0%{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.featured-eyebrow{display:flex;align-items:center;gap:8px;color:#70899b;font-size:10px;letter-spacing:1.2px;font-weight:950}.featured-eyebrow span{color:#398851}.featured-eyebrow i{color:#ffc23a;font-style:normal;font-size:15px}.featured-copy h2{max-width:500px;margin:12px 0 8px;color:#102c4b;font-size:clamp(25px,2.7vw,37px);line-height:1.05;letter-spacing:-1px;font-weight:1000}.featured-copy>p{margin:0;color:#5b7283;font-size:14px;font-weight:650}.featured-toggle{display:flex;align-items:center;gap:10px;margin-top:19px;padding:0;border:0;background:none;color:#1d7543;font-family:inherit;font-size:13px;font-weight:900;cursor:pointer}.featured-toggle span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7f4e7;font-size:18px;line-height:1}.featured-detail{max-width:540px;margin-top:12px;color:#36556b;font-size:13px;line-height:1.55;font-weight:650}.featured-detail a{display:block;width:max-content;margin-top:8px;color:#69879a;font-size:10px;font-weight:850;text-decoration:none}.featured-art{position:relative;display:grid;place-items:center;align-self:stretch;min-height:180px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 43%,#ffffffd9,transparent 56%),linear-gradient(145deg,#d9f5e0,#91d29f)}.featured-art:after,.featured-art:before{position:absolute;content:"";border:1px solid #ffffff8c;border-radius:50%}.featured-art:before{width:126px;height:126px}.featured-art:after{width:96px;height:96px}.featured-art>img{position:relative;z-index:1;width:100%;height:100%;max-height:208px;padding:8px;object-fit:contain;filter:drop-shadow(0 11px 10px #284a3633);animation:facts-bob 4.2s ease-in-out infinite}.featured-art>b,.featured-art>i{position:absolute;color:#ffbd30;font-size:23px;font-style:normal}.featured-art>i{top:24px;right:26px}.featured-art>b{bottom:27px;left:25px;font-size:19px}.featured-art.lavender{background:linear-gradient(145deg,#ece4ff,#c9bafa)}.featured-art.peach{background:linear-gradient(145deg,#ffecd9,#ffc478)}.featured-art.sunshine{background:linear-gradient(145deg,#fff6cc,#ffd46e)}.featured-art.sky{background:linear-gradient(145deg,#dcf4ff,#9cddf4)}.featured-art.blueberry{background:linear-gradient(145deg,#e6efff,#bacdfb)}.facts-library-head{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 2px 13px}.facts-section-kicker{color:#43845a;font-size:9px;letter-spacing:1.5px;font-weight:1000}.facts-library-head h2{margin:3px 0 0;color:#112d4a;font-size:29px;line-height:1.05;letter-spacing:-.6px;font-weight:1000}.facts-count{padding:7px 11px;border:1px solid #fff;border-radius:999px;background:#ffffffcf;color:#648092;font-size:11px;font-weight:900}.facts-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.facts-filters button{min-height:34px;padding:0 13px;border:1px solid #ffffffd9;border-radius:999px;background:#ffffffc9;color:#486477;font-family:inherit;font-size:11px;font-weight:850;cursor:pointer;transition:background .15s,color .15s,transform .15s}.facts-filters button:hover{transform:translateY(-1px)}.facts-filters button.active{border-color:#27844c;background:#27844c;color:#fff;box-shadow:0 4px 10px #27844c33}.facts-list{display:grid;grid-gap:9px;gap:9px}.fact-card{overflow:hidden;border:1px solid #fff;border-radius:20px;background:#ffffffeb;box-shadow:0 8px 22px #27546b15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scroll-margin-top:30px;transition:box-shadow .2s,border-color .2s}.fact-card.expanded{border-color:#acd7b5;box-shadow:0 10px 24px #27546b20}.fact-card-button{display:grid;grid-template-columns:64px minmax(0,1fr) 29px;align-items:center;grid-gap:12px;gap:12px;width:100%;padding:10px 15px;border:0;background:transparent;text-align:left;cursor:pointer}.fact-card-icon{display:grid;place-items:center;width:62px;height:56px;border:1px solid #ffffffb8;border-radius:15px;background:#ffffff80;box-shadow:0 4px 11px #33583712;overflow:hidden}.fact-card-icon img{width:100%;height:100%;padding:3px;object-fit:contain;filter:drop-shadow(0 4px 4px #1e443522)}.fact-card-icon.lavender{background:#eee8ff}.fact-card-icon.peach{background:#ffeddc}.fact-card-icon.sunshine{background:#fff3c9}.fact-card-icon.sky{background:#dff4ff}.fact-card-icon.blueberry{background:#e4ebff}.fact-card-text{display:grid;grid-gap:3px;gap:3px;min-width:0}.fact-card-text small{color:#79909f;font-size:9px;letter-spacing:.5px;font-weight:950}.fact-card-text small i{padding:0 3px;color:#ffc13b;font-style:normal}.fact-card-text strong{overflow:hidden;color:#15334f;font-size:14px;line-height:1.2;font-weight:1000;text-overflow:ellipsis}.fact-card-text>span{overflow:hidden;color:#627b8d;font-size:11px;line-height:1.25;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.fact-card-chevron{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e9f4eb;color:#32834e;font-size:20px;font-weight:700}.fact-card-detail{padding:0 56px 16px 77px;animation:fact-enter .18s ease both}.fact-card-detail p{margin:0;color:#3e5b70;font-size:12px;line-height:1.55;font-weight:650}.fact-card-detail a{display:inline-block;margin-top:8px;color:#56816a;font-size:10px;font-weight:900;text-decoration:none}.fact-card-detail a:hover,.featured-detail a:hover{text-decoration:underline}.facts-footnote{margin:13px 4px 0;color:#f6fbff;text-shadow:0 1px 4px #143948;font-size:10px;font-weight:750}@media(max-width:1000px){.facts-page{padding-inline:4%}.facts-layout{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:28px}.facts-hero h1{font-size:clamp(60px,8vw,88px)}.facts-hero-art{width:110%;right:-5%}.featured-fact{grid-template-columns:minmax(0,1fr) 125px;padding:23px 20px}.featured-art{min-height:150px}}.fact-card-icon.lavender img{transform:scale(1.08)}.fact-card-icon.peach img{transform:scale(1.09)}.fact-card-icon.sunshine img{transform:scale(1.06)}@media(max-width:720px){.facts-page{min-height:100svh;padding:17px 5% 36px;overflow:hidden}.facts-scene{position:fixed;background-position:57%}.facts-shade{background:linear-gradient(180deg,#e5f5ffeF,#e4f4f4e8 45%,#d1e9eac9 76%,#144b4da8)}.facts-layout{display:flex;flex-direction:column;gap:17px;margin-top:15px}.facts-hero{position:relative;top:auto;width:100%;min-height:unset;padding:9px 0 0}.facts-kicker{font-size:9px;letter-spacing:1px}.facts-kicker span{width:27px;height:27px}.facts-hero h1{max-width:68%;margin:17px 0 7px;font-size:clamp(53px,14vw,78px);letter-spacing:-3.5px}.facts-hero>p{max-width:62%;margin:10px 0 13px;font-size:13px;line-height:1.45}.facts-random{min-height:43px;gap:8px;padding:0 14px;font-size:12px}.facts-random>span{font-size:17px}.facts-hero-art{right:-3%;bottom:-23px;width:47%;height:100%;max-height:240px}.facts-sticker{gap:4px;padding:7px 10px;border-radius:12px;font-size:12px}.facts-sticker-one{right:3%;top:10%}.facts-sticker-two{left:auto;right:2%;bottom:-20px;font-size:9px}.facts-content{width:100%;padding-bottom:8px}.featured-fact{grid-template-columns:minmax(0,1fr) 86px;gap:10px;min-height:0;padding:17px 14px;border-radius:21px}.featured-eyebrow{font-size:8px;gap:5px}.featured-copy h2{margin:8px 0 5px;font-size:21px;letter-spacing:-.5px}.featured-copy>p{font-size:11px}.featured-toggle{gap:7px;margin-top:11px;font-size:11px}.featured-toggle span{width:20px;height:20px;font-size:15px}.featured-detail{margin-top:9px;font-size:11px}.featured-detail a{font-size:9px}.featured-art{min-height:111px;border-radius:17px}.featured-art:before{width:83px;height:83px}.featured-art:after{width:65px;height:65px}.featured-art>img{padding:4px}.featured-art>i{top:13px;right:13px;font-size:17px}.featured-art>b{bottom:13px;left:12px;font-size:15px}.facts-library-head{margin:19px 1px 9px}.facts-section-kicker{font-size:8px}.facts-library-head h2{font-size:24px}.facts-count{padding:5px 9px;font-size:9px}.facts-filters{gap:6px;margin-bottom:9px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.facts-filters button{flex:none;min-height:30px;padding-inline:10px;font-size:9px}.facts-list{gap:7px}.fact-card{border-radius:15px}.fact-card-button{grid-template-columns:52px minmax(0,1fr) 25px;gap:8px;padding:8px 9px}.fact-card-icon{width:51px;height:47px;border-radius:12px}.fact-card-text{gap:2px}.fact-card-text small{font-size:8px}.fact-card-text strong{font-size:11px}.fact-card-text>span{font-size:9px}.fact-card-chevron{width:24px;height:24px;font-size:17px}.fact-card-detail{padding:0 40px 12px 67px}.fact-card-detail p{font-size:10px}.fact-card-detail a{font-size:9px}.facts-footnote{font-size:9px;margin-top:10px}}@media(max-width:390px){.facts-hero h1{font-size:52px}.facts-hero-art{width:42%;opacity:.94}.facts-hero>p{max-width:68%;font-size:12px}.featured-fact{grid-template-columns:minmax(0,1fr) 74px;padding-inline:12px}.featured-art{min-height:96px}.featured-art>span{width:58px;height:58px;font-size:31px}.fact-card-text strong{font-size:10px}}@media(prefers-reduced-motion:reduce){.facts-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}.collection-page{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;padding:26px clamp(20px,5vw,84px) 42px;color:#102b4b;background:#dff3ff}.collection-backdrop{position:fixed;z-index:-3;inset:0;background:url(/images/habitats/hutan-purba.webp) center 52%/cover no-repeat;transform:scale(1.02)}.collection-shade{position:fixed;z-index:-2;inset:0;background:linear-gradient(90deg,#e9f7ffeF,#eaf7ffe0 55%,#e4f3f5ce),linear-gradient(0deg,#073f4d55,transparent 30%)}.collection-shell{width:min(1420px,100%);margin:auto}.collection-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin:24px 0 28px}.collection-title{max-width:680px}.collection-kicker{display:flex;align-items:center;gap:8px;color:#438858;font-size:10px;letter-spacing:1.4px;font-weight:1000}.collection-kicker img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 3px 4px #5b542433)}.collection-title h1{margin:12px 0 8px;color:#102c4c;font-size:clamp(43px,5.5vw,76px);line-height:.96;letter-spacing:-3.5px;font-weight:1000}.collection-title h1 em{color:#27844c;font-style:normal}.collection-title>p{max-width:570px;margin:12px 0 0;color:#45657b;font-size:15px;line-height:1.55;font-weight:700}.collection-progress{flex:0 0 min(370px,34%);padding:18px 20px;border:1px solid #fff;border-radius:22px;background:#ffffffdf;box-shadow:0 12px 32px #1b526022;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.progress-top{display:flex;align-items:center;justify-content:space-between;color:#668094;font-size:12px;font-weight:850}.progress-top strong{color:#163451;font-size:24px;font-weight:1000}.progress-top i{color:#8aa0af;font-size:13px;font-style:normal}.progress-track{height:11px;margin:12px 0 10px;overflow:hidden;border-radius:99px;background:#e4eee8;box-shadow:inset 0 1px 3px #193e301c}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4bb46d,#a3d861);box-shadow:0 2px 6px #398f4a54;transition:width .35s ease}.progress-foot{display:flex;align-items:center;gap:7px;color:#638075;font-size:10px;font-weight:850}.progress-foot span{font-size:14px}.collection-library{padding:25px 26px 27px;border:1px solid #ffffffed;border-radius:30px;background:#f8fcf8e8;box-shadow:0 20px 52px #1647642a;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}.collection-library-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.collection-eyebrow{color:#438858;font-size:9px;letter-spacing:1.45px;font-weight:1000}.collection-library-head h2{margin:3px 0 0;color:#102e4b;font-size:27px;letter-spacing:-.6px;font-weight:1000}.collection-count{padding:7px 12px;border:1px solid #fff;border-radius:99px;background:#eaf4e9;color:#638074;font-size:11px;font-weight:900}.collection-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.collection-filters{display:flex;flex-wrap:wrap;gap:7px}.collection-filters button{min-height:34px;padding:0 13px;border:1px solid #dfece7;border-radius:99px;background:#fff;color:#537083;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer;transition:all .16s}.collection-filters button:hover{border-color:#8fc49a;transform:translateY(-1px)}.collection-filters button.active{border-color:#318650;background:#318650;color:#fff;box-shadow:0 4px 10px #31865030}.collection-search{display:flex;align-items:center;gap:8px;flex:0 0 240px;min-height:39px;padding:0 12px;border:1px solid #dce9e8;border-radius:99px;background:#fff;color:#718a9a}.collection-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.collection-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#173651;font-family:inherit;font-size:11px;font-weight:700}.collection-search input::placeholder{color:#8ba0ad}.collection-search button{border:0;background:none;color:#7890a0;font-size:18px;cursor:pointer}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:15px;gap:15px}.collection-card{min-width:0;overflow:hidden;border:1px solid #fff;border-radius:21px;background:#fff;box-shadow:0 8px 19px #1c4c6217;animation:collection-card-in .32s both;animation-delay:calc(var(--card-index)*25ms);transition:transform .18s,box-shadow .18s,border-color .18s}.collection-card:hover{transform:translateY(-3px);box-shadow:0 14px 25px #1c4c6226}.collection-card.collected{border-color:#a9d3ad}.collection-card-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.collection-card-art{position:relative;display:block;height:156px;overflow:hidden;background:#bce9f4}.collection-card-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}.collection-card:hover .collection-card-scene{transform:scale(1.045)}.collection-card-art:after{position:absolute;inset:42% 0 0;content:"";background:linear-gradient(0deg,#142f3eb8,transparent)}.collection-card-glow{position:absolute;left:50%;bottom:4px;width:66%;height:25px;border-radius:50%;background:#163d3882;filter:blur(11px);transform:translateX(-50%)}.collection-card-dino{position:absolute;z-index:1;inset:3px 5% 0;width:90%;height:calc(100% - 2px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 7px #152f3854);transition:transform .25s}.collection-card:hover .collection-card-dino{transform:translateY(-3px) scale(1.035)}.collection-card-stamp{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #fff;border-radius:50%;background:#ffffffdc;color:#398552;font-size:14px;font-weight:1000;box-shadow:0 3px 9px #12374422}.uncollected .collection-card-dino{filter:drop-shadow(0 8px 7px #152f3854) saturate(.78)}.uncollected .collection-card-stamp{color:#bb9b4b}.collection-card-info{display:grid;grid-gap:5px;gap:5px;padding:11px 13px 8px}.collection-card-meta{display:flex;align-items:center;justify-content:space-between;gap:5px}.collection-card-meta i{display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:99px;font-size:9px;font-style:normal;font-weight:950}.collection-card-meta i.herb{background:#e8f5e9;color:#32814c}.collection-card-meta i.carn{background:#fff0e9;color:#d66d4b}.collection-card-meta small{color:#9aabb4;font-size:8px;letter-spacing:.65px;font-weight:950}.collection-card-info>strong{color:#15334f;font-size:15px;line-height:1.18;font-weight:1000}.collection-card-info>strong,.collection-card-rarity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-card-rarity{color:#3d8c58;font-size:10px;font-weight:900}.collection-card-rarity span{color:#8296a2;font-weight:750}.collection-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 24px);min-height:35px;margin:1px 12px 12px;border:1px solid #ffcb38;border-radius:99px;background:linear-gradient(#ffda62,#ffc334);box-shadow:0 3px 0 #d79720;color:#392b09;font-family:inherit;font-size:11px;font-weight:1000;cursor:pointer;transition:transform .16s,box-shadow .16s}.collection-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 0 #d79720}.collection-toggle>span{font-size:15px;line-height:1}.collection-toggle.owned{border-color:#b8dcb9;background:#eef8ec;box-shadow:none;color:#347849}.collection-toggle.owned:hover{background:#e3f3e1}.collection-empty{grid-column:1/-1;display:grid;justify-items:center;padding:50px 15px;color:#698294;text-align:center}.collection-empty>span{font-size:43px}.collection-empty strong{margin-top:10px;color:#163451;font-size:17px;font-weight:1000}.collection-empty p{margin:5px 0 15px;font-size:12px}.collection-empty button{padding:9px 15px;border:0;border-radius:99px;background:#378451;color:white;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer}.collection-note{margin:13px 5px 0;color:#f9fcff;text-shadow:0 1px 4px #143948;font-size:10px;font-weight:850}@keyframes collection-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.collection-modal-shade{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#09283d9c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.collection-modal{position:relative;width:min(460px,100%);padding:20px 23px 23px;border:1px solid #fff;border-radius:28px;background:#fffefa;box-shadow:0 24px 70px #001c2c70;color:#425a6e;animation:collection-card-in .18s both}.collection-modal-close{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #fff;border-radius:50%;background:#fffffff0;color:#345269;font-size:24px;cursor:pointer}.collection-modal-art{position:relative;height:195px;margin:-8px -11px 15px;overflow:hidden;border-radius:20px;background:#bce9f4}.collection-modal-art img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.collection-modal-art img:last-child{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 9px #123a3850)}.collection-modal .diet-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:99px;color:#fff;font-size:10px;font-weight:1000}.collection-modal .diet-badge.plant{background:#4aa66a}.collection-modal .diet-badge.meat{background:#ff684e}.collection-modal .species-sticker{width:19px;height:19px;object-fit:contain}.collection-modal h2{margin:10px 0 2px;color:#102e4b;font-size:29px;line-height:1.1;letter-spacing:-.7px;font-weight:1000}.collection-modal-subtitle{margin:0;color:#7c94a2;font-size:12px;font-weight:850}.collection-modal-copy{margin:14px 0;color:#4d687b;font-size:13px;line-height:1.5;font-weight:650}.collection-modal-actions{display:grid;grid-gap:13px;gap:13px}.collection-modal-actions .collection-toggle{width:100%;height:44px;margin:0;font-size:13px}.collection-modal-actions>a{color:#438858;text-align:center;text-decoration:none;font-size:11px;font-weight:950}.collection-modal-actions>a span{padding-left:4px}@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-hero{gap:20px}.collection-progress{flex-basis:34%}.collection-card-art{height:145px}}@media(max-width:700px){.collection-page{min-height:100svh;padding:16px 5% 30px;overflow:hidden}.collection-backdrop{background-position:55%}.collection-shade{background:linear-gradient(180deg,#e8f7fff2,#e8f7ffe8 50%,#d8eeeece 83%,#17494b9c)}.collection-hero{display:grid;grid-gap:17px;gap:17px;margin:18px 0}.collection-title h1{margin:10px 0 7px;font-size:clamp(39px,10vw,57px);letter-spacing:-2.3px}.collection-title>p{max-width:450px;margin-top:9px;font-size:12px}.collection-progress{width:100%;padding:13px 15px;border-radius:18px}.progress-top strong{font-size:21px}.progress-track{height:9px;margin:9px 0}.progress-foot{font-size:9px}.collection-library{padding:16px 12px 17px;border-radius:22px}.collection-library-head{margin-bottom:11px}.collection-library-head h2{font-size:22px}.collection-count{padding:6px 9px;font-size:9px}.collection-controls{display:grid;grid-gap:10px;gap:10px;margin-bottom:12px}.collection-filters{flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:none}.collection-filters::-webkit-scrollbar{display:none}.collection-filters button{flex:none;min-height:31px;padding-inline:10px;font-size:9px}.collection-search{flex:auto;width:100%;min-height:37px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.collection-card{border-radius:16px}.collection-card-art{height:clamp(105px,31vw,145px)}.collection-card-stamp{top:7px;right:7px;width:24px;height:24px;font-size:12px}.collection-card-info{gap:4px;padding:8px 9px 6px}.collection-card-meta i{padding:3px 5px;font-size:8px}.collection-card-meta small{font-size:7px}.collection-card-info>strong{font-size:12px}.collection-card-rarity{font-size:8px}.collection-toggle{width:calc(100% - 16px);min-height:31px;margin:1px 8px 9px;font-size:9px}.collection-note{font-size:9px}.collection-modal{padding:16px 17px 19px;border-radius:23px}.collection-modal-art{height:160px}.collection-modal h2{font-size:25px}.collection-modal-copy{font-size:12px}}@media(max-width:390px){.collection-page{padding-inline:4%}.collection-grid{gap:7px}.collection-card-info{padding-inline:7px}.collection-card-info>strong{font-size:11px}.collection-card-meta i,.collection-card-rarity{font-size:7px}.collection-library{padding-inline:9px}}@media(prefers-reduced-motion:reduce){.collection-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}.game-coming{cursor:not-allowed}.game-coming>img{filter:saturate(.78) brightness(.78)}.game-coming:hover{transform:none;box-shadow:0 12px 28px #062e4054;border-color:#ffffff75}.game-coming:hover>img{transform:none}.coming-soon-overlay{position:absolute;z-index:2;top:16px;right:16px;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #ffffffb8;border-radius:99px;background:#102e4bdc;box-shadow:0 5px 15px #08273a45;color:#fff;font-size:11px;font-weight:1000;letter-spacing:.4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.coming-soon-overlay>span{font-size:13px}.game-coming:disabled{opacity:1}@media(min-width:721px){.facts-page{height:100svh;min-height:680px;overflow:hidden;padding:18px clamp(24px,5.2vw,92px) 20px}.facts-back{flex:none}.facts-layout{height:calc(100svh - 91px);min-height:560px;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(24px,3.3vw,54px);margin:10px auto 0;align-items:stretch}.facts-hero{position:relative;top:auto;min-height:0;height:100%;padding:20px 0 14px}.facts-hero h1{margin:19px 0 8px;font-size:clamp(62px,6.4vw,92px);letter-spacing:-4.5px}.facts-hero>p{max-width:390px;margin:13px 0 15px;font-size:15px;line-height:1.5}.facts-random{min-height:47px}.facts-hero-art{right:-4%;width:min(92%,430px);height:48%}.facts-sticker-one{right:2%;top:45%}.facts-sticker-two{bottom:8%}.facts-content{display:flex;flex-direction:column;min-height:0;height:100%;padding:0}.featured-fact{flex:none;grid-template-columns:minmax(0,1fr) 132px;gap:14px;min-height:0;max-height:37%;padding:18px;border-radius:24px;overflow:auto}.featured-copy h2{margin:8px 0 5px;font-size:clamp(22px,2.1vw,31px)}.featured-copy>p{font-size:12px}.featured-toggle{margin-top:10px;font-size:12px}.featured-detail{margin-top:8px;font-size:11px;line-height:1.4}.featured-detail a{margin-top:5px;font-size:9px}.featured-art{min-height:110px;border-radius:18px}.featured-art:before{width:105px;height:105px}.featured-art:after{width:79px;height:79px}.featured-art>img{max-height:160px;padding:4px}.facts-library-head{flex:none;margin:14px 2px 8px}.facts-library-head h2{font-size:24px}.facts-count{padding:5px 9px;font-size:10px}.facts-filters{flex:none;gap:6px;margin-bottom:9px}.facts-filters button{min-height:30px;padding-inline:11px;font-size:10px}.facts-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(66px,1fr);gap:8px;min-height:0;overflow:hidden}.fact-card{min-height:0;border-radius:15px}.fact-card-button{height:100%;grid-template-columns:48px minmax(0,1fr) 25px;gap:8px;padding:7px 9px}.fact-card-icon{width:46px;height:44px;border-radius:12px}.fact-card-text{gap:2px}.fact-card-text small{font-size:8px}.fact-card-text strong{font-size:11px;line-height:1.14;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.fact-card-text>span{font-size:9px}.fact-card-chevron{width:23px;height:23px;font-size:16px}.fact-card.selected{border-color:#9dcda7;box-shadow:0 0 0 2px #72b47c36,0 7px 18px #27546b15}.facts-footnote{flex:none;margin:8px 4px 0;font-size:9px}}@media(max-width:720px){.facts-page{display:flex;flex-direction:column;height:100svh;min-height:620px;overflow:hidden;padding:12px 5% 14px}.facts-back{flex:none;padding:6px 12px 6px 8px;font-size:12px}.facts-layout{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;margin:7px 0 0}.facts-hero{position:relative;top:auto;flex:none;width:100%;height:145px;min-height:0;padding:0}.facts-kicker{font-size:8px;letter-spacing:.8px}.facts-kicker span{width:23px;height:23px}.facts-hero h1{max-width:none;margin:6px 0 4px;font-size:clamp(37px,10vw,51px);letter-spacing:-2.5px;line-height:.9}.facts-hero>p{max-width:78%;margin:5px 0 8px;font-size:10px;line-height:1.3}.facts-random{min-height:32px;gap:6px;padding:0 11px;font-size:9px}.facts-random>span{font-size:13px}.facts-random svg{width:14px;height:14px}.facts-hero-art,.facts-sticker{display:none}.facts-content{display:flex;flex:1 1;flex-direction:column;width:100%;min-height:0;padding:0}.featured-fact{flex:none;grid-template-columns:minmax(0,1fr) 77px;gap:8px;min-height:0;max-height:34%;padding:10px 11px;border-radius:17px;overflow:auto}.featured-eyebrow{font-size:7px;gap:4px}.featured-copy h2{margin:5px 0 3px;font-size:16px;letter-spacing:-.2px}.featured-copy>p{font-size:9px;line-height:1.25}.featured-toggle{gap:5px;margin-top:6px;font-size:9px}.featured-toggle span{width:17px;height:17px;font-size:12px}.featured-detail{margin-top:5px;font-size:9px;line-height:1.3}.featured-detail a{margin-top:4px;font-size:8px}.featured-art{min-height:80px;border-radius:13px}.featured-art:before{width:57px;height:57px}.featured-art:after{width:43px;height:43px}.featured-art>img{max-height:100%;padding:2px}.featured-art>i{top:6px;right:7px;font-size:12px}.featured-art>b{bottom:6px;left:7px;font-size:11px}.facts-library-head{flex:none;margin:9px 1px 5px}.facts-section-kicker{font-size:7px}.facts-library-head h2{font-size:18px}.facts-count{padding:4px 7px;font-size:8px}.facts-filters{flex:none;gap:5px;flex-wrap:nowrap;overflow-x:auto;margin:0 0 7px;padding-bottom:2px}.facts-filters button{flex:none;min-height:26px;padding-inline:8px;font-size:8px}.facts-list{display:grid;flex:1 1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;min-height:0;overflow:hidden}.fact-card{min-height:0;border-radius:12px}.fact-card-button{height:100%;grid-template-columns:37px minmax(0,1fr) 19px;gap:6px;padding:5px 6px}.fact-card-icon{width:36px;height:36px;border-radius:9px}.fact-card-text{gap:2px}.fact-card-text small{font-size:6px;letter-spacing:0}.fact-card-text strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;line-height:1.1;text-overflow:clip;white-space:normal}.fact-card-text>span{display:none}.fact-card-chevron{width:18px;height:18px;font-size:13px}.facts-footnote{flex:none;margin:6px 2px 0;font-size:7px;line-height:1.2}}@media(max-height:720px){@media(min-width:721px){.facts-layout{height:calc(100svh - 77px);margin-top:5px}.facts-hero{padding-top:8px}.facts-hero h1{margin-top:12px}.facts-hero>p{margin-block:8px 10px;font-size:13px}.facts-hero-art{height:43%}.featured-fact{max-height:34%;padding-block:12px}.facts-library-head{margin-block:8px 5px}.facts-footnote{margin-top:5px}}}@media(max-height:700px) and (max-width:720px){.facts-page{min-height:0;padding-block:8px}.facts-hero{height:124px}.facts-hero>p{max-width:85%;font-size:9px}.featured-fact{max-height:31%}.facts-filters button{min-height:23px}.facts-footnote{font-size:6px}}