@font-face{font-family:Manrope;src:url(/fonts/manrope.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--sky:#cfeafb;--grass:#7bc96f;--grass-deep:#4fae5a;--sun:#ffc93c;--coral:#ff7a59;--ink:#1d3b2f;--cream:#fff8e6;--card:#fff8e6f0;--tap:72px;--gap:12px;--radius:28px;--pad:max(16px, env(safe-area-inset-left));color:var(--ink);font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;background:var(--sky);height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:4px solid var(--coral);outline-offset:3px}.btn{min-block-size:var(--tap);min-inline-size:var(--tap);background:var(--cream);text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding-inline:22px;font-size:1.15rem;font-weight:800;text-decoration:none;transition:transform .12s;display:inline-flex;box-shadow:0 5px #1d3b2f2e,0 8px 18px #1d3b2f24}.btn:active{transform:translateY(3px)scale(.98)}.btn.on{background:var(--sun)}.btn.icon{padding:0;font-size:1.8rem}.btn.big{background:var(--sun);min-block-size:84px;padding-inline:36px;font-size:1.5rem}.btn.wide{inline-size:100%}.btn.secondary{background:#fff}.start{place-items:end center;padding:24px;display:grid;position:fixed;inset:0}@media (aspect-ratio<=4/5){.start{place-items:start center}.start-card{padding-block:5vh 0!important}}.start-art{background:var(--sky) url(/art/splash.webp) center 85% / cover no-repeat;position:absolute;inset:0}.start-card{justify-items:center;gap:14px;padding-block-end:3vh;display:grid;position:relative}.start-card h1{color:var(--cream);text-shadow:0 3px 0 var(--ink), 0 6px 18px #1d3b2f73;text-align:center;margin:0;font-family:Fraunces,serif;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:900}.byline{color:var(--ink);background:var(--card);border-radius:999px;margin:0;padding:4px 14px;font-weight:700}.stage{touch-action:none;--bw:max(100vw, 135vh);--hz:31vh;background:url(/art/backdrop.webp) center calc(var(--hz) - var(--bw) / 3 * .79) / var(--bw) auto no-repeat, linear-gradient(#68c4fb, #a2dafb var(--hz), #9bc84a var(--hz));position:fixed;inset:0}.stage.view-compare{--hz:44vh}@media (aspect-ratio<=4/5){.stage{--hz:39vh}.stage.view-compare{--hz:46vh}}.stage canvas{position:absolute;inset:0}.thumb{background:0 0;position:fixed;inset:0}.thumb canvas{position:absolute;inset:0}html:has(.thumb){background:0 0}html:has(.thumb) body{background:0 0}html:has(.thumb) #root{background:0 0}.bar{gap:var(--gap);padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));pointer-events:none;z-index:10;display:flex;position:absolute;inset-inline:0}.bar>*{pointer-events:auto}.bar.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;inset-block-start:max(12px, env(safe-area-inset-top))}.bar.bottom{flex-direction:column;align-items:center;inset-block-end:max(12px, env(safe-area-inset-bottom))}.seg{background:var(--card);border-radius:999px;gap:8px;padding:6px;display:flex;box-shadow:0 6px 18px #1d3b2f29}.seg .btn{box-shadow:none;background:0 0}.seg .btn.on{background:var(--sun)}.tools{gap:10px;display:flex}.picker{background:var(--card);border-radius:var(--radius);align-items:center;gap:8px;max-inline-size:min(560px,100vw - 24px);padding:8px;display:flex;box-shadow:0 8px 22px #1d3b2f2e}.strip{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;inline-size:min(364px,100vw - 190px);padding-block:6px;padding-inline:4px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.arrow{background:#fff;flex:none;min-block-size:64px;min-inline-size:56px;font-size:1.3rem}[dir=rtl] .flip{display:inline-block;transform:scaleX(-1)}.pick{scroll-snap-align:start;background:#fff;border:4px solid #0000;border-radius:22px;flex:none;justify-items:center;gap:2px;min-block-size:128px;inline-size:112px;padding:6px 8px 8px;font-size:1rem;font-weight:800;transition:transform .15s;display:grid}.pick img{object-fit:contain;pointer-events:none;block-size:88px;inline-size:88px}.pick.on{border-color:var(--coral);background:#fff3d1;transform:translateY(-4px)}.pick.notdino{background:#e8f4ff}.pick:active{transform:scale(.96)}.hint{text-align:center;pointer-events:none;z-index:5;font-size:3.4rem;animation:1.4s ease-in-out infinite bob;position:absolute;inset-block-start:46%;inset-inline:0}@keyframes bob{50%{transform:translateY(14px)}}.loading{z-index:20;text-align:center;background:#cfeafbd1;place-content:center;justify-items:center;gap:14px;padding:24px;font-size:1.4rem;font-weight:800;display:grid;position:absolute;inset:0}.loading img{animation:1.2s ease-in-out infinite bob}.facts{z-index:15;background:var(--card);border-radius:var(--radius);inline-size:min(420px,42vw);padding:14px;position:absolute;inset-block-start:100px;inset-inline-end:max(16px, env(safe-area-inset-right));box-shadow:0 10px 30px #1d3b2f40}.facts-head{justify-content:space-between;align-items:center;margin-block-end:8px;display:flex}.facts ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fact{text-align:start;background:#fff;border:4px solid #0000;border-radius:22px;align-items:center;gap:14px;min-block-size:84px;inline-size:100%;padding:10px 16px;display:flex}.fact.speaking{border-color:var(--coral);background:#fff3d1}.fact-icon{font-size:2.2rem}.fact-text{flex:1;line-height:1.15;display:grid}.fact-text small{opacity:.7;font-weight:700}.fact-text strong{font-family:Fraunces,serif;font-size:1.35rem;font-weight:800}.fact-text em{opacity:.75;font-style:normal;font-weight:700}.fact-speaker{opacity:.6;font-size:1.4rem}.gate{background:conic-gradient(var(--coral) calc(var(--p,0) * 360deg), var(--cream) 0);position:relative}.gate:after{content:"";background:var(--cream);border-radius:999px;position:absolute;inset:6px}.gate span{z-index:1;position:relative}.modal{z-index:50;background:#1d3b2f8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:var(--cream);border-radius:var(--radius);gap:12px;max-block-size:100%;max-inline-size:520px;padding:24px;display:grid;overflow:auto}.modal-card h2{margin:0;font-family:Fraunces,serif}.modal-card p{margin:0;font-size:1.05rem;line-height:1.45}.tag{background:var(--cream);color:var(--ink);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:1.1rem;font-weight:800;box-shadow:0 3px 10px #1d3b2f33}@media (width<=700px),(aspect-ratio<=4/5){.facts{z-index:16;max-block-size:62dvh;inline-size:auto;inset-block:auto 12px;inset-inline:12px;overflow:auto}.facts .fact{min-block-size:72px}.stage:has(.facts) .bar.bottom{display:none}.pick{min-block-size:118px;min-inline-size:92px}.pick img{block-size:70px;inline-size:70px}.seg .btn{padding-inline:14px;font-size:1rem}}@media (height<=520px){.bar.top .seg .btn{min-block-size:64px}.pick{min-block-size:108px}.pick img{block-size:60px;inline-size:60px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.stage>div:first-child{transition:inset .25s;inset:0;block-size:auto!important;inline-size:auto!important;position:absolute!important}@media (width>=701px) and (aspect-ratio>=4/5){.stage:has(.facts)>div:first-child{inset-inline-end:min(440px,44vw)}}@media (width<=700px),(aspect-ratio<=4/5){.stage:has(.facts)>div:first-child{inset-block-end:56dvh}}.puff-bubble{z-index:30;background:var(--card);pointer-events:none;border-radius:26px;align-items:center;gap:10px;max-inline-size:min(360px,60vw);padding:8px 18px 8px 10px;animation:.25s ease-out pop;display:flex;position:fixed;inset-block-start:112px;inset-inline-start:max(16px, env(safe-area-inset-left));box-shadow:0 8px 22px #1d3b2f38}.puff-bubble p{margin:0;font-size:1.1rem;font-weight:800;line-height:1.25}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@media (width<=700px){.puff-bubble{max-inline-size:calc(100vw - 32px);inset-block-start:190px}}.find-me{z-index:10;position:absolute;inset-block-start:112px;inset-inline-start:max(16px, env(safe-area-inset-left))}@media (width<=700px){.find-me{inset-block-start:190px}}.notdino-card{text-align:center;justify-items:center;gap:8px;display:grid}.notdino-card .facts-head{inline-size:100%}.notdino-card h2{margin:0;font-family:Fraunces,serif;font-size:1.8rem}.notdino-card em{opacity:.75;font-style:normal;font-weight:700}.notdino-card ul{inline-size:100%}.notdino-art{border-radius:24px;block-size:auto;inline-size:min(220px,40vw,30dvh)}.badge{background:var(--coral);color:#fff;border-radius:999px;padding:10px 20px;font-size:1.2rem;font-weight:800}.fact.static{text-align:start;background:#fff;border-radius:22px;min-block-size:56px;padding:14px 18px;font-size:1.15rem;font-weight:800;display:block}.game{background:var(--sky) url(/art/sky.webp) center bottom / cover no-repeat;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0;overflow:auto}.game .bar.top{align-items:center;padding-block:12px;position:static}.game-title{background:var(--card);border-radius:999px;margin:0;padding:8px 22px;font-family:Fraunces,serif;font-size:clamp(1.4rem,4vw,2.2rem)}.game-board{place-content:center;justify-items:center;gap:24px;padding:16px;display:grid;position:relative}.menu-grid{grid-auto-flow:column;gap:20px}.menu-btn{background:var(--cream);border:0;border-radius:36px;align-content:center;justify-items:center;gap:12px;min-block-size:220px;inline-size:min(240px,22vw);padding:14px;font-size:1.4rem;font-weight:800;display:grid;box-shadow:0 8px #1d3b2f2e,0 12px 24px #1d3b2f2e}.menu-btn:active{transform:translateY(4px)}.menu-icon{font-size:4rem}@media (width<=700px),(aspect-ratio<=4/5){.menu-grid{grid-auto-flow:row}.menu-btn{grid-auto-flow:column;justify-content:center;min-block-size:130px;inline-size:min(320px,86vw)}.menu-icon{font-size:3rem}}.targets{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.target{border:6px dashed var(--ink);background:#fff8e6e6;border-radius:36px;justify-items:center;gap:4px;min-block-size:170px;inline-size:190px;padding:14px;font-size:1.3rem;font-weight:800;display:grid}.target span{font-size:4rem}.target.leaf{border-color:#4fae5a}.target.bone{border-color:#d98a4a}.drag-card{background:var(--cream);touch-action:none;cursor:grab;z-index:5;border-radius:32px;justify-items:center;gap:4px;padding:12px 20px;font-size:1.3rem;display:grid;position:relative;box-shadow:0 10px 24px #1d3b2f38}.drag-card img{pointer-events:none;block-size:auto;inline-size:min(200px,40vw)}.drag-card.won{animation:.6s ease-out hop}.choices{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.choice{background:var(--cream);border:4px solid #0000;border-radius:28px;justify-items:center;gap:4px;padding:12px 16px;font-size:1.15rem;font-weight:800;display:grid;box-shadow:0 6px #1d3b2f2e}.choice img{block-size:auto;inline-size:min(160px,24vw)}.choice.used{opacity:.35}.slots{gap:14px;display:flex}.slot{border:5px dashed var(--ink);opacity:.95;background:#fff8e6d9;border-radius:24px;place-items:center;block-size:110px;inline-size:110px;font-size:1.1rem;display:grid}.slot.full{border-style:solid;border-color:var(--coral);background:#fff3d1}.slot.s0{transform:scale(.8)}.slot.s2{transform:scale(1.12)}.wiggle{animation:.5s ease-in-out wiggle}@keyframes wiggle{20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}@keyframes hop{40%{transform:translateY(-24px)scale(1.06)}}.sparkles{pointer-events:none;z-index:8;justify-content:center;align-items:center;gap:16px;font-size:3rem;display:flex;position:absolute;inset:0}.sparkles span{animation:1.4s ease-out forwards rise;animation-delay:calc(var(--i) * 70ms);opacity:0}@keyframes rise{0%{opacity:0;transform:translateY(40px)scale(.4)}30%{opacity:1}to{opacity:0;transform:translateY(-120px)scale(1.2)}}.done{text-align:center;gap:18px}.done h2{background:var(--card);border-radius:999px;margin:0;padding:8px 28px;font-family:Fraunces,serif;font-size:2.4rem}.done-emoji{font-size:5rem}@media (prefers-reduced-motion:reduce){.sparkles span{opacity:1;animation:none!important}}@media (width>=701px) and (aspect-ratio>=4/5){.stage:has(.facts) .bar.bottom{inset-inline-end:min(440px,44vw)}.stage:has(.facts) .picker{max-inline-size:calc(100vw - min(440px,44vw) - 32px)}.stage:has(.facts) .strip{inline-size:min(364px,100vw - min(440px,44vw) - 190px)}}.facts{max-block-size:calc(100dvh - 124px);overflow:auto}.stage[data-dino=pteranodon]>div:first-child{visibility:hidden}.kid{aspect-ratio:401/640;pointer-events:none;transform-origin:50% 100%;position:relative}.kid-body{transform-origin:50% 100%;animation:3.4s ease-in-out infinite breathe;position:absolute;inset:0}.kid-body img{opacity:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.kid-body img.on{opacity:1}.kid-cheer .kid-body{animation:.5s ease-in-out 3 cheer}.kid-talking .kid-body{animation:.28s ease-in-out infinite talk}@keyframes breathe{50%{transform:scaleY(1.018)}}@keyframes cheer{50%{transform:translateY(-9%)}}@keyframes talk{50%{transform:scale(1.015,.99)}}.kid-small{block-size:clamp(110px,18vh,170px)}.kid-start{z-index:2;filter:drop-shadow(0 6px 10px #1d3b2f4d);block-size:min(42vh,360px);position:absolute;inset-block-end:0;inset-inline-start:max(12px,4vw)}.kid-corner{z-index:4;block-size:clamp(130px,26vh,250px);position:fixed;inset-block-end:0;inset-inline-start:max(12px,2vw)}.cast{pointer-events:none;align-items:flex-end;gap:4px;display:flex}.puff-small{transform-origin:50% 80%;block-size:56px;inline-size:56px;margin-block-end:6px}.puff-talking{animation:.4s ease-in-out infinite puffy}@keyframes puffy{50%{transform:scale(1.12)}}.bar.bottom .row{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;inline-size:100%;display:grid}.bar.bottom .row .cast{grid-column:1;justify-self:start}.bar.bottom .row .tell{grid-column:2}.puff-bubble.from-kid{background:#fff3d1}.bubble-kid{object-fit:contain;block-size:64px;inline-size:auto!important}@media (width<=700px),(aspect-ratio<=4/5){.kid-small{block-size:96px}.bar.bottom .row{grid-template-columns:auto 1fr}.bar.bottom .row .tell{grid-column:2;justify-self:end;min-block-size:72px;padding-inline:20px;font-size:1.2rem}.kid-corner{block-size:120px}.kid-start{block-size:30vh}}@media (prefers-reduced-motion:reduce){.kid-body,.puff-talking,.kid-cheer .kid-body,.kid-talking .kid-body{animation:none!important}}@media (width>=700px) and (aspect-ratio>=4/5){.bar.bottom{grid-template-columns:auto minmax(0,auto) auto;justify-content:space-between;align-items:end;column-gap:12px;display:grid}.bar.bottom .row{display:contents}.bar.bottom .cast{grid-area:1/1;justify-self:start}.bar.bottom .picker{grid-area:1/2}.bar.bottom .row .tell{grid-area:1/3;place-self:center end;min-block-size:84px;padding-inline:28px}.stage:has(.facts) .bar.bottom{justify-content:start}.stage:has(.facts) .strip{inline-size:min(364px,100vw - min(440px,44vw) - 350px)}}@media (width>=700px) and (width<=959px) and (aspect-ratio>=4/5){.bar.bottom .row .tell{min-block-size:72px;padding-inline:18px;font-size:1.1rem}.bar.bottom .picker{max-inline-size:calc(100vw - 330px)}.stage .strip{inline-size:min(364px,100vw - 470px)}}@media (width>=700px) and (height<=520px){.bar.bottom .row .tell{min-block-size:64px;padding-inline:18px;font-size:1.1rem}.bar.bottom .picker{max-inline-size:calc(100vw - 340px)}.stage .strip{inline-size:min(364px,100vw - 480px)}.kid-small{block-size:90px}}.game-board.shadow{gap:clamp(12px,3vh,28px)}.shadow-target{background:var(--cream);border-radius:32px;place-items:center;padding:10px 20px;display:grid;box-shadow:0 10px 24px #1d3b2f38}.shadow-target img{aspect-ratio:1;object-fit:contain;block-size:auto;inline-size:min(300px,38vw,34vh);transition:filter .8s}.shadow-choices{flex-wrap:nowrap;justify-content:center;gap:clamp(10px,2.5vw,28px);display:flex}.shadow-choice{background:var(--cream);border:4px solid #0000;border-radius:28px;place-items:center;min-block-size:72px;min-inline-size:72px;padding:10px;display:grid;box-shadow:0 6px #1d3b2f2e}.shadow-choice img{aspect-ratio:1;object-fit:contain;block-size:auto;inline-size:min(260px,26vw,26vh);transition:filter .9s}img.shade{filter:brightness(0)sepia()hue-rotate(190deg)saturate(1.6)brightness(.35)opacity(.85)}.shadow-choice.revealed img,.shadow-target.revealed img{filter:none}.shadow-choice.revealed{border-color:var(--coral);background:#fff3d1}@media (prefers-reduced-motion:reduce){.shadow-choice img,.shadow-target img{transition:none}}@media (width<=700px),(aspect-ratio<=4/5){.game-board.shadow{gap:20px;padding-inline:8px}.shadow-choices{gap:8px}.shadow-choice{border-radius:22px;padding:6px}.shadow-choice img{inline-size:min(240px,24vw)}.shadow-target img{inline-size:min(300px,62vw,30vh)}}