.hero-scene{perspective:1100px}.hero-mascot{translate:var(--scene-x,0px) var(--scene-y,0px);rotate:var(--scene-rotate,0deg);transform-origin:50% 85%;transition:translate .22s ease-out,rotate .22s ease-out;animation:.95s cubic-bezier(.16,1,.3,1) mascot-whisper}.mascot-aside{translate:calc(var(--scene-x,0px) * -.5) calc(var(--scene-y,0px) * -.5);transition:translate .22s ease-out;animation:.6s cubic-bezier(.16,1,.3,1) whisper-note}.word-blef:before{animation:.7s cubic-bezier(.16,1,.3,1) underline-blef}.hero-scene .sample-story{isolation:isolate;transform-origin:50% 30%;animation:.72s cubic-bezier(.16,1,.3,1) deal-example}.hero-scene .sample-story:before{content:"";border-radius:inherit;background:var(--lilac);z-index:-1;position:absolute;inset:8px 5px -8px;transform:rotate(-3deg)}.hero-scene .sample-story:after{content:"";border-radius:inherit;background:var(--paper);z-index:-1;position:absolute;inset:0}.hero-scene .sample-story--revealed{animation:.52s cubic-bezier(.16,1,.3,1) turn-example}.hero-scene .sample-result{animation:.43s cubic-bezier(.16,1,.3,1) uncover-answer}.hero-scene .result-stamp{border:2px solid var(--apricot-deep);color:var(--apricot-deep);border-radius:6px;padding:3px 9px;animation:.5s cubic-bezier(.16,1,.3,1) stamp-example;display:inline-block;rotate:-4deg}.hero-scene .icon-button{min-width:44px;min-height:44px;transition:rotate .18s ease-out,background .18s ease-out}.hero-scene .icon-button:hover{background:#fff8ec66;rotate:-22deg}.hero-scene .sample-votes .vote-button:active{transform:translateY(1px)scale(.97)}.full-rules-link{width:fit-content;min-height:44px;color:var(--muted);margin-top:8px;font-size:13px;display:flex}.header-rules{align-items:center;min-height:44px}.site-header nav>a.header-rules:first-child{display:inline-flex}.header-rules-compact{display:none}.site-header .brand-eyes{transform-origin:50%;animation:.3s 1.1s blef-wink}.rules-list .rule-symbol{transition:rotate .24s ease-out,scale .24s ease-out}.rules-list li:hover .rule-symbol{rotate:-6deg;scale:1.06}@keyframes mascot-whisper{0%{transform:translateY(18px)rotate(-4deg)scale(.96)}65%{transform:translateY(-3px)rotate(1deg)scale(1.01)}to{transform:none}}@keyframes whisper-note{0%{transform:rotate(-5deg)scale(.88)}to{transform:rotate(3deg)scale(1)}}@keyframes underline-blef{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes deal-example{0%{transform:translate(16px)rotate(6deg)}to{transform:rotate(2deg)}}@keyframes turn-example{0%{transform:rotate(2deg)rotateX(-9deg)}45%{transform:rotate(-1deg)rotateX(3deg)}to{transform:rotate(2deg)}}@keyframes uncover-answer{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes stamp-example{0%{opacity:.45;filter:blur(1px);transform:scale(1.22)}65%{opacity:1;filter:none;transform:scale(.98)}to{transform:scale(1)}}@keyframes blef-wink{0%,to{scale:1}45%{scale:1 .12}}@media (max-width:640px){.header-rules-full{display:none}.header-rules-compact{display:inline}.header-rules{justify-content:center;min-width:44px}}@media (prefers-reduced-motion:reduce){.hero-mascot,.mascot-aside{translate:none;rotate:none}.hero-scene *,.hero-scene :before,.hero-scene :after,.word-blef:before,.site-header .brand-eyes{transition:none!important;animation:none!important}.rules-list .rule-symbol{transition:none}.rules-list li:hover .rule-symbol{rotate:none;scale:none}}
