@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(./manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(./manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(./manrope-latin-600-normal-4f0koTD-.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(./manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2")}:root{font-family:Manrope,Arial,sans-serif;color:#f1f8fc;background:#0a3048;font-synthesis:none;--ink: #102c46;--muted: #5c7383;--blue: #1464e8;--ice-blue: #dcecff;--ease: cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;transition:background .2s,transform .24s var(--ease),opacity .18s,box-shadow .24s}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #91ddff;outline-offset:5px}h1:focus,h1[tabindex]:focus-visible{outline:none}h1,h2,h3,h4,p{margin:0}h1{font-weight:700;letter-spacing:-.055em;line-height:1.12}a{color:#236294;text-underline-offset:3px}img{display:block;width:100%;height:100%;object-fit:cover}.app{min-height:100svh;height:100dvh;max-width:1920px;margin:auto;position:relative}.skip-link{position:fixed;left:20px;top:-100px;padding:15px;border-radius:15px;background:#a7e5ff;color:#062b44;z-index:100}.skip-link:focus{top:12px}.icon-button{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#d7f2ff;color:#102c46;flex-shrink:0}.icon-button:hover{background:#dcebf2;transform:translateY(-1px)}.home-nav{position:absolute;right:50px;top:46px;z-index:1}.options-button{background:#d7f2ff;box-shadow:0 4px 18px #092d4812}.welcome{display:flex;flex-direction:column;padding:28px 32px 0}.home-screen{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:4%;border-radius:40px;background:transparent;color:#f4faff;padding:36px 36px 36px 5%;overflow:hidden}.home-copy{padding:20px 0}.home-copy h1{font-size:clamp(42px,5.3vw,88px);line-height:1.08}.home-copy h1 span{color:#9fddfa}.authors{margin-top:24px;font-size:14px;color:#bed1df;font-weight:500}.start-button{background:#b5e6ff;color:#092b45;border-radius:999px;font-weight:700;font-size:18px;min-height:70px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 14px 12px 28px;margin-top:42px;box-shadow:0 8px 22px #1464e81a}.start-button:hover{background:#d3f0ff;transform:translateY(-3px);box-shadow:0 12px 28px #1464e829}.start-button svg{width:44px;height:44px;padding:11px;border-radius:50%;background:#092b45;color:#d3f0ff;transition:transform .25s var(--ease)}.start-button:hover svg{transform:translate(5px)}.start-button:active{transform:scale(.98)}.home-photo{border-radius:32px;overflow:hidden;height:100%;min-height:0;max-height:740px;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;animation:photo-arrive .75s .08s var(--ease) both}.home-photo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:28px;box-shadow:0 24px 65px #031b3b40}.home-footer{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:10px;color:#b6cdd9;flex-shrink:0}.photo-credit-link{color:inherit;font-size:9px;text-decoration:none;padding:6px 0}.photo-credit-link:hover{text-decoration:underline}.player{padding:0 32px 32px;display:flex;flex-direction:column}.player-nav{height:88px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.back-button,.replay-button{border-radius:999px;display:inline-flex;gap:10px;align-items:center;padding:12px 18px 12px 14px;font-weight:600;font-size:13px;min-height:48px;background:#153e56;color:#e5f5ff;border:1px solid #42657b}.back-button:hover,.replay-button:hover{background:#21516b}.back-button:disabled{opacity:.5}.replay-button{background:#a7e5ff;color:#062b44;border-color:transparent}.replay-button:hover{background:#c9efff}.question-screen{display:grid;grid-template-columns:1.18fr 1fr;gap:5%;flex:1;min-height:0;align-items:stretch}.shark-photo,.result-photo{border-radius:34px;overflow:hidden;background:#082b43;display:flex;align-items:center;justify-content:center;padding:18px;min-height:0;min-width:0;box-shadow:0 12px 32px #02132224;border:1px solid #356079}.shark-photo img,.result-photo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:20px}.shark-photo:hover:not(:disabled){background:#0b324b}.question-content{display:flex;flex-direction:column;justify-content:center;padding:30px 3% 30px 0;min-width:0}.question-content h1{font-size:clamp(34px,3.5vw,66px);line-height:1.2;letter-spacing:-.045em;text-wrap:balance;transition:opacity .14s,translate .14s}.is-answering .question-content h1{opacity:.3;translate:0 -5px}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:42px}.answer{position:relative;overflow:hidden;isolation:isolate;font-size:26px;font-weight:700;height:88px;border-radius:28px;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--ink);box-shadow:0 6px #1739690a}.answer.yes{background:#a7e5ff;color:#062b44;box-shadow:0 5px #54a7cf}.answer.no{background:#214e6a;color:#f1f8ff;border:1px solid #547c93;box-shadow:0 5px #082337}.answer.yes:hover:not(:disabled){background:#c9efff;transform:translateY(-3px)}.answer.no:hover:not(:disabled){background:#2c607e;transform:translateY(-3px)}.answer.chosen{transform:translateY(4px) scale(.985);box-shadow:inset 0 0 0 3px #fff5}.answer.chosen:after{content:"";position:absolute;z-index:-1;inset:-50%;background:#fff3;border-radius:50%;animation:answer-ripple .32s ease-out both}.answer:disabled:not(.chosen){opacity:.45}.result-screen{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:0 0 12px}.result-photo{flex:1;width:min(100%,980px);max-height:69vh}.result-screen h1{text-align:center;font-size:clamp(32px,3.6vw,60px);line-height:1.15;max-width:1100px;flex-shrink:0}.result-screen .result-photo{animation:photo-arrive .5s cubic-bezier(.16,1,.3,1) both}.result-screen h1{animation:reveal-name .55s .16s var(--ease) both}.modal{width:min(720px,94vw);max-width:1600px;max-height:91dvh;padding:0;border:0;border-radius:30px;color:#f1f8fc;background:#0d3048;box-shadow:0 25px 100px #122f4233;overflow:auto;animation:appear .2s ease-out}.modal::backdrop{background:#092d48a6}.wide-modal{width:min(1600px,95vw)}.modal-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;gap:20px;background:#0d3048}.modal-heading h2{font-size:22px;letter-spacing:-.035em;font-weight:700}.modal-heading .icon-button{background:#a7e5ff}.menu-options{padding:0 22px 22px;display:grid;gap:10px}.menu-options button{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;background:#214e6a;padding:22px;border-radius:20px;font-size:16px;font-weight:600}.menu-options button:hover{background:#2c607e}.photo-lightbox{height:min(74dvh,850px);margin:0 22px 22px;padding:15px;background:#08273c;border-radius:24px}.photo-lightbox img{object-fit:contain}.tree-section{padding:0 24px 24px}.tree-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;padding:0 0 18px}.tree-toolbar p,.tree-note{font-size:12px;line-height:1.7;color:#526d7c}.zoom-controls{display:flex;gap:5px;align-items:center}.zoom-controls button{min-width:38px;height:38px;background:#214e6a;border-radius:12px}.zoom-controls button:hover{background:#2c607e}.zoom-controls button:disabled{opacity:.4}.zoom-controls span{min-width:48px;text-align:center;font-size:11px}.zoom-controls .fit,.zoom-controls .print{padding:0 12px;font-size:11px;margin-left:5px}.tree-scroll{height:59dvh;overflow:auto;background:#08273c;border-radius:20px;cursor:grab;overscroll-behavior:contain;scrollbar-color:#547c93 #08273c}.tree-scroll:active{cursor:grabbing}.tree-svg{display:block;max-width:none;-webkit-user-select:none;user-select:none}.tree-node rect{fill:#214e6a;stroke:#547c93;stroke-width:1;rx:14px}.tree-node text{fill:#f1f8fc;font:16px Manrope,Arial,sans-serif}.tree-node.leaf-node rect{fill:#a7e5ff;stroke:#a7e5ff}.tree-node.leaf-node text{font-weight:600;fill:#062b44}.tree-node.active rect{stroke:#91ddff;stroke-width:3}.tree-edge path{fill:none;stroke:#829fac;stroke-width:1.5}.tree-edge rect{fill:#08273c}.tree-edge text{fill:#c7e8f5;font:9px Manrope,Arial,sans-serif}.tree-edge.active path{stroke:#91ddff;stroke-width:2.5}.enter{animation:appear .35s var(--ease) both}.question-enter{animation:question-in .3s var(--ease) both}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes question-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-arrive{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reveal-name{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes answer-ripple{0%{transform:scale(.1);opacity:.1}to{transform:scale(1);opacity:1}}.home-copy h1{animation:question-in .65s .05s var(--ease) both}.home-copy .authors{animation:appear .5s .15s var(--ease) both}.home-copy .start-button{animation:appear .5s .22s var(--ease) backwards}.question-feature{color:#91ddff}.shark-photo{animation:photo-arrive .5s var(--ease) both}.answer-buttons{animation:appear .45s .12s var(--ease) backwards}.answer svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;opacity:.8;transition:transform .22s var(--ease)}.answer:hover:not(:disabled) svg{transform:scale(1.12)}.answer:active:not(:disabled){transform:translateY(4px);box-shadow:none}.tree-svg{margin:auto}.tree-loading{height:59dvh}@media(hover:none){.answer.yes:hover:not(:disabled),.answer.no:hover:not(:disabled),.start-button:hover,.icon-button:hover{transform:none}}@media(min-width:1600px){.player{padding:0 48px 48px}.player-nav{height:104px}.question-screen{gap:6%}.home-screen{padding-left:6%}}@media(max-width:1000px){.welcome{padding:22px 22px 0}.home-nav{right:30px;top:30px}.home-screen{gap:5%;padding:30px}.home-copy h1{font-size:46px}.authors{font-size:12px}.start-button{font-size:16px;min-height:62px;padding:18px 24px;gap:30px}.home-photo{border-radius:28px}.player{padding:0 24px 24px}.question-screen{gap:4%;grid-template-columns:1.05fr 1fr}.question-content h1{font-size:37px}.answer{height:76px;font-size:24px;border-radius:24px}.answer-buttons{gap:12px;margin-top:32px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.welcome{padding:16px 16px 0}.home-nav{top:28px;right:28px}.home-screen{display:flex;flex-direction:column-reverse;gap:26px;padding:16px 16px 32px;border-radius:30px;justify-content:center}.home-photo{width:100%;flex:1;max-height:48dvh;min-height:120px;border-radius:22px}.home-copy{width:100%;text-align:center;padding:0}.home-copy h1{font-size:clamp(34px,8.8vw,53px);line-height:1.09}.authors{margin-top:14px;font-size:11px}.start-button svg{width:36px;height:36px;padding:8px}.start-button{width:min(100%,290px);margin-top:24px;min-height:60px;font-size:16px;padding:16px 24px}.home-footer{height:36px;font-size:8px;padding:0 4px}.offline-state{font-size:8px}.options-button{width:42px;height:42px}.player{padding:0 18px 20px}.player-nav{height:70px}.icon-button{width:42px;height:42px}.back-button,.replay-button{padding:10px 14px 10px 11px;font-size:11px;gap:6px;min-height:42px}.back-button svg,.replay-button svg{width:20px;height:20px}.question-screen{display:flex;flex-direction:column;gap:0}.shark-photo{flex:1;min-height:100px;max-height:48dvh;padding:10px;border-radius:26px}.question-content{flex-shrink:0;padding:26px 2px 0;justify-content:flex-start}.question-content h1{font-size:clamp(25px,6.5vw,36px);line-height:1.25;letter-spacing:-.04em}.answer-buttons{margin-top:25px;gap:12px}.answer{height:70px;font-size:24px;border-radius:23px}.result-screen{gap:22px;padding-bottom:12px}.result-photo{width:100%;max-height:65dvh;border-radius:26px;padding:10px}.result-screen h1{font-size:clamp(27px,7.4vw,42px);padding:0 8px}.modal{border-radius:26px;width:95vw;max-height:94dvh}.modal-heading{padding:16px 20px}.modal-heading h2{font-size:19px}.menu-options{padding:0 16px 16px}.menu-options button{padding:20px;font-size:14px}.gallery{padding:0 18px 22px;gap:18px 12px}.specimen>div{height:140px;border-radius:16px}.specimen span{font-size:10px}.sources-content{padding:0 20px 22px;font-size:12px}.credit{gap:12px}.credit img{width:74px;height:65px}.credit h4{font-size:11px}.credit p{font-size:10px}.tree-section{padding:0 16px 20px}.tree-toolbar p{font-size:10px}.tree-scroll{height:57dvh}.zoom-controls button{min-width:34px;height:34px}.zoom-controls .fit,.zoom-controls .print{padding:0 8px;font-size:10px}.photo-lightbox{margin:0 14px 14px;padding:10px}}@media(max-height:700px)and (max-width:700px){.home-screen{gap:18px;padding-bottom:22px}.home-copy h1{font-size:35px}.authors{margin-top:12px}.start-button{margin-top:20px;min-height:54px}.question-content{padding-top:20px}.question-content h1{font-size:25px}.answer-buttons{margin-top:20px}.answer{height:60px}.player-nav{height:62px}}@media(max-width:700px){.shark-photo{flex:1.25;max-height:52dvh}.question-content{flex:1;justify-content:center;padding-bottom:8px}.shark-photo img,.result-photo img{border-radius:17px}}@media(max-height:550px)and (min-width:701px){.home-screen{padding:22px;border-radius:26px}.home-copy h1{font-size:40px}.authors{margin-top:14px}.start-button{margin-top:22px;min-height:56px}.player-nav{height:64px}.question-content h1{font-size:32px}.answer{height:65px}.answer-buttons{margin-top:24px}.result-screen h1{font-size:30px}.result-screen{gap:14px}}@media(max-height:500px)and (min-width:540px){.player{padding:0 20px 20px}.player-nav{height:56px}.question-screen{display:grid;grid-template-columns:1.08fr 1fr;gap:5%}.shark-photo{max-height:none;padding:10px;border-radius:24px}.question-content{padding:8px 0;justify-content:center}.question-content h1{font-size:clamp(23px,3.3vw,32px)}.answer-buttons{margin-top:22px;gap:10px}.answer{height:58px;font-size:22px;border-radius:20px}.home-screen{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:24px}.home-copy{text-align:left}.home-copy h1{font-size:38px}.home-photo{max-height:none;height:100%}.authors{font-size:10px}.start-button{margin-top:20px;width:auto;min-height:54px;font-size:14px}.result-screen{gap:14px}.result-photo{max-height:65dvh}.result-screen h1{font-size:28px}}.ocean-scene{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.ocean-rays{animation:light-arrive .8s ease-out both}@keyframes light-arrive{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.home-photo img{border:1px solid #8ad8ed55;box-shadow:0 20px 50px #02172940}.question-content{position:relative}@media(min-width:701px)and (max-height:720px){.welcome{padding:20px 28px 0}.home-screen{padding:22px 20px 22px 3%;gap:4%}.home-copy h1{font-size:clamp(42px,5.3vw,70px)}.home-nav{top:22px;right:28px}.home-footer{height:34px}.player{padding:0 28px 24px}.player-nav{height:68px}.question-content{padding-top:14px;padding-bottom:14px}.question-content h1{font-size:clamp(30px,3.5vw,48px)}.answer-buttons{margin-top:28px}.answer{height:72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.is-answering .question-content h1{opacity:1;translate:none}}@media print{@page{size:A3 landscape;margin:12mm}body{background:#fff;color:#142f43}.app,.skip-link,.ocean-scene{display:none!important}.modal:not(:has(.tree-section)){display:none!important}.modal:has(.tree-section){position:static;display:block;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:visible;box-shadow:none;background:#fff;color:#142f43}.modal::backdrop{display:none}.modal-heading{position:static;padding:0 0 14px;background:#fff}.modal-heading h2{font-size:28px}.modal-heading button,.zoom-controls,.tree-text{display:none!important}.tree-section{padding:0}.tree-toolbar{padding:0 0 10px}.tree-scroll{height:auto;overflow:visible;border:0;border-radius:0;background:#fff}.tree-svg{width:100%!important;height:auto!important}.tree-node text,.tree-edge text{fill:#142f43}.tree-node rect,.tree-node.active rect{fill:#fff;stroke:#829fac;stroke-width:1}.tree-edge path,.tree-edge.active path{stroke:#526f80;stroke-width:1.5}.tree-edge rect{fill:#fff}.tree-note{font-size:10px}}