@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/games/instinct/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2) format("woff2"),url(/games/instinct/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/games/instinct/assets/cormorant-garamond-latin-500-italic-Y14P-dkT.woff2) format("woff2"),url(/games/instinct/assets/cormorant-garamond-latin-500-italic-DhNIfkTX.woff) format("woff")}@view-transition{navigation:auto}@font-face{font-family:"Experience Serif";src:local("Baskerville"),local("Baskerville Old Face"),local("Georgia");font-display:swap}:root{color-scheme:dark;font-family:Cormorant Garamond,Georgia,serif;color:#faf5ff;background:#090b16;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html,body,#root{position:relative;margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;touch-action:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:1px solid #e1c693;outline-offset:6px}button:disabled{cursor:default}.experience{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate;background:#060609;user-select:none;-webkit-user-select:none;touch-action:none}.world{position:absolute;inset:0;opacity:1;transition:opacity 1.3s ease}.world--dark{opacity:0;pointer-events:none}.world canvas{display:block;touch-action:none}.vignette{position:absolute;inset:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,transparent 18%,rgb(3 3 6 / 12%) 54%,rgb(3 3 6 / 76%) 100%)}.grain{position:absolute;inset:0;z-index:11;opacity:.032;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.cinematic-copy{position:absolute;top:max(16%,calc(env(safe-area-inset-top) + 64px));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));z-index:12;text-align:center;pointer-events:none}.cinematic-copy--center{top:44%;transform:translateY(-50%)}.caption{font-weight:400;font-size:clamp(1.65rem,5.9vw,2.55rem);line-height:1.32;letter-spacing:-.025em;margin:0;color:#eddfca;text-wrap:balance;animation:caption-in 1.15s both cubic-bezier(.22,.61,.36,1);text-shadow:0 0 32px rgb(214 175 111 / 10%)}.caption--passing{animation:caption-passing 2.1s both}.is-intro .cinematic-copy{top:45%}.is-intro .sound-toggle{opacity:.25}.is-ending .cinematic-copy{top:48%}.is-ending .caption{font-size:clamp(1.55rem,5.8vw,2.3rem)}.is-ending .grain{opacity:.017}.ending-heart{display:inline-block;font-size:.62em;vertical-align:.08em;filter:saturate(.65);margin-left:.16em}.celestial-mark{position:absolute;z-index:12;top:max(7%,calc(env(safe-area-inset-top) + 20px));left:50%;display:flex;align-items:center;gap:13px;transform:translate(-50%);pointer-events:none;opacity:.55;animation:fade-in 2s both}.celestial-mark svg{width:15px;height:15px;fill:#c6a570}.celestial-mark span{width:29px;height:1px;background:linear-gradient(90deg,transparent,#b39b72);opacity:.5}.celestial-mark span:last-child{transform:rotate(180deg)}.object-control{width:clamp(108px,27vw,165px);height:clamp(132px,31vw,182px);padding:0;border:0;border-radius:45%;background:transparent;display:block;pointer-events:auto}.object-control:focus-visible{outline-color:#a98b5c;outline-offset:6px;background:radial-gradient(ellipse,rgb(199 164 111 / 6%),transparent 65%)}.object-control--large{width:220px;height:220px;border-radius:50%}.mood-label{padding:8px 14px;min-height:44px;border:0;background:transparent;text-align:center;color:#d0c6b7;font-family:Arial,sans-serif;font-size:.75rem;line-height:1.3;letter-spacing:.2em;font-weight:400;animation:caption-in 1.5s both}.begin-prompt{position:absolute;z-index:13;left:50%;bottom:max(24%,calc(env(safe-area-inset-bottom) + 45px));transform:translate(-50%);background:transparent;border:0;padding:15px 25px;min-height:48px;font:400 .75rem/1.4 Arial,sans-serif;letter-spacing:.28em;white-space:nowrap;color:#bfb097;animation:fade-in 1.8s both}.begin-prompt span{display:block;width:2px;height:2px;border-radius:50%;background:#ddbd87;margin:18px auto 0;box-shadow:0 0 9px 2px #e0b97f38}.sound-toggle{position:absolute;z-index:18;top:max(17px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:48px;height:48px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;color:#d0b58b;opacity:.55;transition:opacity .3s}.sound-toggle:hover,.sound-toggle:focus-visible{opacity:1}.replay{position:absolute;left:calc(50% - 24px);bottom:max(8%,calc(env(safe-area-inset-bottom) + 16px));width:48px;height:48px;padding:15px;border:0;background:transparent;opacity:.25;animation:caption-in 2s both}.replay:hover,.replay:focus-visible{opacity:.75}.replay svg{width:18px;height:18px}.boot-spark{position:absolute;top:50%;left:50%;width:3px;height:3px;border-radius:50%;background:#ebc48d;box-shadow:0 0 17px 5px #b8844933;animation:spark 1.8s infinite alternate ease-in-out}.orientation{position:absolute;inset:0;z-index:50;background:#060609;display:flex;flex-direction:column;gap:13px;justify-content:center;align-items:center}.orientation svg{width:40px;height:40px;color:#b79b70}.orientation p{font-size:1.5rem;margin:0}.fallback{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;text-align:center;background:radial-gradient(ellipse at center,#191410,#060609 64%)}.fallback h1{font-weight:400;font-size:clamp(1.8rem,6vw,2.5rem)}.fallback p{font:400 .875rem/1.7 Arial,sans-serif;color:#aaa194}.quiet-star{font-size:2rem;color:#c3a674}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes caption-in{0%{opacity:0;filter:blur(7px);transform:translateY(7px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes caption-passing{0%{opacity:0;filter:blur(6px);transform:translateY(5px)}30%,70%{opacity:1;filter:blur(0);transform:translateY(0)}to{opacity:0;filter:blur(3px);transform:translateY(-3px)}}@keyframes spark{to{opacity:.3;transform:scale(.7)}}@keyframes fade-in{0%{opacity:0}}.is-text-scene{background:#090b16}.is-text-scene .world{visibility:hidden}.text-opening{position:absolute;z-index:15;left:50%;top:45%;transform:translate(-50%,-50%);width:min(90%,580px);padding:24px 16px;min-height:280px;border:0;background:transparent;text-align:center;animation:fade-in 1s both}.opening-title{display:block;font-family:Cormorant Garamond,Georgia,serif;color:#fff8f3;font-size:clamp(3.8rem,15vw,6.3rem);font-weight:500;line-height:.98;letter-spacing:-.025em}.opening-title em{font-weight:500;color:#ece0ff}.opening-cue{display:block;margin:0;font:400 .875rem/1.5 Arial,sans-serif;letter-spacing:.25em;color:#f3edf8}.is-text-scene .caption{color:#fff8f3;font-size:clamp(2.2rem,8.5vw,4rem);font-weight:500;line-height:1.06;text-shadow:none}.is-text-scene .sound-toggle{color:#ddd8e9;opacity:.6}.is-intro .cinematic-copy{top:43%}.mood-words{position:absolute;z-index:15;inset:34% 0 auto;display:flex;flex-direction:column;align-items:center;gap:13px}.mood-word{border:0;background:transparent;min-width:180px;min-height:67px;padding:8px 28px;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.2rem,9.5vw,3.2rem);font-weight:500;line-height:1.1;transition:color .25s,transform .25s}.mood-word--warm{color:#ffe0c4}.mood-word--dreamy{color:#e1d3ff;font-style:italic}.mood-word--electric{color:#c4f4ff}.mood-word:hover,.mood-word:focus-visible{color:#fff;transform:scale(1.045)}@media(max-height:650px)and (orientation:portrait){.cinematic-copy{top:14%}.celestial-mark{top:5%}.begin-prompt{bottom:17%}}@media(min-width:900px){.caption{font-size:2.3rem}.cinematic-copy{top:16%}.cinematic-copy--center{top:44%}.begin-prompt{bottom:21%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.45s!important;animation-iteration-count:1!important}.caption--passing{animation:caption-in .45s both}.world{transition-duration:.5s}.grain{display:none}}