/* Shared public chrome, independent of a page's content layout. */
[data-shared-storefront] { --font-body:'Inter',sans-serif; --font-display:'Space Grotesk',sans-serif; }
[data-shared-storefront] [hidden] { display:none!important; }
.storefront-navbar { padding:10px clamp(14px,2vw,32px)!important;background:transparent!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important; }
.storefront-navbar .brand-logo { margin-right:0; }
.storefront-navbar~main .package-name a { color:inherit;text-decoration:none; }
.storefront-navbar~main .package-name a:hover { color:var(--ev-accent,#fff); }
.storefront-navbar .nav-container { width:100%;max-width:1580px;min-height:64px;margin:auto;padding:6px 10px 6px 16px;gap:16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(18,20,26,.88),rgba(9,10,14,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 50px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.78);backdrop-filter:blur(24px) saturate(165%); }
.storefront-navbar .brand-logo { flex:none;font-size:16px!important;letter-spacing:.08em;gap:12px; }
.storefront-navbar .brand-icon { width:40px;height:40px;flex:none;border-radius:50%!important; }
.storefront-navbar .brand-icon img { width:100%;height:100%;object-fit:cover;border-radius:inherit; }
.storefront-navbar .nav-links { flex:0 1 auto;margin-inline:auto;justify-content:center;align-items:center;gap:2px!important;padding:4px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);box-shadow:inset 0 1px 2px rgba(0,0,0,.45); }
.storefront-navbar .nav-link { white-space:nowrap;font:600 12px/1.3 var(--font-body)!important;color:#a8aeb9!important;text-decoration:none!important;border-radius:999px;padding:0 clamp(8px,.85vw,13px);transition:color .2s ease,background-color .2s ease; }
.storefront-navbar .nav-links>.nav-link { display:inline-flex!important;align-items:center;min-height:36px; }
.storefront-navbar .nav-link:hover { color:#fff!important;background:rgba(255,255,255,.05); }
.storefront-navbar .nav-link[aria-current="page"] { color:#fff!important;background:linear-gradient(180deg,rgba(var(--ev-rgb,255,255,255),.22),rgba(var(--ev-rgb,255,255,255),.08))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 12px rgba(0,0,0,.35);text-decoration:none!important; }
.storefront-skip { position:fixed;z-index:10000;top:12px;left:16px;transform:translateY(-180%);opacity:0;pointer-events:none;padding:12px 20px;border-radius:999px;background:#f5f6f8;color:#0d0e10!important;box-shadow:0 14px 36px rgba(0,0,0,.45);font:600 13px/1.4 var(--font-body);transition:transform .2s ease,opacity .2s ease; }
.storefront-skip:focus,.storefront-skip:focus-visible { transform:translateY(0);opacity:1;pointer-events:auto; }
.storefront-navbar .nav-actions { flex:none;gap:8px; }
.storefront-navbar .nav-auth-container { display:flex; }
.storefront-navbar .nav-user-pill { max-width:195px;border-radius:999px!important; }
.storefront-navbar .nav-user-name { max-width:78px;overflow:hidden;text-overflow:ellipsis; }
.storefront-navbar .mobile-toggle { flex:none;border-radius:999px!important; }
.storefront-navbar :is(.mobile-toggle,.nav-cart-btn,.btn-discord-nav,.nav-user-pill,.order-btn) { min-width:44px;min-height:44px;border-radius:999px!important; }
.storefront-navbar .mobile-menu { max-height:calc(100dvh - 88px);margin-top:8px;border-radius:22px;border:1px solid rgba(255,255,255,.14)!important;overflow:auto;background:rgba(10,11,14,.96)!important;box-shadow:0 28px 70px rgba(0,0,0,.7);backdrop-filter:blur(24px); }
.storefront-navbar .mobile-menu a { min-height:44px; }
.storefront-navbar .mobile-menu button { min-height:44px; }
body[data-shared-storefront]:has(.mobile-menu.open) :is(.pure-analytics-preferences,.pure-motion-control,.event-countdown-pin) { visibility:hidden; }
.storefront-navbar .nav-cart-btn { width:44px;height:44px;flex:none;border-radius:999px!important; }
.storefront-checkout-account { display:flex;justify-content:flex-end;gap:20px;padding:96px max(24px,calc((100vw - 1280px)/2)) 0; }
.storefront-checkout-account .header-right { display:flex;align-items:center;gap:18px; }
.storefront-event-host { display:none; }
.seasonal-mode .storefront-event-host { display:block; }
.storefront-shared { position:relative;z-index:1;clear:both;--white-primary:#f5f7fa;--white-secondary:#b8bdc6;--gray-text:#a4a9b3; }
.storefront-shared .section { padding:clamp(64px,7.5vw,112px) 0; }
.storefront-shared .container,.storefront-footer .container { width:100%;max-width:1400px;margin:auto;padding-inline:clamp(22px,5vw,72px); }
.storefront-shared .section-header { text-align:left;max-width:960px;margin:0 0 52px; }
.storefront-shared .section-title { font:600 clamp(36px,4.3vw,58px)/1.05 var(--font-display);letter-spacing:-.055em;color:#f5f7fa; }
.storefront-shared .section-subtitle { color:#a4a9b3;font:400 16px/1.8 var(--font-body);max-width:650px;margin:16px 0 0; }
.storefront-shared .section-badge { display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--ev-accent,#e2e6ec);background:rgba(var(--ev-rgb,255,255,255),.06);border:1px solid rgba(var(--ev-rgb,255,255,255),.18);border-radius:999px;padding:6px 14px;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);font:700 10px/1.4 var(--font-body);letter-spacing:.16em; }
.storefront-shared .section-badge::before { content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor; }
.storefront-shared .utility-showcase { background:linear-gradient(150deg,#151515,#090909); }
.storefront-shared .utility-showcase-grid { display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(35px,6vw,90px); }
.storefront-shared .utility-showcase .section-title { max-width:400px; }
.storefront-shared .utility-spec-list { margin-top:32px; }
.storefront-shared .utility-spec-list strong { font-family:var(--font-body); }
.storefront-shared .utility-showcase-visual { background:linear-gradient(160deg,#242424,#0d0d0d); }
.storefront-shared .utility-visual-label,.storefront-shared .utility-visual-foot { display:block;color:#8d8d8d;font:700 9px var(--font-body);letter-spacing:.15em; }
.storefront-shared .utility-visual-label { margin-bottom:20px; }
.storefront-shared .utility-visual-foot { margin-top:20px;text-align:right; }
.storefront-shared .faq-container { display:grid;gap:14px;max-width:1020px; }
.storefront-shared .faq-question { width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;gap:20px;background:none;border:none;text-align:left;cursor:pointer;font:500 17px/1.4 var(--font-display);letter-spacing:-.02em;color:#f3f5f8; }
.storefront-shared .faq-icon { width:32px;height:32px;padding:7px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);flex:none; }
.storefront-shared .faq-answer { overflow:hidden;max-height:0;transition:max-height .35s ease; }
.storefront-shared .faq-answer-inner { padding:0 28px 26px;color:#a7adb8;line-height:1.75; }
.storefront-shared .cta-banner { text-align:center;padding:clamp(44px,6vw,76px) clamp(24px,5vw,64px)!important; }
.storefront-shared .cta-title { font:600 clamp(34px,3.8vw,54px)/1.08 var(--font-display);letter-spacing:-.05em;margin:14px 0 20px; }
.storefront-shared .cta-subtitle { font:400 17px/1.7 var(--font-body);color:#a8aeb8;max-width:720px;margin:0 auto 34px; }
.storefront-shared .cta-perks,.storefront-shared .cta-Reassurance { display:flex;justify-content:center;flex-wrap:wrap;gap:12px 16px;margin-top:32px; }
.storefront-shared .cta-perk,.storefront-shared .cta-Reassurance>span { display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#b4bac4;font-size:12px; }
.storefront-shared .btn { display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 14px/1.4 var(--font-body);text-decoration:none;min-height:48px;padding:14px 26px;border-radius:999px!important; }
.storefront-footer { position:relative;z-index:1;padding:64px 0 36px!important; }
.storefront-footer .footer-grid { display:grid;grid-template-columns:1.45fr .8fr .8fr 1.1fr;gap:clamp(30px,5vw,70px);padding:clamp(32px,4vw,52px);margin-bottom:28px;border-radius:28px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(ellipse at 90% 0%,rgba(var(--ev-rgb,255,255,255),.05),transparent 55%),linear-gradient(160deg,rgba(18,20,25,.92),rgba(9,10,13,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 64px rgba(0,0,0,.4); }
.storefront-footer .footer-brand-desc { color:#a1a5ad;font:400 14px/1.75 var(--font-body);max-width:330px;margin:18px 0 24px; }
.storefront-footer .footer-heading { color:#f0f2f5;font:700 11px var(--font-display);letter-spacing:.16em;text-transform:uppercase;margin:4px 0 22px; }
.storefront-footer .footer-links { display:grid;gap:14px; }
.storefront-footer .footer-link { color:#a6abb3;font:400 14px/1.6 var(--font-body);text-decoration:none;overflow-wrap:anywhere;transition:color .2s ease; }
.storefront-footer .footer-link:hover { color:#fff; }
.storefront-footer .footer-contact-item { display:flex;align-items:center;gap:10px;margin-bottom:14px; }
.storefront-footer .footer-contact-item svg { width:18px;height:18px;flex:none; }
.storefront-footer .footer-social-row { display:flex;gap:10px; }
.storefront-footer .footer-bottom { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 12px 0;color:#7e838b;font:400 12px/1.6 var(--font-body); }
.seasonal-mode .storefront-shared .utility-showcase { background:radial-gradient(ellipse at 90% 20%,rgba(var(--ev-rgb),.06),transparent 60%);border-color:rgba(var(--ev-rgb),.15); }
@media(max-width:1199px) { .storefront-navbar .nav-links{display:none!important}.storefront-navbar .mobile-toggle{display:flex!important}.storefront-navbar .nav-actions{margin-left:auto}.storefront-navbar .mobile-menu.open{display:block!important} }
@media(min-width:1200px) { .storefront-navbar .nav-links{display:flex!important}.storefront-navbar .mobile-toggle{display:none!important}.storefront-navbar .mobile-menu{display:none!important} }
@media(max-width:850px) { .storefront-shared .utility-showcase-grid{grid-template-columns:1fr}.storefront-shared .utility-showcase-visual{transform:none;margin:20px 8px}.storefront-footer .footer-grid{grid-template-columns:1fr 1fr;gap:36px;padding:28px}.storefront-navbar .nav-user-pill{max-width:145px}.storefront-navbar .nav-dash-pill{display:none} }
@media(max-width:600px) { .storefront-navbar{padding:8px 10px!important}.storefront-navbar .nav-container{min-height:56px;padding:6px 10px 6px 12px;gap:8px}.storefront-navbar .brand-logo{font-size:13px!important;gap:8px}.storefront-navbar .brand-icon{width:34px;height:34px}.storefront-navbar .nav-actions>.order-btn{display:none}.storefront-navbar .nav-user-name{display:none}.storefront-navbar .nav-user-pill{padding:4px;min-height:44px}.storefront-navbar .btn-discord-nav{font-size:0!important;padding:10px!important;gap:0!important}.storefront-navbar .btn-discord-nav span{display:none}.storefront-navbar .nav-actions{gap:6px}.storefront-navbar :is(.nav-cart-btn,.mobile-toggle,.btn-discord-nav,.nav-user-pill){min-width:44px;min-height:44px}.storefront-navbar .mobile-toggle{align-items:center;justify-content:center;padding:4px}.storefront-shared .faq-question{padding:20px;font-size:15px!important}.storefront-shared .faq-answer-inner{padding:0 20px 20px}.storefront-shared .cta-subtitle{font-size:15px}.storefront-shared .cta-perks,.storefront-shared .cta-Reassurance{align-items:stretch;flex-direction:column}.storefront-footer .footer-grid{grid-template-columns:1fr;padding:24px}.storefront-footer .footer-bottom{align-items:flex-start;flex-direction:column}.storefront-checkout-account{padding:86px 22px 0}.storefront-checkout-account .secure-label{font-size:10px} }
@media(max-width:360px) { .storefront-navbar .brand-logo { font-size:11px!important;gap:6px; }.storefront-navbar .brand-icon { width:32px;height:32px; } }