:root{--hat-toss-duration:650ms;--hat-toss-ease:cubic-bezier(.22,1,.36,1)}
.hat-toss-entry{position:absolute;right:0;bottom:22px;display:grid;place-items:center;width:80px;height:70px;border:0;padding:8px;background:transparent;cursor:pointer;transform:rotate(-13deg);transition:transform 300ms ease;z-index:2;-webkit-tap-highlight-color:transparent}
.hat-toss-entry:hover{transform:rotate(-3deg) translateY(-4px)}
.hat-toss-entry svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 5px 4px #49321c14)}
.hat-toss-entry:focus-visible{outline:2px solid #785435;outline-offset:4px;border-radius:8px}
html.hat-toss-active{overflow:hidden}
body>#main{transition:opacity var(--hat-toss-duration) ease,transform var(--hat-toss-duration) var(--hat-toss-ease),filter var(--hat-toss-duration) ease;transform-origin:var(--hat-origin-x,50%) var(--hat-origin-y,30%)}
html.hat-toss-active body>#main{opacity:.07;transform:scale(.94) translateY(-24px);filter:blur(4px);pointer-events:none}
.hat-toss-world{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#342b23;font-family:Inter,Arial,sans-serif;overflow:hidden}
.hat-toss-world::backdrop{background:rgba(239,234,224,.93);animation:hat-backdrop-in var(--hat-toss-duration) ease both}
.hat-toss-world[open]{animation:hat-world-in var(--hat-toss-duration) var(--hat-toss-ease) both}
.hat-toss-world[data-closing]{animation:hat-world-out 350ms ease both}
.hat-toss-world[data-closing]::backdrop{animation:hat-backdrop-out 350ms ease both}
.hat-toss-return{position:absolute;top:24px;left:28px;border:1px solid #65523a2b;background:#ffffff50;border-radius:30px;padding:9px 15px;color:inherit;font:12px/1.5 Inter,Arial,sans-serif;cursor:pointer;z-index:3}
.hat-toss-return:focus-visible{outline:2px solid #785435;outline-offset:4px}
.hat-toss-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:90px 24px 45px;background:radial-gradient(ellipse at 50% 75%,#e3d6bd88,transparent 60%)}
.hat-toss-discovery{font:11px/1.5 Inter,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#897764;margin:0 0 14px}
.hat-toss-title{font:400 clamp(64px,12vw,120px)/.95 'PP Museum Regular',serif;letter-spacing:-.04em;margin:0}
.hat-toss-prop{height:210px;width:240px;display:grid;place-items:center;position:relative;margin:20px 0 12px}
.hat-toss-prop svg{width:140px;transform:rotate(-13deg);animation:hat-idle 4s ease-in-out infinite}
.hat-toss-prop::after{content:'';position:absolute;bottom:14px;width:105px;height:15px;border-radius:50%;background:#60492718;filter:blur(5px)}
.hat-toss-caption{font:14px/1.5 Inter,Arial,sans-serif;color:#786a59;margin:0}
.hat-toss-soon{font:11px/1.5 Inter,Arial,sans-serif;color:#a08e76;margin:12px 0 0}
.hat-toss-world iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#eeeae3}
.hat-toss-world iframe[hidden],.hat-toss-placeholder[hidden]{display:none}
@keyframes hat-world-in{from{opacity:0;transform:translateY(45px) scale(.98)}to{opacity:1;transform:none}}
@keyframes hat-world-out{to{opacity:0;transform:translateY(25px) scale(.98)}}
@keyframes hat-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes hat-backdrop-out{to{opacity:0}}
@keyframes hat-idle{0%,100%{transform:translateY(0) rotate(-13deg)}50%{transform:translateY(-10px) rotate(-7deg)}}
@media(max-width:700px){.hat-toss-entry{width:64px;height:58px;bottom:14px}.hat-toss-return{top:18px;left:18px}}
@media(prefers-reduced-motion:reduce){body>#main,.hat-toss-entry{transition:none}.hat-toss-world[open],.hat-toss-world::backdrop,.hat-toss-world[data-closing],.hat-toss-world[data-closing]::backdrop,.hat-toss-prop svg{animation:none}html.hat-toss-active body>#main{transform:none;filter:none}}