body:has(.pack-opener:not([data-step=closed])) .app-logo{display:none}.status-bar-cover{inset-inline:0;z-index:50;height:var(--safe-area-inset-top,env(safe-area-inset-top));background:var(--background);pointer-events:none;position:fixed;top:0}body:has(.pack-opener:not([data-step=closed])) .status-bar-cover{display:none}:root{--frame-left:14rem;--frame-right:0px}@media (min-width:1024px){:root{--frame-left:calc(max(15.5rem, (100vw - 120rem) / 2) - 1.5rem);--frame-right:max(0px, 100vw - var(--frame-left) - 123rem)}.app-frame{padding-left:var(--frame-left);padding-right:var(--frame-right)}.app-sidebar{width:var(--frame-left);padding-left:calc(var(--frame-left) - 12.5rem);left:0}.app-frame #main-content:not([data-bleed]){margin-right:calc(-1 * var(--frame-right));padding-right:calc(1.5rem + var(--frame-right))}#page-area:has(.card-detail)>#main-content{margin-right:0;padding-right:1.5rem}}.app-corner{right:1.25rem;top:calc(1.25rem + var(--safe-area-inset-top,env(safe-area-inset-top)));z-index:10;align-items:center;display:flex;position:absolute}.app-corner .coin-balance{position:relative;top:auto;right:auto}body:has(.card-detail) .app-corner:not(:has(.mailbox-popin-open)){z-index:41}.corner-actions{align-items:center;margin-right:.3125rem;display:flex}.corner-actions .app-settings,.corner-actions .app-mailbox{justify-content:center;align-items:center;width:1.75rem;height:2.25rem;margin-block:-.5rem;display:flex;position:relative}.corner-actions svg{opacity:.75;width:1.125rem;height:1.125rem}.guest-sign-in{opacity:.3;white-space:nowrap;font:500 11.2px/1.3 var(--font-fredoka), sans-serif;letter-spacing:.04em;color:var(--main);text-underline-offset:2px;background:0 0;border:0;padding:.625rem 0 .5rem .75rem;text-decoration:underline;transition:opacity .15s;position:absolute;top:100%;right:0}@media (hover:hover){.guest-sign-in:hover{opacity:.6}}@media (min-width:1024px){body:has(.app-sidebar) .sheet-viewport{padding-left:var(--frame-left);padding-right:var(--frame-right)}}.corner-actions svg.mailbox-icon{opacity:1}.mailbox-icon-box{opacity:.75}.mailbox-dim{color:color-mix(in oklab, color-mix(in oklab, var(--foreground) 80%, gray) 80%, transparent)}@media (min-width:1024px){.app-corner{right:calc(1.5rem + var(--frame-right));top:1.5rem}}body:has(.pack-opener:not([data-step=closed])) .corner-actions{display:none}.mailbox-popin{overscroll-behavior:contain;border:2px solid var(--border);border-radius:var(--radius-base);background:var(--secondary-background);width:min(100vw - 4.5rem,24rem);height:min(42dvh,26rem);box-shadow:var(--shadow);color:var(--foreground);transform-origin:100% 0;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .14s ease-in,transform .16s ease-in,visibility 0s linear .16s;position:absolute;top:2rem;right:-.5rem;overflow-y:auto;transform:translateY(-.75rem)scale(.94)}.mailbox-popin-open{visibility:visible;pointer-events:auto;opacity:1;transition:opacity .2s ease-out,transform .26s cubic-bezier(.2,.9,.3,1),visibility;transform:none}.app-corner:has(.mailbox-popin-open){z-index:50}@media (prefers-reduced-motion:reduce){.mailbox-popin,.mailbox-popin-open{transition:visibility;transform:none}}.cluster-button{pointer-events:auto;border:2px solid var(--border);background:var(--secondary-background);width:3.25rem;height:3.25rem;box-shadow:var(--shadow);color:var(--foreground);border-radius:.875rem;justify-content:center;align-items:center;display:flex;position:relative}.cluster-button svg{width:1.5rem;height:1.5rem}.cluster-button svg.cluster-pixel{width:1.75rem;height:1.75rem}.cluster-swap{place-items:center;display:grid}.cluster-swap>*{grid-area:1/1;transition:opacity .14s,transform .18s}.cluster-swap-close{opacity:0;transform:rotate(-45deg)scale(.7)}.cluster-open .cluster-fold .cluster-swap-icon,.cluster-button-open .cluster-swap-icon{opacity:0;transform:rotate(45deg)scale(.7)}.cluster-open .cluster-fold .cluster-swap-close,.cluster-button-open .cluster-swap-close{opacity:1;transform:none}.cluster-button-shop{background:var(--shop-gold);color:var(--shop-gold-foreground)}.cluster-shop{font-family:var(--font-fredoka), sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--border);font-size:.8rem;font-weight:700;line-height:1}.cluster-button-soon{color:color-mix(in srgb, var(--foreground) 45%, transparent);background:repeating-linear-gradient(45deg,#2b2e34 0 6px,#1a1c20 6px 12px);flex-direction:column;gap:.05rem}.cluster-button-soon svg{opacity:.45;filter:grayscale();width:1.35rem;height:1.35rem}.cluster-soon{font-family:var(--font-fredoka), sans-serif;letter-spacing:.01em;text-align:center;text-transform:uppercase;font-size:.45rem;font-weight:700;line-height:1.05}.cluster-dot{background:var(--main);border:2px solid var(--border);border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:-5px;right:-5px}.cluster-open .cluster-dot-fold{opacity:0}.cluster-stack{transform-origin:bottom;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .1s ease-in,transform .12s ease-in,visibility 0s linear .12s;transform:translateY(.75rem)scale(.92)}.cluster-open .cluster-stack{visibility:visible;pointer-events:auto;opacity:1;transition:opacity .16s ease-out,transform .2s cubic-bezier(.2,1.6,.4,1),visibility;transform:none}.onboarding-unlock{animation:.7s cubic-bezier(.2,1.6,.4,1) both onboarding-unlock}@keyframes onboarding-unlock{0%{opacity:0;scale:.5}45%{opacity:1;filter:drop-shadow(0 0 10px var(--ornament));scale:1.15}to{filter:none;scale:1}}@media (prefers-reduced-motion:reduce){.onboarding-unlock{animation:none}}body:has(.first-reward-veil) .app-logo{opacity:.25;pointer-events:none}.greyed-nav>*{opacity:.4}nav[data-locked=true]>*{opacity:.25}.trade-news{z-index:60;right:.75rem;top:calc(3.25rem + var(--safe-area-inset-top,env(safe-area-inset-top)));border:2px solid var(--border);border-radius:var(--radius-base);touch-action:pan-y;background:var(--secondary-background);width:min(100vw - 4.5rem,17rem);box-shadow:var(--shadow);color:var(--foreground);text-align:left;pointer-events:none;opacity:0;padding:0;transition:opacity .25s ease-in,transform .25s ease-in;display:flex;position:fixed;overflow:hidden;transform:translate(calc(100% + 1rem))}.trade-news[data-open]{pointer-events:auto;opacity:.95;transition:opacity .2s ease-out,transform .2s ease-out;animation:.28s cubic-bezier(.2,.9,.3,1) trade-news-in;transform:none}.trade-news[data-dragging]{transition:none}@keyframes trade-news-in{0%{opacity:0;transform:translate(calc(100% + 1rem))}}.trade-news-body{flex:1;align-items:center;gap:.375rem;min-width:0;padding:.25rem .625rem;animation:.15s ease-out trade-news-swap;display:flex;position:relative}@keyframes trade-news-swap{0%{opacity:0}}.trade-news-fill{transform-origin:0;animation:trade-news-fill var(--shown) linear forwards;background:#fb2c3629;background:lab(55.4814% 75.0732 48.8528/.16);position:absolute;inset:0}@keyframes trade-news-fill{0%{transform:scaleX(0)}}.trade-news[data-held] .trade-news-fill{animation-play-state:paused}.trade-news:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}@media (min-width:1024px){.trade-news{right:calc(1.5rem + var(--frame-right));top:4rem}}@media (prefers-reduced-motion:reduce){.trade-news,.trade-news[data-open]{animation:none;transform:none}.trade-news-body{animation:none}.trade-news-fill{display:none}}body:has(.pack-opener:not([data-step=closed])) .trade-news{display:none}.fresh-dot{border:2px solid var(--border);background:var(--main);pointer-events:none;border-radius:999px;width:12px;height:12px;position:absolute;top:-4px;right:-4px}.fresh-tip{z-index:30;pointer-events:none;text-align:center;border:2px solid var(--border);color:#121417;width:max-content;max-width:180px;box-shadow:0 3px 0 var(--border);font:500 13px/1.2 var(--font-fredoka), sans-serif;letter-spacing:.02em;white-space:nowrap;background:#fff;border-radius:10px;padding:6px 10px;position:absolute}.fresh-tip-up-start{bottom:calc(100% + 12px);left:0}.fresh-tip-up-end{bottom:calc(100% + 12px);right:0}.fresh-tip-down{top:calc(100% + 12px);left:50%;translate:-50%}body:has(.pack-opener:not([data-step=closed])) .fresh-tip{display:none}.fresh-badge{border:2px solid var(--border);background:var(--main);color:var(--main-foreground);font:600 11px/1.3 var(--font-fredoka), sans-serif;letter-spacing:.02em;border-radius:999px;padding:1px 7px}.discord-button{opacity:.6;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.discord-button svg{width:1.75rem;height:1.75rem}@media (hover:hover){.discord-button:hover{opacity:1}}.corner-actions .discord-button{width:2.125rem;height:2.25rem;margin-block:-.5rem;animation:.5s cubic-bezier(.2,1.6,.4,1) both discord-pop;position:relative}.corner-actions .discord-button svg{opacity:1;width:1.5rem;height:1.5rem}@media (min-width:1024px){.corner-actions .discord-button{left:calc(var(--frame-left) + 1.25rem);width:3rem;height:3rem;margin:0;position:fixed;top:1.25rem}.corner-actions .discord-button svg{width:2rem;height:2rem}}@keyframes discord-pop{0%{opacity:0;scale:.5}}@media (prefers-reduced-motion:reduce){.discord-button{animation:none!important}}.discord-corner{width:2.5rem;height:2.5rem;margin-left:-.375rem}