/* Global Hallowix scroll + back-to-top polish */
html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--lantern,#D9B36C) 78%,var(--moss,#5C7A5E)) color-mix(in srgb,var(--surface,#302821) 86%,var(--bg,#241d19));}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface,#302821) 82%,var(--bg,#241d19));border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--lantern,#D9B36C) 92%,white),color-mix(in srgb,var(--moss,#5C7A5E) 72%,var(--lantern,#D9B36C)));border:2px solid color-mix(in srgb,var(--surface,#302821) 86%,var(--bg,#241d19));border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--lantern,#D9B36C),color-mix(in srgb,var(--moss,#5C7A5E) 58%,var(--lantern,#D9B36C)))}
html[data-theme="light"]{scrollbar-color:color-mix(in srgb,var(--lantern,#D9B36C) 78%,var(--bark,#2E241E)) color-mix(in srgb,var(--mist,#EDE4D3) 88%,white)}
html[data-theme="light"] *::-webkit-scrollbar-track{background:color-mix(in srgb,var(--mist,#EDE4D3) 88%,white)}
html[data-theme="light"] *::-webkit-scrollbar-thumb{border-color:color-mix(in srgb,var(--mist,#EDE4D3) 88%,white)}
.hx-back-top{position:fixed;right:22px;bottom:22px;z-index:1200;width:48px;height:48px;border-radius:50%;border:1px solid color-mix(in srgb,var(--lantern,#D9B36C) 45%,var(--line,rgba(237,228,211,.14)));background:color-mix(in srgb,var(--bark,#2E241E) 84%,transparent);color:var(--lantern,#D9B36C);display:grid;place-items:center;box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 0 0 color-mix(in srgb,var(--lantern,#D9B36C) 0%,transparent);backdrop-filter:blur(15px);opacity:0;visibility:hidden;transform:translateY(16px) scale(.72) rotate(-12deg);transition:opacity .22s ease,visibility .22s ease,transform .34s cubic-bezier(.2,.9,.25,1.22),box-shadow .24s ease,border-color .2s ease;cursor:pointer}
.hx-back-top.show{opacity:1;visibility:visible;transform:none;animation:hxTopPulse 3.2s ease-in-out infinite}
.hx-back-top:hover{transform:translateY(-4px) scale(1.05);border-color:var(--lantern,#D9B36C);box-shadow:0 18px 48px rgba(0,0,0,.3),0 0 24px color-mix(in srgb,var(--lantern,#D9B36C) 28%,transparent)}
.hx-back-top:active{transform:translateY(-1px) scale(.94)}
.hx-back-top svg{width:20px;height:20px;transition:transform .2s ease}.hx-back-top:hover svg{transform:translateY(-2px)}
html[data-theme="light"] .hx-back-top{background:color-mix(in srgb,var(--mist,#EDE4D3) 92%,white);color:var(--bark,#2E241E);box-shadow:0 16px 38px rgba(46,36,30,.16)}
@keyframes hxTopPulse{0%,100%{box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 0 0 color-mix(in srgb,var(--lantern,#D9B36C) 0%,transparent)}50%{box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 0 8px color-mix(in srgb,var(--lantern,#D9B36C) 0%,transparent)}}
.hx-socials{display:flex;align-items:center;gap:9px;margin-top:17px}.hx-social{width:37px;height:37px;border-radius:11px;border:1px solid color-mix(in srgb,var(--cream,#EDE4D3) 18%,transparent);display:grid!important;place-items:center!important;margin:0!important;color:color-mix(in srgb,var(--cream,#EDE4D3) 82%,var(--moss,#5C7A5E))!important;background:rgba(237,228,211,.045);transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease}.hx-social:hover{transform:translateY(-3px) rotate(-2deg);border-color:var(--lantern,#D9B36C)!important;color:var(--lantern,#D9B36C)!important;background:rgba(217,179,108,.08)}.hx-social svg{width:18px;height:18px}.hx-toast{position:fixed;left:50%;bottom:28px;z-index:1400;transform:translate(-50%,16px);padding:11px 15px;border-radius:999px;border:1px solid color-mix(in srgb,var(--lantern,#D9B36C) 30%,var(--line));background:color-mix(in srgb,var(--bark,#2E241E) 92%,transparent);color:var(--mist,#EDE4D3);font-weight:900;font-size:.78rem;box-shadow:0 18px 44px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.22s ease}.hx-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.hx-back-top{right:14px;bottom:88px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.hx-back-top,.hx-back-top.show{animation:none;transition:none}}

/* V10 cleaner translucent Store mega-menu */
.store-mega-inner{background:color-mix(in srgb,var(--surface,#302821) 70%,transparent)!important;backdrop-filter:blur(26px) saturate(1.15)!important;-webkit-backdrop-filter:blur(26px) saturate(1.15)!important;border-color:color-mix(in srgb,var(--line,rgba(237,228,211,.14)) 78%,transparent)!important;box-shadow:0 24px 60px rgba(24,18,14,.24)!important}
html[data-theme="dark"] .store-mega-inner{background:color-mix(in srgb,var(--bark,#2E241E) 70%,transparent)!important}
.mega-col{border-right:0!important;padding-inline:18px!important}
.mega-col:first-child{padding-left:8px!important}.mega-col:last-child{padding-right:8px!important}
.mega-col a{border:1px solid transparent!important}
.mega-col a:hover{border-color:color-mix(in srgb,var(--lantern,#D9B36C) 18%,transparent)!important;background:color-mix(in srgb,var(--lantern,#D9B36C) 9%,transparent)!important}


/* V12 — stable auth/profile/cart nav + responsive polish */

/* Fallback maple cursor for Apply, legal pages and dashboard/forms. Public pages that
   already ship their cinematic maple cursor keep their own implementation. */
.hx-global-maple{position:fixed;left:0;top:0;width:28px;height:25px;pointer-events:none;z-index:2147483647;color:#D9B36C;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 0 2px rgba(237,228,211,.82)) drop-shadow(0 0 8px rgba(217,179,108,.62));transform:translate3d(-80px,-80px,0);transition:opacity .08s ease}
.hx-global-maple.is-visible{opacity:1}.hx-global-maple.is-interactive .hx-global-maple-core{transform:scale(1.16) rotate(-6deg)}.hx-global-maple-core{display:block;width:100%;height:100%;transition:transform .15s ease;transform-origin:48% 52%}.hx-global-maple svg{display:block;width:100%;height:100%}
.hx-global-maple-pulse{position:absolute;left:50%;top:50%;width:12px;height:12px;border:1px solid rgba(217,179,108,.72);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0}.hx-global-maple.is-clicking .hx-global-maple-pulse{animation:hxMaplePulse .34s ease-out}
@keyframes hxMaplePulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.55)}}
.hx-global-maple-trail{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2147483646;contain:strict}.hx-global-maple-leaf{position:absolute;width:7px;height:7px;opacity:0;pointer-events:none;will-change:transform,opacity;transform-origin:50% 55%;background:#D9B36C;clip-path:polygon(50% 0,59% 25%,81% 13%,75% 38%,100% 41%,82% 58%,90% 82%,62% 74%,50% 100%,38% 74%,10% 82%,18% 58%,0 41%,25% 38%,19% 13%,41% 25%);filter:drop-shadow(0 0 2px rgba(237,228,211,.72)) drop-shadow(0 0 5px rgba(217,179,108,.62))}.hx-global-maple-leaf.t1{background:#EDE4D3}.hx-global-maple-leaf.t2{background:#5C7A5E}
html.hx-has-global-cursor,html.hx-has-global-cursor body,html.hx-has-global-cursor body *{cursor:none!important}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-x:none}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}.btn,.pill-btn,.icon-btn,.theme-mini,.portal-theme-toggle,.hx-dropzone,.choice span{touch-action:manipulation}
@media(max-width:700px){input.input,textarea.textarea,select.select{font-size:16px}.hx-global-maple{display:none!important}.hx-global-maple-trail{display:none!important}}
@media(hover:none){.btn:hover,.pill-btn:hover,.icon-btn:hover,.theme-mini:hover,.portal-theme-toggle:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){.hx-validation-shake{animation:none!important}.hx-global-maple-trail{display:none!important}.hx-global-maple-core{transition:none!important}}


/* V12 navbar: profile silhouette + cart always visible. */
.nav-actions{position:relative}
.nav-actions>[data-auth-slot],.nav-actions>.hallowix-profile-btn{order:1;flex:0 0 auto}
.nav-actions>#cartBtn,.nav-actions>.hallowix-cart-link{order:2;flex:0 0 auto}
.nav-actions>#themeBtn{order:3;flex:0 0 auto}
.nav-actions>.discord{order:4}.nav-actions>.mobile-menu{order:5}
.hallowix-profile-btn{position:relative!important;border-radius:50%!important;padding:0!important;width:43px!important;height:43px!important;display:grid!important;place-items:center!important}
.hallowix-profile-btn svg{width:19px;height:19px}
.dashboard-live-dot{position:absolute;right:-2px;top:-2px;width:9px;height:9px;border-radius:50%;background:var(--lantern,#D9B36C);box-shadow:0 0 0 2px var(--surface,#302821),0 0 12px rgba(217,179,108,.65)}
.hallowix-cart-link{position:relative!important;border-radius:50%!important;width:43px!important;height:43px!important;padding:0!important;display:grid!important;place-items:center!important}
.hallowix-cart-link svg{width:19px;height:19px}.hallowix-cart-link .cart-count{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--lantern,#D9B36C);color:var(--bark,#2E241E);border:2px solid var(--bg,#241d19);font-size:.64rem;font-weight:1000;line-height:1}
html[data-theme="light"] .hallowix-cart-link .cart-count{border-color:var(--bg,#EDE4D3)}

/* The scrolled fixed nav previously stacked two backdrop filters. While the Store menu is
   open we remove the parent filter and let the menu own the blur, preventing the distorted look. */
.nav-wrap.scrolled.hx-store-menu-open{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:color-mix(in srgb,var(--bg) 94%,transparent)!important;box-shadow:0 10px 34px rgba(20,15,12,.08)!important}
.nav-wrap.hx-store-menu-open .store-mega{z-index:5000!important;isolation:isolate}
.nav-wrap.hx-store-menu-open .store-mega-inner{backdrop-filter:blur(26px) saturate(1.15)!important;-webkit-backdrop-filter:blur(26px) saturate(1.15)!important;transform:translateZ(0)}

/* Subtle validation motion only. JS uses the Web Animations API; this class is a safe fallback. */
@keyframes hxValidationShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-1px)}}
.hx-validation-shake{animation:hxValidationShake .2s ease-out both!important}
@media(max-width:650px){.hallowix-profile-btn,.hallowix-cart-link{width:40px!important;height:40px!important}.nav-actions{gap:7px!important}}


/* V13 avatar inside authenticated nav circle */
.hallowix-profile-btn{overflow:visible!important}.hallowix-profile-avatar{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;border:2px solid color-mix(in srgb,var(--lantern,#D9B36C) 30%,transparent)!important;background:var(--surface,#302722)!important}.hallowix-profile-btn:has(.hallowix-profile-avatar){padding:2px!important}.hallowix-profile-btn:has(.hallowix-profile-avatar) .dashboard-live-dot{right:-2px!important;top:-2px!important}
/* Keep the mega layer rendered while transparent so backdrop blur is ready on hover frame one. */
.store-mega{visibility:visible!important;will-change:opacity,transform!important}.store-mega-inner{transform:translateZ(0)!important;will-change:backdrop-filter!important;contain:paint!important}
.nav-wrap.scrolled:has(.nav-store:hover),.nav-wrap.scrolled:has(.nav-store:focus-within){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:color-mix(in srgb,var(--bg) 94%,transparent)!important}


/* V15 — global cart drawer. It is available from every public navbar without navigation. */
.hx-cart-overlay{position:fixed;inset:0;z-index:4990;background:rgba(20,15,12,.44);-webkit-backdrop-filter:blur(8px) saturate(.9);backdrop-filter:blur(8px) saturate(.9);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}
.hx-cart-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.hx-cart-drawer{position:fixed;z-index:5000;right:14px;top:14px;bottom:14px;width:min(430px,calc(100vw - 28px));display:flex;flex-direction:column;overflow:hidden;border-radius:28px;border:1px solid color-mix(in srgb,var(--lantern,#D9B36C) 28%,var(--line));background:color-mix(in srgb,var(--surface,#302722) 94%,transparent);box-shadow:-18px 0 65px rgba(0,0,0,.28),0 24px 70px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(30px) saturate(1.12);backdrop-filter:blur(30px) saturate(1.12);transform:translate3d(calc(100% + 34px),0,0) scale(.985);opacity:.92;transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .28s ease;pointer-events:none;isolation:isolate}
.hx-cart-drawer::before{content:"";position:absolute;inset:0 0 auto;height:170px;z-index:-1;background:radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--lantern,#D9B36C) 24%,transparent),transparent 48%),linear-gradient(180deg,color-mix(in srgb,var(--moss-brand,#5C7A5E) 15%,transparent),transparent)}
.hx-cart-drawer.is-open{transform:none;opacity:1;pointer-events:auto}
.hx-cart-head{display:flex;align-items:center;justify-content:space-between;padding:24px 23px 17px;border-bottom:1px solid var(--line)}
.hx-cart-title small{display:block;color:var(--lantern,#D9B36C);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-bottom:4px}.hx-cart-title h3{margin:0;font-family:"Sora",system-ui,sans-serif;font-size:1.42rem;letter-spacing:-.04em}
.hx-cart-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-2,#3a3029) 88%,transparent);color:var(--text);display:grid;place-items:center;font-size:1.2rem;transition:.2s}.hx-cart-close:hover{transform:rotate(8deg) scale(1.06);border-color:var(--lantern);color:var(--lantern)}
.hx-cart-items{flex:1;overflow:auto;padding:16px 18px 18px;display:flex;flex-direction:column;gap:11px;overscroll-behavior:contain}
.hx-cart-empty{margin:auto 0;padding:58px 24px;text-align:center;border:1px dashed color-mix(in srgb,var(--lantern) 28%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--surface-2) 55%,transparent);color:var(--muted)}.hx-cart-empty svg{width:34px;height:34px;color:var(--lantern);margin-bottom:12px}.hx-cart-empty b{display:block;color:var(--text);font-family:"Sora";font-size:1rem;margin-bottom:5px}.hx-cart-empty span{font-size:.78rem;line-height:1.55}
.hx-cart-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 72%,transparent);animation:hxCartRowIn .38s cubic-bezier(.16,1,.3,1) both}.hx-cart-thumb{width:82px;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--moss-brand,#5C7A5E),var(--bark,#2E241E));border:1px solid var(--line)}.hx-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hx-cart-copy{min-width:0}.hx-cart-copy b{display:block;font-family:"Sora";font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-cart-copy small{display:block;color:var(--muted);font-size:.68rem;margin-top:5px}.hx-cart-remove{border:0;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;transition:.18s}.hx-cart-remove:hover{background:color-mix(in srgb,#d26767 12%,transparent);color:#e88b8b;transform:scale(1.06)}
.hx-cart-foot{padding:18px 22px 22px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent)}.hx-cart-total{display:flex;align-items:end;justify-content:space-between;gap:20px}.hx-cart-total span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hx-cart-total strong{font-family:"Minecraft Ten",Impact,sans-serif;color:var(--lantern);font-size:1.65rem;font-weight:400}.hx-cart-checkout{width:100%;min-height:48px;margin-top:14px;border:0;border-radius:12px;background:var(--lantern);color:var(--bark);font-family:"Sora";font-weight:900;box-shadow:0 13px 30px color-mix(in srgb,var(--lantern) 20%,transparent);transition:.2s}.hx-cart-checkout:hover{transform:translateY(-2px);box-shadow:0 17px 36px color-mix(in srgb,var(--lantern) 27%,transparent)}
body.hx-cart-open{overflow:hidden!important}
@keyframes hxCartRowIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@media(max-width:520px){.hx-cart-drawer{inset:8px;width:auto;border-radius:22px}.hx-cart-row{grid-template-columns:72px minmax(0,1fr) auto}.hx-cart-thumb{width:72px}.hx-cart-head{padding:20px 18px 15px}.hx-cart-foot{padding:16px 18px 18px}}
@media(prefers-reduced-motion:reduce){.hx-cart-drawer,.hx-cart-overlay,.hx-cart-row{transition:none!important;animation:none!important}}
\n/* V18 dark-mode section atmosphere */\nhtml[data-theme="dark"] body:not(.creator-store-active) main>section:not(.hero):not(.pd-hero){background-image:radial-gradient(720px 280px at 8% 4%,rgba(139,76,99,.075),transparent 70%),radial-gradient(680px 300px at 94% 88%,rgba(92,122,94,.08),transparent 72%),radial-gradient(520px 240px at 54% 30%,rgba(217,179,108,.035),transparent 74%);background-size:115% 115%,120% 120%,130% 130%;animation:hxSectionAmbient 20s ease-in-out infinite alternate}\n@keyframes hxSectionAmbient{0%{background-position:0% 0%,100% 100%,50% 40%}100%{background-position:8% 5%,92% 94%,56% 48%}}\n@media(prefers-reduced-motion:reduce){html[data-theme="dark"] body:not(.creator-store-active) main>section:not(.hero):not(.pd-hero){animation:none}}\n
/* V32 global cart header artwork. */
.hx-cart-head{position:relative;min-height:94px;padding-right:76px!important}.hx-cart-art{position:absolute;right:64px;top:50%;transform:translateY(-50%);width:92px;height:60px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.18))}.hx-cart-close{position:absolute!important;right:18px;top:20px}.hx-cart-title{position:relative;z-index:1}@media(max-width:520px){.hx-cart-art{width:74px;height:48px;right:58px}.hx-cart-head{padding-right:66px!important}}


/* Stripe Checkout sandbox */
.hx-digital-consent{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;margin-top:14px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);cursor:pointer}.hx-digital-consent input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--lantern)}.hx-digital-consent span{font-size:.67rem;line-height:1.48;color:var(--muted)}.hx-digital-consent:has(input:checked){border-color:color-mix(in srgb,var(--lantern) 55%,var(--line));background:color-mix(in srgb,var(--lantern) 7%,var(--surface-2))}.hx-cart-error{display:none;margin-top:9px;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,#c85858 12%,transparent);border:1px solid color-mix(in srgb,#d76767 34%,var(--line));color:#e79b9b;font-size:.68rem;line-height:1.4}.hx-cart-error.show{display:block}.hx-cart-checkout:disabled{opacity:.62;cursor:wait;transform:none!important}.hx-checkout-note{display:block;margin-top:9px;text-align:center;color:var(--muted);font-size:.59rem;line-height:1.45}
