html,body{background:#cfe6ee;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app,.river{position:fixed;inset:0}canvas{touch-action:none;width:100%;height:100%;display:block}.fps{color:#fff;pointer-events:none;background:#0000008c;border-radius:6px;padding:4px 8px;font:600 14px/1.2 ui-monospace,Consolas,monospace;position:absolute;bottom:8px;left:8px}.invite,.listen,.clip-play,.encounter-meet{color:#fff;cursor:pointer;touch-action:manipulation;background:#e8662c;border:0;border-radius:999px;align-items:center;gap:8px;font-family:inherit;display:flex;box-shadow:0 4px #b44a1a,0 8px 18px #00000040}.labels{pointer-events:none;position:absolute;inset:0}.boat-controls{left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:#ffffffe0;border-radius:999px;gap:6px;padding:6px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #0003}.boat-controls button{color:#1d4f6e;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:108px;min-height:60px;padding:0 20px;font-family:inherit;font-size:20px;font-weight:700;display:flex}.boat-controls svg{fill:currentColor;width:26px;height:26px}.boat-controls button[aria-pressed=true]{color:#fff;background:#1d4f6e}.boat-controls button:focus-visible,.invite:focus-visible,.back:focus-visible,.listen:focus-visible,.clip-play:focus-visible,.dig-deeper summary:focus-visible,.did-you-know-close:focus-visible,.open-encounter:focus-visible,.open-credits:focus-visible,.encounter-dino:focus-visible,.encounter-show-all:focus-visible,.encounter-meet:focus-visible,.encounter-watch:focus-visible{outline-offset:3px;outline:3px solid #e8662c}.invite{white-space:nowrap;pointer-events:auto;min-height:52px;padding:0 22px 0 16px;font-size:20px;font-weight:700;animation:1.3s ease-in-out infinite invite-bob}.invite span{font-size:24px}@keyframes invite-bob{50%{translate:0 -8px}}.discovered{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#1d3a4a;pointer-events:none;background:#ffffffe0;border-radius:999px;margin:0;padding:8px 16px;font-size:17px;font-weight:700;position:absolute;box-shadow:0 2px 8px #00000026}.did-you-know{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));box-sizing:border-box;color:#2b2418;background:#fffaf0;border-left:6px solid #2f6b3a;border-radius:18px;width:min(380px,100% - 240px);padding:14px 48px 16px 18px;animation:.35s ease-out did-you-know-in;position:absolute;box-shadow:0 4px 16px #0003}@keyframes did-you-know-in{0%{opacity:0;translate:-16px}}.did-you-know-label{color:#7a5a2a;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:800;display:flex}.did-you-know-label span{font-size:18px}.did-you-know h2{margin:4px 0 6px;font-size:23px;line-height:1.15}.did-you-know p:last-of-type{margin:0;font-size:17px;line-height:1.45}.did-you-know-close{color:#7a5a2a;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:6px;right:6px}.did-you-know-close:hover{background:#f1e6cf}.did-you-know-close svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;width:22px;height:22px}.river{--corner-bottom:max(20px, env(safe-area-inset-bottom));--credits-height:48px}.open-encounter,.open-credits{bottom:var(--corner-bottom);color:#1d4f6e;cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;align-items:center;gap:8px;font-family:inherit;display:flex;position:absolute}.open-encounter{right:max(16px, env(safe-area-inset-right));background:#fff;min-height:60px;padding:0 22px 0 16px;font-size:20px;font-weight:800;box-shadow:0 4px 16px #0003}.open-encounter span{font-size:26px}.open-credits{left:max(16px, env(safe-area-inset-left));min-height:var(--credits-height);background:#ffffffe0;padding:0 18px 0 14px;font-size:17px;font-weight:700;box-shadow:0 2px 8px #00000026}.open-credits span{font-size:20px}.river>.fps{bottom:calc(var(--corner-bottom) + var(--credits-height) + 8px);left:max(16px, env(safe-area-inset-left))}.notice{top:max(12px, env(safe-area-inset-top));color:#7a3a0a;background:#fff4e5;border-radius:12px;margin:0;padding:10px 18px;font-size:16px;font-weight:600;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.dinosaur-screen{color:#2b2418;background:#f4ecdc;position:fixed;inset:0;overflow-y:auto}.back{top:max(16px, env(safe-area-inset-top));z-index:1;min-height:52px;margin:16px 0 0 max(16px, env(safe-area-inset-left));color:#fff;cursor:pointer;touch-action:manipulation;background:#1d4f6e;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 22px 0 12px;font-family:inherit;font-size:18px;font-weight:700;display:inline-flex;position:sticky;box-shadow:0 4px 12px #0003}.back svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.sheet{max-width:960px;margin:0 auto;padding:12px 20px 48px}.sheet h1{margin:0;font-size:clamp(32px,5vw,48px);font-style:italic;line-height:1.1}.sheet h1:focus{outline:none}.short-name{color:#7a5a2a;margin:4px 0 0;font-size:22px;font-weight:700}.new{color:#fff;letter-spacing:.02em;background:#e8662c;border-radius:999px;margin:0 0 10px;padding:6px 14px;font-size:16px;font-weight:800;display:inline-block}.sheet h2{margin:0 0 12px;font-size:26px}.narration,.dig-deeper,.behavior,.fact{background:#fffaf0;box-shadow:0 2px 8px #00000014}.narration{border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:16px 22px;margin:22px 0 14px;padding:20px 22px;display:grid}.listen{min-width:164px;min-height:68px;padding:0 26px 0 18px;font-size:24px;font-weight:800}.listen svg{fill:currentColor;width:32px;height:32px}.listen.playing{background:#1d4f6e;box-shadow:0 4px #123448,0 8px 18px #0003}.listen:active{translate:0 2px}.narration-text{margin:0;font-size:20px;line-height:1.5}.narration-progress{background:#eadfc8;border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.narration-progress span{background:#e8662c;width:0;height:100%;transition:width .25s linear;display:block}.narration-error{color:#9a3412;grid-column:1/-1;margin:0;font-size:17px;font-weight:700}.dig-deeper{border-radius:16px;margin:0 0 36px}.dig-deeper summary{color:#1d4f6e;cursor:pointer;touch-action:manipulation;border-radius:16px;align-items:center;gap:10px;min-height:60px;padding:0 20px;font-size:21px;font-weight:800;list-style:none;display:flex}.dig-deeper summary::-webkit-details-marker{display:none}.dig-deeper summary:after{content:"";border-bottom:3px solid;border-right:3px solid;width:12px;height:12px;margin-left:auto;translate:0 -3px;rotate:45deg}.dig-deeper[open] summary:after{translate:0 3px;rotate:-135deg}.dig-deeper summary .icon{font-size:24px}.dig-deeper p{margin:0;padding:0 22px 16px;font-size:18px;line-height:1.55}.dig-deeper p:last-child{padding-bottom:22px}.behaviors{margin:0 0 36px}.evidence-legend{color:#5c4a2c;flex-wrap:wrap;gap:8px 24px;margin:0 0 14px;font-size:16px;display:flex}.evidence-legend>span{align-items:center;gap:8px;display:flex}.evidence-legend .evidence{margin:0;padding:3px 10px;font-size:14px}.behavior-list{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;display:grid}.behavior{border-radius:16px;flex-direction:column;padding:18px 20px;display:flex}.behavior h3{align-items:center;gap:8px;margin:0;font-size:24px;display:flex}.behavior h3 .icon{font-size:26px}.clip{aspect-ratio:16/9;background:#3a3226;border-radius:12px;margin:12px 0 0;position:relative;overflow:hidden}.clip video{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.clip-play{min-height:60px;padding:0 24px 0 16px;font-size:21px;font-weight:800;position:absolute;bottom:12px;left:10px}.clip-play svg{fill:currentColor;width:28px;height:28px}.clip-play.playing{min-height:44px;box-shadow:none;background:#0000008c;padding:0 16px 0 10px;font-size:16px;bottom:10px}.clip-play.playing svg{width:22px;height:22px}.clip-error{color:#9a3412;background:#fff4e5f2;margin:0;padding:8px 12px;font-size:16px;font-weight:700;position:absolute;inset:auto 0 0}.evidence{border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin:10px 0 0;padding:5px 12px;font-size:15px;font-weight:800;display:inline-flex}.evidence[data-evidence=Fossil\ evidence]{color:#fff;background:#2f6b3a}.evidence[data-evidence=Scientists\ think]{color:#fff;background:#54478f}.behavior-text{margin:12px 0 14px;font-size:18px;line-height:1.5}.behavior-sources{border-top:1px solid #eadfc8;margin-top:auto;padding-top:10px}.profile{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0 0 32px;display:grid}.fact{border-radius:16px;padding:16px 18px}.fact dt{color:#7a5a2a;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.fact .icon{font-size:24px}.fact dd{margin:8px 0 0}.fact strong{font-size:22px;line-height:1.2;display:block}.fact dd span{margin-top:6px;font-size:17px;line-height:1.45;display:block}.sources h2,.sources h4{color:#7a5a2a;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:15px}.sources ul{margin:0;padding-left:20px;font-size:15px;line-height:1.6}.sources a{color:#1d4f6e}.credits-screen{color:#2b2418;background:#f4ecdc;position:fixed;inset:0;overflow-y:auto}.credits{max-width:760px;margin:0 auto;padding:12px 20px 48px}.credits h1{margin:0;font-size:clamp(32px,5vw,48px);line-height:1.1}.credits h1:focus{outline:none}.credits-intro,.credits-facts{margin:12px 0 20px;font-size:18px;line-height:1.45}.credits-facts{color:#5a4a35;margin:20px 0 0}.credit-list{gap:12px;display:grid}.credit{background:#fffaf0;border-radius:16px;padding:14px 18px 16px;box-shadow:0 2px 8px #00000014}.credit h2{margin:0;font-size:22px}.credit p{margin:6px 0 0;font-size:16px;line-height:1.45}.credit .credit-use{font-size:17px}.credit-owner{color:#5a4a35}.credit-license{color:#7a5a2a;font-weight:700}.credit a,.credits-facts a{color:#1d4f6e}.encounter-screen{color:#2b2418;background:#f4ecdc;position:fixed;inset:0;overflow-y:auto}.encounter-bar{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}.encounter-bar .back{margin:0;position:static}.encounter-bar h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.1}.encounter-bar h1:focus{outline:none}.encounter-names{color:#7a5a2a;margin:0;font-size:20px;font-weight:700}.encounter-names:empty{display:none}.encounter-pick{max-width:960px;margin:0 auto;padding:0 20px 40px}.encounter-hint{margin:4px 0 16px;font-size:22px;font-weight:700}.encounter-dinos{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 24px;padding:0;list-style:none;display:grid}.encounter-dino{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:#fffaf0;border:4px solid #0000;border-radius:20px;flex-direction:column;padding:0 0 14px;font-family:inherit;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.encounter-dino img{aspect-ratio:16/9;object-fit:cover;background:#3a3226;width:100%;display:block}.encounter-dino strong{margin:12px 16px 0;font-size:24px}.encounter-dino-state{color:#7a5a2a;align-items:center;gap:6px;min-height:24px;margin:4px 16px 0;font-size:17px;font-weight:700;display:flex}.encounter-dino[aria-pressed=true]{border-color:#e8662c}.encounter-dino[aria-pressed=true] .encounter-dino-state{color:#b44a1a}.encounter-dino:disabled{cursor:default}.encounter-dino:disabled img{filter:grayscale()brightness(.55)}.encounter-dino:disabled strong{color:#8a7a60}.encounter-actions{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.encounter-meet{min-height:68px;padding:0 28px 0 20px;font-size:24px;font-weight:800}.encounter-meet svg{fill:currentColor;width:30px;height:30px}.encounter-meet:disabled{box-shadow:none;cursor:default;background:#c9bda6}.encounter-show-all{color:#1d4f6e;cursor:pointer;touch-action:manipulation;background:0 0;border:3px solid #1d4f6e;border-radius:999px;align-items:center;gap:8px;min-height:56px;padding:0 22px 0 16px;font-family:inherit;font-size:19px;font-weight:800;display:flex}.encounter-show-all .icon{font-size:22px}.encounter-show-all-note{color:#5c4a2c;flex:240px;margin:0;font-size:16px;line-height:1.4}.encounter-meeting{padding:0 max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:16px;display:grid}.encounter-meeting[hidden],.encounter-loading[hidden]{display:none}.encounter-stage{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;max-height:calc(100dvh - 110px);position:relative;overflow:hidden}.encounter-shade{pointer-events:none;background:#000;position:absolute;inset:0}.encounter-loading{color:#fff;text-align:center;place-items:center;margin:0;font-size:22px;font-weight:700;display:grid;position:absolute;inset:0}.encounter-pairs{gap:12px;display:grid}.encounter-pairs h2{margin:0;font-size:22px}.encounter-pair{background:#fffaf0;border:3px solid #0000;border-radius:16px;padding:14px 16px 16px;box-shadow:0 2px 8px #00000014}.encounter-pair.current{border-color:#e8662c}.encounter-pair:focus{outline:none}.encounter-pair header{align-items:center;gap:10px;display:flex}.encounter-pair h3{flex:1;align-items:center;gap:8px;margin:0;font-size:20px;line-height:1.2;display:flex}.encounter-pair h3 .icon{font-size:24px}.encounter-pair p{margin:8px 0 10px;font-size:17px;line-height:1.45}.encounter-facts{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.encounter-facts li{color:#5c4a2c;background:#f1e6cf;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:14px;font-weight:700;display:flex}.encounter-watch,.encounter-on-screen{flex:none;align-items:center;gap:4px;min-height:44px;font-size:16px;font-weight:800;display:flex}.encounter-watch{color:#fff;cursor:pointer;touch-action:manipulation;background:#1d4f6e;border:0;border-radius:999px;padding:0 16px 0 10px;font-family:inherit}.encounter-watch svg{fill:currentColor;width:20px;height:20px}.encounter-on-screen{color:#b44a1a}.encounter-watch[hidden],.encounter-on-screen[hidden]{display:none}@media (width<=900px){.encounter-meeting{grid-template-columns:1fr}}@media (width<=700px){.did-you-know{top:calc(max(12px, env(safe-area-inset-top)) + 52px);width:calc(100% - 24px)}}@media (width<=600px){.river{--corner-bottom:calc(max(20px, env(safe-area-inset-bottom)) + 84px);--credits-height:60px}.narration{grid-template-columns:1fr}.listen{justify-self:start}}@media (prefers-reduced-motion:reduce){.invite,.did-you-know{animation:none}.narration-progress span{transition:none}}