:root{color:#2c2924;background:#f6f0df;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ivory: #f6f0df;--ivory-deep: #eee4cd;--charcoal: #2e2a24;--charcoal-soft: #6c665b;--amber: #e49a2a;--amber-soft: rgba(228, 154, 42, .24);--line: rgba(54, 48, 38, .14)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;min-height:100%;margin:0}body{overflow:hidden;background:var(--ivory);-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid rgba(228,154,42,.65);outline-offset:5px}.app-shell{position:relative;width:100%;height:100%;min-height:100svh;isolation:isolate;overflow:hidden;background-color:var(--ivory);background-image:radial-gradient(ellipse at 20% 15%,rgba(255,255,255,.66),transparent 48%),radial-gradient(ellipse at 85% 75%,rgba(232,216,182,.28),transparent 56%),repeating-linear-gradient(115deg,rgba(104,82,47,.024) 0 1px,transparent 1px 5px),repeating-linear-gradient(20deg,rgba(255,255,255,.12) 0 1px,transparent 1px 7px)}.app-shell:before{position:absolute;z-index:-1;inset:0;pointer-events:none;content:"";opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");mix-blend-mode:multiply}.camera-surface{position:fixed;z-index:-2;width:1px;height:1px;opacity:0;pointer-events:none}.topbar{position:absolute;z-index:5;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));left:max(28px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;height:44px}.wordmark{display:flex;gap:9px;align-items:center;color:#2e2a249c;font-size:12px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.wordmark-dot,.privacy-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #e49a2a1f}.topbar-actions{display:flex;gap:8px}.icon-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(69,59,45,.12);border-radius:50%;background:#fffcf275;color:#2e2a2494;transition:background .18s ease,color .18s ease,transform .18s ease;backdrop-filter:blur(7px)}.icon-button:hover,.icon-button:active{background:#fffcf2d6;color:var(--charcoal);transform:translateY(-1px)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.welcome-screen{position:relative;display:grid;grid-template-columns:minmax(270px,.8fr) minmax(320px,1.2fr);align-items:center;width:min(1240px,100%);height:100%;margin:0 auto;padding:clamp(100px,13vh,150px) clamp(34px,7vw,120px) clamp(52px,8vh,90px)}.welcome-copy{position:relative;z-index:2;grid-column:1;grid-row:1;max-width:430px;padding-bottom:3vh}.eyebrow{margin:0 0 22px;color:#3d352a87;font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1.3;text-transform:uppercase}.welcome-copy h1,.locked-card h1{max-width:420px;margin:0;color:var(--charcoal);font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,5.8vw,76px);font-weight:400;letter-spacing:-.052em;line-height:.98}.welcome-subtitle{max-width:300px;margin:25px 0 34px;color:#3d352a9e;font-size:clamp(15px,1.45vw,18px);line-height:1.52}.begin-button{display:inline-flex;gap:22px;align-items:center;min-height:55px;padding:0 20px 0 25px;border-radius:999px;background:var(--charcoal);color:#fff9eb;font-size:15px;font-weight:650;letter-spacing:.02em;box-shadow:0 9px 25px #362b1c21;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.begin-button:hover,.begin-button:active{background:#1f1d1a;box-shadow:0 12px 29px #362b1c2e;transform:translateY(-2px)}.begin-arrow{display:grid;width:31px;height:31px;border-radius:50%;background:var(--amber);color:#3f2a0f;font-size:18px;place-items:center}.privacy-note{display:flex;gap:10px;align-items:center;margin:22px 0 0;color:#3d352a6b;font-size:11px;letter-spacing:.05em}.privacy-note .privacy-dot{width:5px;height:5px;box-shadow:none}.welcome-orbit{position:relative;grid-column:2;grid-row:1;width:min(45vw,620px);aspect-ratio:1.16;margin-left:auto;transform:translate(3%,1%)}.welcome-ring{position:absolute;top:19%;left:7%;width:47%;aspect-ratio:1;border:1px solid rgba(228,154,42,.5);border-radius:50%;box-shadow:inset 0 0 0 14px #e49a2a09,0 0 0 13px #e49a2a09}.welcome-ring:after{position:absolute;top:-1px;left:60%;width:22%;height:2px;content:"";background:var(--amber);box-shadow:0 0 11px #e49a2a99}.welcome-shadow{position:absolute;border-radius:48% 52% 44% 56%;background:#3c362ed4;filter:blur(.6px) drop-shadow(0 12px 11px rgba(52,40,22,.2))}.welcome-shadow:after,.welcome-shadow:before{position:absolute;content:"";background:inherit}.welcome-shadow-left{top:30%;left:21%;width:22%;height:46%;transform:rotate(26deg)}.welcome-shadow-left:before{top:-29%;left:25%;width:20%;height:59%;border-radius:50%;transform:rotate(-20deg)}.welcome-shadow-left:after{top:-13%;left:48%;width:19%;height:48%;border-radius:50%;transform:rotate(-3deg)}.welcome-shadow-right{top:42%;left:54%;width:35%;height:16%;border-radius:58% 42% 56% 44%;transform:rotate(-8deg)}.welcome-shadow-right:before{top:-100%;right:4%;width:18%;height:180%;border-radius:70% 30% 45% 55%;transform:rotate(28deg)}.welcome-shadow-right:after{right:20%;bottom:-50%;width:15%;height:100%;border-radius:50%;transform:rotate(-25deg)}.play-scene{position:relative;width:100%;height:100%;min-height:100%}.camera-edge-mark{position:absolute;top:0;left:18%;width:64%;height:2px;background:linear-gradient(90deg,transparent,rgba(71,63,49,.08),transparent)}.gesture-target{position:absolute;top:50%;left:clamp(12%,20vw,27%);width:clamp(170px,27vw,355px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}.gesture-target:before{position:absolute;inset:8%;border:1px solid rgba(80,69,50,.1);border-radius:50%;content:""}.gesture-target.is-seen:before{border-color:#e49a2a45}.target-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,252,240,.72) 0%,rgba(228,154,42,.06) 52%,transparent 72%);opacity:.48;transition:opacity .24s ease,transform .24s ease}.gesture-target.is-seen .target-glow{opacity:.86;transform:scale(1.06)}.progress-ring{position:absolute;inset:0;border:7px solid rgba(228,154,42,.17);border-radius:50%;transform:rotate(-90deg)}.progress-ring:before{position:absolute;inset:-7px;border:7px solid transparent;border-top-color:var(--amber);border-right-color:var(--amber);border-radius:50%;content:"";mask:conic-gradient(from 0deg,#000 var(--progress),transparent var(--progress));-webkit-mask:conic-gradient(from 0deg,#000 var(--progress),transparent var(--progress))}.progress-ring-inner{position:absolute;inset:14px;border:1px solid rgba(228,154,42,.08);border-radius:50%}.hand-guide{position:absolute;z-index:2;top:50%;left:50%;width:48%;height:48%;fill:#36302842;stroke:#3630281f;stroke-linejoin:round;stroke-width:1.2;transform:translate(-50%,-47%) rotate(-8deg);transition:fill .25s ease,transform .25s ease}.gesture-target.is-seen .hand-guide{fill:#3630286e;transform:translate(-50%,-50%) rotate(-4deg) scale(1.05)}.hand-guide-fist{transform:translate(-50%,-47%) rotate(-11deg)}.hand-guide-palm{transform:translate(-50%,-47%) rotate(3deg)}.animal-lane{position:absolute;inset:11% 1% 6% 31%;overflow:hidden;pointer-events:none}.animal-flight{position:absolute;top:50%;left:34%;display:flex;width:min(47vw,690px);align-items:center;justify-content:center;transform:translate(-50%,-50%);animation-fill-mode:both}.animal-image{display:block;width:100%;height:auto;user-select:none;filter:drop-shadow(0 12px 13px rgba(49,40,27,.18));mix-blend-mode:multiply}.animal-motion-hop{animation:animal-hop var(--animal-duration, 5.4s) cubic-bezier(.2,.68,.3,1) both}.animal-motion-glide{animation:animal-glide var(--animal-duration, 6s) cubic-bezier(.18,.7,.2,1) both}.animal-motion-crawl{animation:animal-crawl var(--animal-duration, 7.2s) cubic-bezier(.2,.68,.3,1) both}.animal-motion-swim{animation:animal-swim var(--animal-duration, 5.6s) ease-in-out both}.animal-motion-stomp{animation:animal-stomp var(--animal-duration, 6.6s) cubic-bezier(.2,.68,.3,1) both}@keyframes animal-hop{0%{opacity:0;transform:translate(-90%,-50%) scale(.6)}12%{opacity:1;transform:translate(-56%,-50%) scale(.88)}30%{transform:translate(-33%,-59%) scale(.92)}44%{transform:translate(-13%,-44%) scale(.96)}63%{transform:translate(10%,-56%) scale(1)}82%{opacity:1;transform:translate(35%,-48%) scale(1.02)}to{opacity:0;transform:translate(80%,-42%) scale(.9)}}@keyframes animal-glide{0%{opacity:0;transform:translate(-83%,-48%) scale(.65) rotate(-8deg)}15%{opacity:1;transform:translate(-53%,-52%) scale(.86) rotate(-3deg)}48%{transform:translate(-8%,-44%) scale(.98) rotate(4deg)}75%{opacity:1;transform:translate(31%,-55%) scale(1.03) rotate(-2deg)}to{opacity:0;transform:translate(78%,-62%) scale(.92) rotate(-5deg)}}@keyframes animal-crawl{0%{opacity:0;transform:translate(-86%,-45%) scale(.64)}15%{opacity:1;transform:translate(-57%,-46%) scale(.83)}55%{transform:translate(-7%,-42%) scale(.94)}82%{opacity:1;transform:translate(28%,-43%) scale(1)}to{opacity:0;transform:translate(72%,-39%) scale(.92)}}@keyframes animal-swim{0%{opacity:0;transform:translate(-78%,-47%) scale(.65) rotate(4deg)}13%{opacity:1;transform:translate(-50%,-47%) scale(.83) rotate(1deg)}36%{transform:translate(-20%,-51%) scale(.92) rotate(-2deg)}62%{transform:translate(13%,-44%) scale(1) rotate(2deg)}84%{opacity:1;transform:translate(40%,-50%) scale(1.04) rotate(-1deg)}to{opacity:0;transform:translate(82%,-45%) scale(.92) rotate(-4deg)}}@keyframes animal-stomp{0%{opacity:0;transform:translate(-62%,-57%) scale(.58)}13%{opacity:1;transform:translate(-43%,-49%) scale(.85)}23%{transform:translate(-32%,-53%) scale(.88)}31%{transform:translate(-20%,-47%) scale(.9)}65%{transform:translate(15%,-48%) scale(1)}85%{opacity:1;transform:translate(36%,-45%) scale(1.03)}to{opacity:0;transform:translate(77%,-41%) scale(.94)}}.stage-message{position:absolute;right:10%;bottom:max(32px,env(safe-area-inset-bottom));left:10%;text-align:center;pointer-events:none}.stage-message-visible{color:#3d352a5e;font-size:clamp(11px,1.2vw,14px);letter-spacing:.12em;text-transform:lowercase}.vision-status{position:absolute;right:max(30px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;color:#3d352a57;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.vision-status-dot{display:block;width:6px;height:6px;border:1px solid rgba(61,53,42,.31);border-radius:50%;box-shadow:0 0 0 4px #3d352a0d}.vision-status.ready .vision-status-dot{border-color:var(--amber);background:var(--amber)}.vision-status.hand-seen .vision-status-dot{box-shadow:0 0 0 5px #e49a2a29}.camera-notice{position:absolute;z-index:8;bottom:32px;left:50%;display:flex;gap:11px;align-items:center;max-width:min(600px,calc(100% - 40px));padding:12px 15px;border:1px solid rgba(98,64,32,.17);border-radius:14px;background:#fff9ebe8;box-shadow:0 8px 30px #362b1c1a;color:#3d352ab8;font-size:12px;transform:translate(-50%);backdrop-filter:blur(10px)}.diagnostic-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.09em;opacity:.7;white-space:nowrap}.camera-notice-icon{display:grid;color:var(--amber);place-items:center}.camera-notice-icon .icon{width:17px;height:17px}.camera-notice button{padding:5px 2px;background:transparent;color:var(--charcoal);font-weight:700;text-decoration:underline;text-underline-offset:3px}.locked-screen{display:grid;width:100%;height:100%;padding:100px 24px 40px;place-items:center}.locked-card{width:min(460px,100%);padding:clamp(30px,5vw,52px);border:1px solid rgba(69,59,45,.12);border-radius:28px;background:#fffbf08a;box-shadow:0 22px 70px #48361c14;backdrop-filter:blur(10px)}.locked-icon{display:grid;width:47px;height:47px;margin-bottom:29px;border-radius:50%;background:#e49a2a21;color:#3d352aa6;place-items:center}.locked-icon .icon{width:22px;height:22px}.locked-card h1{max-width:330px;font-size:clamp(32px,4vw,49px)}.settings-row{display:flex;align-items:center;justify-content:space-between;min-height:62px;margin-top:25px;padding-top:19px;border-top:1px solid var(--line)}.settings-camera-row{margin-top:0}.settings-label{display:inline-flex;gap:10px;align-items:center;color:#3d352aad;font-size:13px;font-weight:600;letter-spacing:.04em}.settings-label .icon{width:18px;height:18px;color:#3d352a82}.camera-glyph{display:inline-block;width:18px;height:13px;border:1.6px solid rgba(61,53,42,.51);border-radius:3px;position:relative}.camera-glyph:before{position:absolute;top:3px;left:5px;width:5px;height:5px;border:1.4px solid rgba(61,53,42,.51);border-radius:50%;content:""}.toggle{position:relative;width:46px;height:27px;padding:3px;border-radius:999px;background:#3d352a2b;transition:background .18s ease}.toggle span{display:block;width:21px;height:21px;border-radius:50%;background:#fffaf0;box-shadow:0 2px 5px #3727121f;transition:transform .18s ease}.toggle.is-on{background:var(--amber)}.toggle.is-on span{transform:translate(19px)}.segmented-control{display:flex;padding:3px;border-radius:999px;background:#3d352a14}.segmented-control button{min-width:57px;padding:7px 11px;border-radius:999px;background:transparent;color:#3d352a7a;font-size:11px;text-transform:lowercase}.segmented-control button.selected{background:#fffaf0;color:var(--charcoal);box-shadow:0 1px 4px #37271214}.unlock-button{display:flex;gap:11px;align-items:center;justify-content:center;width:100%;min-height:49px;margin-top:30px;border:1px solid rgba(69,59,45,.13);border-radius:999px;background:#fffbf09e;color:#3d352aa8;font-size:12px;font-weight:650;letter-spacing:.04em;transition:background .18s ease,transform .18s ease}.unlock-button:active{background:#fffaf0;transform:scale(.98)}.unlock-button .icon{width:17px;height:17px}.locked-card>.privacy-note{justify-content:center;margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 760px),(orientation: portrait){.topbar{right:18px;left:20px}.welcome-screen{display:flex;flex-direction:column-reverse;align-items:stretch;justify-content:center;padding:95px 28px 48px}.welcome-orbit{width:min(84vw,440px);margin:0 auto 2vh;transform:translate(3%)}.welcome-copy{max-width:430px;margin:0 auto}.welcome-copy h1{font-size:clamp(42px,11vw,62px)}.gesture-target{top:55%;left:22%;width:clamp(155px,39vw,260px)}.animal-lane{top:18%;right:-12%;left:31%}.animal-flight{width:min(65vw,480px)}.camera-edge-mark{left:5%;width:90%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}