@font-face{font-family:Geist;src:url(Geist.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:Bricolage;src:url(BricolageGrotesque.ttf) format("truetype");font-weight:750;font-display:swap}
@font-face{font-family:Serif;src:url(InstrumentSerif-Italic.ttf) format("truetype");font-style:italic;font-display:swap}
body{font-family:Geist,system-ui,sans-serif}h1,h2,.logo,.n{font-family:Bricolage,Geist,sans-serif;letter-spacing:-.02em}
h1 span{font-family:Serif,serif;font-style:italic;font-weight:400}
.hero{position:relative;overflow:hidden;background:none!important}.hero>.w{position:relative;z-index:2}
.hero::before{content:"";position:absolute;inset:-20% -10% auto;height:520px;background:radial-gradient(closest-side,var(--glow),transparent);animation:glow 14s ease-in-out infinite alternate;z-index:0;will-change:transform}
@keyframes glow{to{transform:translate3d(18%,8%,0) scale(1.15)}}
.c{transition:transform .25s ease,box-shadow .25s}.c:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0003}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}
/* Gojo */
.gojo{position:relative;width:120px;pointer-events:none}.gojo img{width:100%;display:block}
.gojo .aw{transform-origin:50% 100%;animation:wag 2.6s ease-in-out infinite}
.gojo .sl,.gojo .zz{display:none}
[data-theme=dark] .gojo .aw{display:none}[data-theme=dark] .gojo .sl{display:block;transform-origin:50% 100%;animation:breathe 4s ease-in-out infinite}
[data-theme=dark] .gojo .zz{display:block;position:absolute;top:-6px;right:8%;font:italic 20px Serif,serif;color:var(--tint);animation:zz 3s ease-in-out infinite}
@keyframes wag{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}93%{transform:rotate(2deg) scaleY(.97)}}
@keyframes breathe{50%{transform:scale(1.04,1.06)}}
@keyframes zz{0%{opacity:0;transform:translate3d(0,8px,0)}40%{opacity:1}100%{opacity:0;transform:translate3d(10px,-22px,0)}}
.hop{animation:hop .55s cubic-bezier(.3,1.6,.5,1)}@keyframes hop{40%{transform:translate3d(0,-28px,0) rotate(-6deg)}}
.peek{position:absolute;right:5%;bottom:-6px;width:170px;z-index:1;animation:peek 1.2s .4s both cubic-bezier(.3,1.3,.5,1)}
.peek .tilt{transition:transform .3s ease-out;transform-origin:50% 90%}@keyframes peek{from{transform:translate3d(0,75%,0)}}
.celeb{position:absolute;right:0;top:-70px;width:110px}.rel{position:relative}
.chart{position:relative;padding-top:80px}.climber{position:absolute;left:0;top:0;width:64px;will-change:transform}.climber>.gojo{will-change:transform}
.empty{text-align:center;padding:40px}.empty .gojo{width:170px;margin:0 auto 12px}
.foot-g{width:44px;display:inline-block;vertical-align:middle;margin-right:8px}
.tt{padding:0;overflow:hidden}.tt img{width:100%;height:100%;object-fit:cover;border-radius:50%}.tt .fs{display:none}[data-theme=dark] .tt .fs{display:block}[data-theme=dark] .tt .fa{display:none}
.mu{background:none;border:1px solid var(--line);color:var(--txt);border-radius:999px;width:42px;height:42px;font-size:16px;cursor:pointer}
.toast{position:fixed;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px 16px 10px 10px;z-index:9;animation:pop .5s both cubic-bezier(.3,1.5,.5,1)}
.toast img{width:84px;animation:wave .5s 3 ease-in-out;transform-origin:50% 100%}@keyframes pop{from{opacity:0;transform:translate3d(0,40px,0) scale(.8)}}@keyframes wave{50%{transform:rotate(8deg)}}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.tabs span{cursor:pointer}.pane{display:none}.pane.on{display:block}.qr{width:140px;height:140px;border-radius:12px;border:2px dashed var(--line);display:grid;place-items:center;color:var(--mut);font-size:13px}
.addr{display:flex;gap:8px;align-items:center}.addr code{flex:1;background:var(--in);border:1px solid var(--line);border-radius:10px;padding:11px;font-size:13px}.fee{font-family:Bricolage,sans-serif;font-size:28px;color:var(--tint)}

.gojo .rig{position:relative;animation:breatheA 3.6s ease-in-out infinite;transform-origin:50% 100%}.rig img{width:100%;display:block}.rig img+img{position:absolute;left:0;top:0}
.rig .tl{transform-origin:71.7% 77.5%;animation:wagT 1.4s ease-in-out infinite}.rig .bk{opacity:0}.rig.b .bk{opacity:1}
@keyframes wagT{50%{transform:rotate(-1.5deg)}}@keyframes breatheA{50%{transform:scale(1.01,1.02)}}
.toast img.zzt{width:110px;animation:breathe 3s ease-in-out infinite}

/* mobile: fox in normal flow below hero/header content */
@media(max-width:600px){
.hero{display:flex;flex-direction:column}
.hero>.gojo.peek{position:relative!important;right:auto;bottom:auto;order:9;width:110px;margin:18px auto -6px;align-self:center}
.rel .gojo.celeb,.gojo.celeb{position:relative!important;right:auto;top:auto;width:84px;margin:16px 0 4px auto;display:block}
}