@keyframes nav-count-pop{0%{transform:scale(.45);opacity:.2}55%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes nav-count-out{to{transform:scale(.3);opacity:0}}@keyframes menu-credit-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes menu-credit-coin{0%{opacity:0;transform:scale(.7) rotate(-16deg)}to{opacity:1;transform:none}}.menu-credits-coin,.nav-icon-wrap{display:grid;place-items:center;flex:none}.nav-icon-wrap{position:relative;line-height:0}.nav-icon-wrap .nav-count{position:absolute;top:-.42rem;inset-inline-end:-.55rem;z-index:2;min-width:1.05rem;height:1.05rem;padding:0 .22rem;border-radius:999px;background:var(--save);color:var(--paper);font-size:.55rem;font-weight:750;line-height:1.05rem;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--surface),0 3px 8px -4px rgb(0 0 0/.45);transform-origin:center;pointer-events:none}.nav-icon-wrap .nav-count[hidden]{display:none}.nav-icon-wrap .nav-count.is-pop{animation:nav-count-pop .42s cubic-bezier(.2,1.5,.35,1)}.nav-icon-wrap .nav-count.is-out{animation:nav-count-out .2s ease-in forwards}.account-menu .menu-pop{inline-size:17rem;max-inline-size:calc(100vw - 2*var(--gutter));max-block-size:calc(100vh - var(--header-h) - var(--sp-5));max-block-size:calc(100dvh - var(--header-h) - var(--sp-5));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.menu-pop .menu-credits{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.55rem;padding:.45rem .5rem;border:1px solid color-mix(in oklab,var(--accent) 20%,var(--line));border-radius:calc(var(--radius-l) + 2px);background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 8%,var(--surface)),var(--surface) 70%);color:var(--ink);font-size:var(--fs-s);font-weight:400}.menu-pop .menu-credits-main{display:flex;align-items:center;gap:.5rem;inline-size:auto;min-block-size:0;padding:0;border-radius:0;background:0 0;color:inherit;font:inherit;text-decoration:none}.menu-pop .menu-credits-main:hover{background:0 0}.menu-credits-coin{inline-size:1.85rem;block-size:1.85rem;border-radius:50%;background:var(--accent-tint);color:var(--accent);transition:transform .2s var(--ease-out)}.menu-credits-coin .gi{inline-size:.95rem;block-size:.95rem}.menu-credits-copy{display:grid;line-height:1.05}.menu-pop .menu-head .menu-credits-label{color:var(--muted);font-size:.5625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.menu-pop .menu-head .menu-credits-value{display:flex;align-items:baseline;gap:.2rem;color:var(--ink);font-size:1rem;font-weight:800;letter-spacing:-.01em}.menu-pop .menu-head .menu-credits-value .tnum{color:var(--ink);font-size:1rem;font-weight:800;line-height:1}.menu-pop .menu-head .menu-credits-unit{color:var(--muted);font-size:.6875rem;font-weight:600}.menu-pop .menu-credits-topup{display:inline-flex;align-items:center;justify-content:center;gap:.15rem;inline-size:auto;min-block-size:2.5rem;padding:0 .55rem;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-size:.6875rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color .18s}.menu-pop .menu-head .menu-credits-topup span{color:inherit;font-size:inherit}.menu-pop .menu-credits-topup .gi{inline-size:.8125rem;block-size:.8125rem}.menu-pop .menu-credits-topup:hover{background:var(--accent-hover)}@media (hover:hover){.menu-pop .menu-credits-main:hover .menu-credits-coin{transform:rotate(-6deg) scale(1.05)}}.account-menu[open] .menu-credits{animation:menu-credit-in .32s var(--ease-out) both}.account-menu[open] .menu-credits-coin{animation:menu-credit-coin .5s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.menu-pop .menu-credits,.menu-pop .menu-credits-coin,.menu-pop .menu-credits-topup{animation:none!important;transition:none!important}}