:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#b8d7ff;font-family:system-ui,sans-serif}@font-face{font-family:Orbitron;src:url(../fonts/orbitron-variable.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}.scroll-story{height:300svh}.story-stage{background:radial-gradient(at 54% 45%,#e1f7ff,#adcffa 60%,#98b9ea);position:fixed;inset:0;overflow:hidden}#landing-scene,.lab-reveal,.transition-light{position:absolute;inset:0}#landing-scene{z-index:1;pointer-events:none;background:url(../art/frog-landing-poster.webp) 50%/cover no-repeat}#landing-scene canvas{opacity:0;width:100%;height:100%;transition:opacity .25s;display:block}.landing-wordmark{z-index:4;color:#fff;text-shadow:0 1px 22px #4c8dd322;pointer-events:none;justify-content:space-between;width:min(90vw,1600px);margin:0;font:400 clamp(1.55rem,4.5vw,4.75rem)/1 Orbitron,system-ui,sans-serif;transition:opacity .35s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lab-reveal{z-index:2;opacity:0;pointer-events:none;transition:opacity .25s}#lab-frame{background:#e6f2ff;border:0;width:100%;height:100%;display:block}.transition-light{z-index:3;pointer-events:none;opacity:0;background:radial-gradient(at 50% 55%,#e5fbff,#0000 75%)}.icon-control{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;z-index:5;background:#b0d3f322;border:1px solid #ffffffa8;border-radius:50%;place-items:center;width:52px;height:52px;padding:12px;text-decoration:none;transition:background .2s,opacity .2s;display:grid;position:absolute}.icon-control:hover{background:#e6f5ff55}.icon-control:focus-visible{outline-offset:5px;color:#245c91;background:#eaf7ff;outline:3px solid #136fc8}.icon-control svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.enter-lab{top:28px;right:30px}.start-dissection{z-index:5;color:#174d82;-webkit-backdrop-filter:blur(12px)saturate(1.3);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 1px #ffffff70;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#ffffff50,#d7eeff20);border:1px solid #ffffff70;border-radius:999px;justify-content:center;align-items:center;gap:16px;max-width:calc(100vw - 40px);min-height:56px;padding:16px 26px;font:500 13px/1.4 Orbitron,system-ui,sans-serif;transition:background .2s,box-shadow .2s,opacity .25s;display:flex;position:absolute;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #3d75b52b,inset 0 1px 1px #ffffffd9,inset 0 -1px 2px #78b1e840}.start-dissection.glass-ready{-webkit-backdrop-filter:none;background:linear-gradient(135deg,#ffffff18,#ffffff04)}.start-dissection>svg:not(.glass-frame){fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:21px;height:21px}.start-dissection>.glass-frame{pointer-events:none;stroke:#ffffffa8;stroke-width:1px;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.start-dissection:hover:not(:disabled){background:linear-gradient(135deg,#ffffff40,#ffffff12);box-shadow:0 12px 34px #3a7ec63d,inset 0 1px 2px #fff,inset 0 -1px 2px #ffffff75}.start-dissection:focus-visible{outline-offset:5px;outline:3px solid #136fc8}.start-dissection:disabled{cursor:wait;opacity:.65}.starting .landing-wordmark,.starting .enter-lab{opacity:0;pointer-events:none}.scroll-cue{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;height:54px;bottom:14px;left:calc(50% - 26px)}.scroll-cue svg{height:36px}.return-home{color:#456eaa;background:#edf7ff70;top:22px;left:calc(50% - 26px)}.model-loading{z-index:4;pointer-events:none;transition:opacity .4s;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px)}.model-loading i{border:1px solid #fff5;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1.2s linear infinite loading;display:block}.ready .model-loading{opacity:0}.entered .model-loading{display:none}.ready .lab-reveal{opacity:1}.entered .lab-reveal{pointer-events:auto}.entered #landing-scene,.entered .landing-wordmark,.entered .start-dissection,.entered .enter-lab,.entered .scroll-cue,.entered .transition-light{visibility:hidden}.entered .scroll-story{height:100svh}html.entered,html.entered body{overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@keyframes loading{to{transform:rotate(360deg)}}@media (width<=650px){.landing-wordmark{width:90vw;font-size:clamp(1.4rem,5vw,2rem)}.enter-lab{top:18px;right:18px}.start-dissection{letter-spacing:.04em;gap:12px;padding:16px 20px;font-size:11.5px;bottom:82px}.return-home{top:90px;left:auto;right:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}