/* Light mode: the site's colors are hardcoded dark throughout rather than themed via
   CSS custom properties, so instead of rewriting every color we invert the whole
   render and un-invert real imagery/icons so photos and logos keep true colors. */
html[data-theme="light"]{filter:invert(1) hue-rotate(180deg);background:#fff}
html[data-theme="light"] img,html[data-theme="light"] video,html[data-theme="light"] .logo-mark,html[data-theme="light"] .discord-icon-link svg,html[data-theme="light"] .epvp-logo{filter:invert(1) hue-rotate(180deg)}
.theme-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--line);background:#0c0e14}
.theme-toggle b{display:block;font-size:12px}.theme-toggle small{color:var(--muted);font-size:10px}
.theme-switch{position:relative;flex-shrink:0;width:52px;height:28px;border:1px solid rgba(139,92,246,.45);background:#151821;border-radius:20px;cursor:pointer;transition:.2s}
.theme-switch i{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#7141ce,#9a59e7);transition:.2s;box-shadow:0 0 8px rgba(139,92,246,.5)}
.theme-switch[data-on="true"] i{transform:translateX(24px)}

/* Themed fallback for any plain, unstyled <button> so nothing ever renders as a stock
   white/black browser button. Only touches color/background/border/shadow (not padding
   or font-size) so pre-styled icon buttons like .modal-close aren't distorted; anything
   with its own background/border/color rule still wins outright via specificity. */
button{background:#151821;border:1px solid rgba(139,92,246,.45);color:#d7bdff;cursor:pointer;box-shadow:0 0 8px rgba(139,92,246,.12);transition:.2s}
button:hover{border-color:var(--violet);background:rgba(139,92,246,.16);color:#fff;box-shadow:0 0 14px rgba(139,92,246,.3)}
.app-header{position:fixed;top:0;z-index:1000;background:rgba(7,8,12,.86);backdrop-filter:blur(18px);width:100%;padding-inline:max(24px,calc((100% - var(--max))/2));transform:none;left:0}.app-main{padding-top:78px;min-height:90vh}
.mini-footer{padding-top:25px}.user-chip{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;min-width:0;flex-shrink:1}.user-chip img{width:30px;height:30px;border-radius:50%;flex-shrink:0}.user-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;display:inline-block}.menu-btn,.cart-link{flex-shrink:0}
.faq-list{width:100%;margin:56px auto 0;display:grid;gap:10px}
.faq-item{background:#0d0f15;border:1px solid var(--line);padding:0 22px;transition:.2s}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 0;font:600 14px Space Grotesk;color:#e6e8ee;text-align:center;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{flex-shrink:0;font-style:normal;color:var(--violet);transition:transform .2s;font-size:14px;position:absolute;right:0}
.faq-item[open] summary i{transform:rotate(180deg)}
.faq-item[open]{border-color:rgba(139,92,246,.4)}
.faq-item p{margin:0 auto 20px;color:var(--muted);font-size:13px;line-height:1.7;max-width:640px;text-align:center}
.header-actions{gap:26px}
.user-chip,.account-btn{margin-right:4px}
@media(max-width:1000px){.header-actions{gap:18px}.user-chip-name{max-width:65px}
.logo-mark{width:27px;height:27px}
.logo{font-size:15px}
}.flash-stack{position:fixed;z-index:30;right:20px;top:94px;display:grid;gap:8px}.flash{padding:13px 18px;background:#151821;border:1px solid var(--line);font-size:12px;box-shadow:0 12px 35px #000;opacity:1;transition:opacity .4s,transform .4s}.flash.error{border-color:#c94c65}.flash.success{border-color:#49c889}.flash.flash-hide{opacity:0;transform:translateX(12px)}.page-hero{min-height:0;padding:110px max(24px,calc((100% - var(--max))/2)) 40px;background:radial-gradient(circle at 75% 30%,rgba(139,92,246,.18),transparent 28%),linear-gradient(#090b11,#07080c)}.page-hero h1,.product-detail h1,.checkout-shell h1{font:700 clamp(48px,6vw,80px)/.95 Space Grotesk;letter-spacing:-3px;margin:14px 0 22px}.page-hero h1 span,.checkout-shell h1 span{color:var(--violet)}.page-hero p,.lead{max-width:600px;color:var(--muted);line-height:1.7}.compact{padding-top:65px}.card-arrow{width:34px;height:34px;display:grid;place-items:center;background:#151820;border:1px solid var(--line)}.product-detail{max-width:var(--max);margin:auto;padding:120px 24px;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.product-showcase{border:1px solid var(--line);background:#0b0d12;padding:20px}.product-showcase .product-art{height:500px}.product-detail h1{font-size:58px}.price{font:700 44px Space Grotesk;margin:30px 0}.feature-list{list-style:none;padding:0;display:grid;gap:13px;color:#abb0bc;font-size:13px;margin-bottom:32px}.feature-list li::first-letter{color:var(--cyan)}.full-btn{width:100%}.secure-note{text-align:center;color:#626876;font-size:10px;margin-top:15px}.checkout-shell{max-width:1120px;margin:auto;padding:130px 24px;display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:start}.checkout-shell>div{padding-top:40px}.checkout-shell h1{font-size:58px}.checkout-shell>div>p{color:var(--muted);line-height:1.8;max-width:560px}.checkout-trust{display:flex;gap:22px;color:#878d9b;font-size:10px;text-transform:uppercase;margin-top:45px}.order-summary{background:var(--panel);border:1px solid var(--line);padding:32px}.order-summary>small{color:#777e8e;letter-spacing:2px}.summary-product{display:flex;gap:17px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.mini-art{width:60px;height:60px;display:grid;place-items:center;background:linear-gradient(135deg,#432e70,#181328);border:1px solid rgba(168,112,255,.65);color:#c9a3ff;font:700 22px Space Grotesk;box-shadow:0 0 16px rgba(139,92,246,.28),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden}.mini-art img{width:100%;height:100%;object-fit:cover}.summary-product span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.summary-line{display:flex;justify-content:space-between;padding:18px 0;color:#9298a5;font-size:12px}.summary-line.total{border-top:1px solid var(--line);font-size:15px;color:white;margin-bottom:12px}.fine-print{text-align:center;color:#5d626e!important;font-size:9px!important}.account-hero{min-height:0;position:relative;overflow:hidden}.account-hero:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(7,8,12,.96) 0%,rgba(7,8,12,.55) 55%,rgba(7,8,12,.72) 100%)}.account-hero .hero-cast-stage{display:block;opacity:.92}.account-hero .grid-floor{opacity:.6}.account-hero-copy{position:relative;z-index:4;max-width:640px}@media(max-width:800px){.account-hero .hero-cast-stage{display:none}}.dashboard,.status-content,.admin-page>.admin-section,.admin-tabs{max-width:var(--max);margin:auto}.dashboard{padding:70px 24px 120px}.dashboard-head,.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dashboard h2,.admin-section h2{font:600 26px Space Grotesk}.live-pill{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#7cd99c}.live-pill i{display:inline-block;width:7px;height:7px;background:#6dff9c;border-radius:50%;margin-right:7px;box-shadow:0 0 8px #6dff9c}.orders{display:grid;gap:12px}.order{display:grid;grid-template-columns:1fr auto 1.8fr;gap:30px;align-items:center;background:#0d0f15;border:1px solid var(--line);padding:24px}.order small{color:#656b78;font-size:9px;letter-spacing:1px}.order h3{font-size:17px;margin:7px 0}.order>div:nth-child(2){display:grid;gap:10px;text-align:right}.license-area{border-left:1px solid var(--line);padding-left:30px;display:flex;gap:24px;align-items:flex-start}.license-keys-col{flex:1}.license-area code{display:block;color:var(--cyan);background:#080a0e;border:1px solid #1c3d43;padding:10px;user-select:all}.license-area p{font-size:11px;color:#777d8a}
.key-row{display:flex;align-items:center;gap:8px;margin-top:8px}
.key-row .key-value{flex:1;margin:0;cursor:pointer}
.key-row .key-value:not(.masked):hover{border-color:var(--cyan);box-shadow:0 0 10px rgba(77,231,255,.25)}
.key-toggle{flex-shrink:0;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.5);color:var(--violet);padding:9px 12px;font-size:9px;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:.2s}
.key-toggle:hover{background:rgba(139,92,246,.2);border-color:var(--violet);color:#fff}
.key-toggle:hover{color:#fff;border-color:rgba(139,92,246,.5)}
.guide-links-col{flex-shrink:0;border-left:1px solid var(--line);padding-left:24px;display:flex;flex-direction:column;gap:8px;min-width:160px}
.btn-download-guide{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.5);color:var(--violet);padding:10px 14px;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;transition:.2s}
.btn-download-guide:hover{background:rgba(139,92,246,.2);border-color:var(--violet);color:#fff}
.order-again-col{flex-shrink:0;border-left:1px solid var(--line);padding-left:24px;display:flex;flex-direction:column;gap:8px;min-width:110px}
.order-again-col>small{color:#656b78;font-size:9px;letter-spacing:1px}
.btn-order-again{display:block;text-align:center;background:rgba(85,223,160,.1);border:1px solid #2f7a5c;color:#55dfa0;padding:10px 14px;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;transition:.2s;animation:orderAgainPulse 2.6s ease-in-out infinite}
.btn-order-again:hover{background:rgba(85,223,160,.22);border-color:#55dfa0;color:#fff;animation-play-state:paused}
@keyframes orderAgainPulse{0%,100%{box-shadow:0 0 0 rgba(85,223,160,0)}50%{box-shadow:0 0 14px rgba(85,223,160,.55)}}
@media (prefers-reduced-motion: reduce){.btn-order-again{animation:none}}
@media(min-width:1300px){.dashboard,.status-content,.admin-page>.admin-section,.admin-tabs{max-width:1320px}}
.randomize-code-btn{background:#161923;border:1px solid var(--line);color:#c7cad4;padding:9px 12px;font-size:9px;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;white-space:nowrap}
.randomize-code-btn:hover{color:#fff;border-color:rgba(139,92,246,.5)}
.coupon-form{display:flex;gap:8px;margin-bottom:18px}
.coupon-form input{flex:1;background:#090a0e;border:1px solid var(--line);color:#fff;padding:10px;font-size:11px}
.coupon-form button{background:#161923;border:1px solid var(--line);color:#fff;padding:10px 14px;font-size:10px;text-transform:uppercase;cursor:pointer}
.coupon-applied{display:flex;justify-content:space-between;align-items:center;background:rgba(85,223,160,.08);border:1px solid #275a43;color:#7cd99c;padding:10px 12px;font-size:10px;margin-bottom:18px}
.coupon-applied form{margin:0}
.coupon-applied button{background:none;border:0;color:#ff9fae;font-size:9px;text-transform:uppercase;cursor:pointer;text-decoration:underline}
.reseller-coupon-card{background:#0d0f15;border:1px solid var(--line);padding:22px;margin-bottom:14px}
.reseller-coupon-card small{color:#7c828f;font-size:9.7px;letter-spacing:1px}
.reseller-coupon-card code{display:block;color:#e0c8ff;background:#0a0710;border:1px solid rgba(139,92,246,.5);padding:12px;margin-top:8px;font-size:14px;user-select:all;animation:couponStrobe 1.8s ease-in-out infinite}
@keyframes couponStrobe{0%,100%{border-color:rgba(139,92,246,.35);box-shadow:0 0 0 rgba(182,108,255,0)}50%{border-color:#c88cff;box-shadow:0 0 18px rgba(182,108,255,.75),inset 0 0 12px rgba(139,92,246,.25)}}
.reseller-coupon-card p{color:#9aa0ad;font-size:11.9px;margin-top:10px}
/* Reseller referral-link card: bump the small grey helper text ~8% */
.reseller-panel .fine-print{font-size:9.7px!important}
.reseller-renewal-note{color:#9aa0ad;font-size:11.5px;margin:-14px 0 22px}
.reseller-lock-note{color:#ffd85e;margin-top:-6px}
.gift-celebration-backdrop{position:fixed;inset:0;background:rgba(4,5,8,.85);backdrop-filter:blur(6px);z-index:2100;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;animation:modalIn .25s ease forwards}
.gift-celebration-modal{position:relative;width:min(420px,94vw);padding:40px 32px 32px;text-align:center;background:linear-gradient(150deg,rgba(30,18,48,.95),rgba(10,11,17,.98));border:1px solid rgba(182,108,255,.45);border-radius:10px;box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 60px rgba(139,92,246,.25);overflow:hidden;animation:giftBounceIn .5s cubic-bezier(.34,1.56,.64,1) .1s both}
.gift-celebration-burst{position:absolute;inset:0;pointer-events:none}
.gift-celebration-burst span{position:absolute;font-size:22px;opacity:0;animation:giftSparkle 1.8s ease-in-out infinite}
.gift-celebration-burst span:nth-child(1){left:10%;top:18%;animation-delay:.1s}
.gift-celebration-burst span:nth-child(2){left:82%;top:14%;animation-delay:.45s}
.gift-celebration-burst span:nth-child(3){left:18%;top:78%;animation-delay:.75s}
.gift-celebration-burst span:nth-child(4){left:78%;top:72%;animation-delay:.3s}
.gift-celebration-burst span:nth-child(5){left:50%;top:6%;animation-delay:.6s}
.gift-celebration-icon{position:relative;font-size:56px;line-height:1;margin-bottom:14px;animation:giftIconBounce 1.4s ease-in-out .6s infinite}
.gift-celebration-modal h2{position:relative;margin:0 0 10px;font:700 26px Space Grotesk;background:linear-gradient(90deg,#ac76ff,#5be7ff);-webkit-background-clip:text;color:transparent}
.gift-celebration-modal p{position:relative;margin:0 0 24px;color:#c3b3da;font-size:14px;line-height:1.6}
.gift-celebration-modal p b{color:#fff;font-size:16px}
@keyframes giftBounceIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1)}}
@keyframes giftIconBounce{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-6deg)}}
@keyframes giftSparkle{0%,100%{opacity:0;transform:translateY(6px) scale(.6)}50%{opacity:1;transform:translateY(-4px) scale(1)}}
.reseller-gift-head{margin-bottom:6px}
.friend-code-input{text-transform:uppercase;letter-spacing:2px}
.friend-code-select{width:100%}
.reseller-gift-form{margin-bottom:0}
.reseller-gift-split{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start;margin-bottom:22px}
.reseller-gift-box{display:flex;flex-direction:column;gap:22px}
.reseller-gift-section h3{font:600 15px Space Grotesk;color:var(--violet);letter-spacing:.3px;margin:0 0 10px}
.reseller-gift-divider{height:1px;background:var(--line)}
.gift-toggle-block{margin-top:16px;padding:18px 20px;border:1px solid rgba(139,92,246,.28);border-radius:4px;background:rgba(139,92,246,.06)}
.gift-toggle-row{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:800;color:#d7bdff;cursor:pointer}
.gift-toggle-row input{width:24px;height:24px;flex-shrink:0;accent-color:var(--violet)}
.gift-toggle-icon{font-size:26px;line-height:1;filter:drop-shadow(0 0 6px rgba(182,108,255,.5))}
.gift-friend-picker{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.gift-friend-picker[hidden]{display:none}
.gift-friend-picker small{color:#8b7a9e;font-size:9px;letter-spacing:1px;text-transform:uppercase}
.gift-buy-now-note{margin:10px 0 0;color:#c99aff;font-size:10px}
.cart-gift-tag,.order-gift-tag{display:inline-flex;align-items:center;gap:4px;margin:4px 0;padding:3px 9px;width:fit-content;border-radius:999px;background:rgba(139,92,246,.16);border:1px solid rgba(182,108,255,.4);color:#d7bdff;font-size:10px;font-weight:700}
.reseller-own-code-card{margin:0}
.reseller-own-code-card code{font-size:15px;letter-spacing:2px}
@media(max-width:900px){.reseller-gift-split{grid-template-columns:1fr}}
.reseller-panel .order-summary>small{font-size:9.7px}
/* "reseller" word in the coupons heading: purple with a glow pulse */
.reseller-word{color:var(--violet);animation:resellerWordGlow 2.2s ease-in-out infinite}
@keyframes resellerWordGlow{0%,100%{text-shadow:0 0 0 rgba(182,108,255,0)}50%{text-shadow:0 0 12px rgba(182,108,255,.9),0 0 22px rgba(139,92,246,.5)}}
@media(prefers-reduced-motion:reduce){.reseller-coupon-card code,.reseller-word{animation:none}}
.copyable{cursor:pointer}
.referral-link-chip{color:#c99aff;font-size:10px;word-break:break-all}
.referral-link-pending{color:var(--muted);font-size:10px}
.generate-referral-btn{background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.4);color:#c99aff;padding:3px 8px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;border-radius:2px;vertical-align:middle}
.generate-referral-btn:hover{background:rgba(139,92,246,.22);color:#fff}
.reseller-coupon-card code.copyable:hover{color:#fff}

/* Reseller page: tighter boxes and spacing so there's far less empty scroll */
body:has(.reseller-panel) .page-hero{min-height:0;padding-top:104px;padding-bottom:34px}
#page-title{scroll-margin-top:78px}
#trade-uc,#referrals,#friend-code,#friend-codes,#raffle-entries,#epvp-vouch,#messages,#security,#account-theme-picker,#saved-products,#entitlements,#contact-preferences,#tiers,#gift{scroll-margin-top:96px}
/* My Account hero: the full character-banner cast-hero is oversized here, leaving a lot of dead space above the profile card */
body:has(.profile-card) .cast-hero{min-height:clamp(300px,26vw,400px);padding-top:96px;padding-bottom:28px}
body:has(.profile-card) .page-nav-shell{margin-top:20px}
/* Admin-style quick nav reused outside /admin (account + reseller dashboards) */
.page-nav-shell{position:relative}
.admin-quick-edit-link{float:right;padding:8px 14px;gap:6px;font-size:10px;letter-spacing:.8px;border-color:rgba(139,92,246,.4);background:rgba(139,92,246,.09);color:#d7bdff}
.admin-quick-edit-link:hover{border-color:rgba(182,108,255,.6);background:rgba(139,92,246,.16);color:#fff}
@media(max-width:700px){.admin-quick-edit-link{float:none;display:inline-flex;margin-bottom:10px}}
/* Forum sub-pages: text-only heroes (breadcrumb + title), no character art, so drop the big
   top/bottom padding everywhere except the main forum landing page's cast-hero, which keeps it
   for the character artwork. */
.forum-page>.page-hero:not(.cast-hero){min-height:0;padding-top:104px;padding-bottom:34px}
.reseller-panel{padding-top:32px;padding-bottom:60px}
.reseller-panel .order-summary{padding:18px 22px;margin-bottom:18px!important}
.reseller-panel .order-summary>small{display:block;margin-bottom:6px}
.reseller-panel .order-summary .summary-line{padding:8px 0}
.reseller-panel .order-summary .fine-print{margin-top:8px}
.reseller-panel .dashboard-head{margin-bottom:14px}
.reseller-coupon-card{padding:16px 18px;margin-bottom:12px}
.reseller-coupon-card code{padding:10px;margin-top:6px}
.reseller-coupon-card p{margin-top:8px}
.reseller-panel .empty-state{padding:34px 24px}
@media(max-width:800px){body:has(.reseller-panel) .page-hero{padding-top:96px}.reseller-panel{padding-top:22px}.forum-page>.page-hero:not(.cast-hero){padding-top:96px}}

/* Admin on mobile: compact "New product" button and smaller status badges that don't overlap titles */
@media(max-width:700px){
  .admin-title{gap:10px}
  .admin-title .btn{width:auto;flex:0 0 auto;padding:9px 12px;font-size:9px;letter-spacing:.6px;white-space:nowrap}
  .product-row-main{gap:8px}
  .admin-table .product-row-main>span:first-child{flex:1 1 100%;min-width:0}
  .admin-table .product-row-main>span:first-child b{overflow-wrap:anywhere}
  .admin-table .product-row-main .status-badge{width:auto;padding:5px 8px;font-size:7px}
}.status-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid;border-radius:20px;text-transform:uppercase;font-size:8px;letter-spacing:1px}.status-badge.operational,.status-badge.paid{color:#55dfa0;border-color:#275a43;background:#10251c}.status-badge.testing{color:#e6bd63;border-color:#6b582e;background:#282213}.status-badge.updating,.status-badge.pending{color:#7ebeff;border-color:#305678;background:#122232}.status-badge.patched{color:#d993ff;border-color:#65407b;background:#24152b}.status-badge.offline{color:#ff718a;border-color:#742f3c;background:#2d1419}.empty-state{text-align:center;padding:80px;border:1px solid var(--line);background:var(--panel)}
.cart-shell .empty-state{grid-column:1/-1;max-width:560px;margin:0 auto}.empty-state>span{font-size:40px;color:var(--purple)}.empty-state p{color:var(--muted)}.empty-state .btn{width:auto;margin-top:15px}.status-content{padding:60px 24px 120px}.status-legend{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:#0c0e13}.status-legend>div{padding:22px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:10px}.status-legend>div:last-child{border:0}.status-legend b{font-size:11px}.status-legend span{grid-column:2;color:#656b78;font-size:9px;margin-top:5px}.dot{width:8px;height:8px;border-radius:50%;margin-top:2px}.dot.operational{background:#55dfa0;box-shadow:0 0 10px #55dfa0}.dot.patched{background:#d993ff}.dot.updating{background:#7ebeff}.dot.testing{background:#e6bd63}.dot.offline{background:#ff718a}.status-tools{display:flex;justify-content:space-between;align-items:center;margin:35px 0}.status-tools input{width:320px;background:#0d0f15;border:1px solid var(--line);color:white;padding:13px}.status-tools>span{color:#727887;font-size:9px;text-transform:uppercase}.status-list section{margin-bottom:38px}.status-list h2{font:600 21px Space Grotesk;border-bottom:1px solid var(--line);padding-bottom:15px}.status-list article{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid var(--line);transition:.2s}.status-list article:hover{background:#0c0e13}.status-list article>div{display:flex;align-items:center;gap:14px}.status-icon{width:40px;height:40px;display:grid;place-items:center;background:#14121b;border:1px solid #4c366a;color:var(--violet);font-weight:800}.status-list h3{font-size:14px}.status-list small{color:#666c78;font-size:9px}.status-list article>div:last-child{gap:24px}.status-list article a{font-size:10px;color:#9b73da}.admin-page{padding-bottom:110px}.admin-tabs{display:flex;gap:10px;padding:25px 24px;border-bottom:1px solid var(--line);position:sticky;top:78px;z-index:5;background:#08090d}.admin-tabs a{padding:10px 14px;background:linear-gradient(135deg,rgba(30,18,48,.55),rgba(17,19,26,.85));border:1px solid rgba(139,92,246,.3);color:#c3a3ea;font-size:10px;text-transform:uppercase;transition:.2s}.admin-tabs a:hover,.admin-tabs a.active{border-color:#a75df2;background:linear-gradient(135deg,rgba(102,48,158,.45),rgba(31,17,48,.88));color:#fff;box-shadow:0 0 14px rgba(139,92,246,.24)}.admin-section{padding:70px 24px 0}.admin-form{display:none;grid-template-columns:repeat(4,1fr);gap:15px;background:linear-gradient(150deg,rgba(30,18,48,.4),rgba(12,14,20,.85));border:1px solid rgba(139,92,246,.32);padding:25px;margin-bottom:25px}.admin-form.open{display:grid}.admin-form label{display:grid;gap:8px;color:#a794c2;font-size:9px;text-transform:uppercase;letter-spacing:1px}.admin-form input,.admin-form select,.admin-form textarea,.key-form input,.admin-inline-form input,.admin-inline-form select,.admin-inline-form textarea{background:#110b1e;border:1px solid rgba(139,92,246,.35);padding:11px;color:white;transition:border-color .2s ease,box-shadow .2s ease}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.key-form input:focus,.admin-inline-form input:focus,.admin-inline-form select:focus,.admin-inline-form textarea:focus{outline:0;border-color:#a75df2;box-shadow:0 0 12px rgba(139,92,246,.3)}.admin-form select,.admin-inline-form select,.key-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23c3a3ea' stroke-width='2'%3E%3Cpath d='M5 7.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:32px}.admin-form textarea{min-height:85px}.admin-form .wide{grid-column:span 2}.admin-form .check{display:flex;align-items:center;grid-template-columns:auto 1fr}.admin-form .check input{width:auto}.admin-form.single{grid-template-columns:1fr}.admin-table{border:1px solid rgba(139,92,246,.35);background:linear-gradient(150deg,rgba(28,17,46,.35),rgba(10,11,17,.55))}.admin-table>div{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(139,92,246,.18);transition:background .2s ease}.admin-table>div:hover{background:rgba(139,92,246,.06)}.admin-table>div:last-child{border:0}.admin-table>div>span{display:grid;gap:6px}.admin-table small{color:#a596b8;font-size:9px}.admin-table button,.key-form button,.admin-inline-form button{background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.4);color:#e2d4fa;padding:9px 13px;cursor:pointer;transition:.2s}.admin-table button:hover,.key-form button:hover,.admin-inline-form button:hover{background:rgba(139,92,246,.26);border-color:#c088ff;color:#fff;box-shadow:0 0 14px rgba(139,92,246,.28)}.key-form{display:flex;gap:7px}.admin-inline-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end;padding:20px;border:1px solid rgba(139,92,246,.32);border-radius:6px;background:linear-gradient(145deg,rgba(24,15,37,.92),rgba(9,10,16,.98));box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.03)}.admin-inline-form label{display:grid;gap:6px;color:#a794c2;font-size:9px;text-transform:uppercase;letter-spacing:1px;grid-column:span 3;min-width:0}.admin-inline-form label.wide{grid-column:span 6}.admin-inline-form textarea{resize:vertical;min-height:80px}.admin-inline-form button{grid-column:span 12;justify-self:start}.admin-page input[type="file"]{background:rgba(139,92,246,.07);border:1px dashed rgba(182,108,255,.55);color:#c3a3ea;padding:9px;font-size:10px;cursor:pointer}.admin-page input[type="file"]::file-selector-button{margin-right:10px;padding:7px 12px;border:1px solid rgba(182,108,255,.55);border-radius:3px;background:#241438;color:#eadcff;font-size:9px;font-weight:800;text-transform:uppercase;cursor:pointer}.admin-page input[type="file"]::file-selector-button:hover{background:#3a2058;border-color:#c088ff}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media(max-width:800px){.product-detail,.checkout-shell{grid-template-columns:1fr;gap:30px;padding:80px 16px}.product-showcase .product-art{height:320px}.checkout-shell>div{padding-top:0}.checkout-trust{flex-wrap:wrap}.order{grid-template-columns:1fr auto}.license-area{grid-column:span 2;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.status-legend{grid-template-columns:1fr 1fr}.status-legend>div{border-bottom:1px solid var(--line)}.status-tools{align-items:stretch;flex-direction:column;gap:18px}.status-tools input{width:100%}.status-list article{gap:18px}.status-list article>div:last-child{flex-direction:column;align-items:flex-end;gap:8px}.admin-form{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.key-form{flex-wrap:wrap}.page-hero{padding-inline:16px}.page-hero h1{font-size:50px}}
.logo-mark{animation:logoPulse 3.6s ease-in-out infinite}
@keyframes logoPulse{0%,100%{filter:drop-shadow(0 0 4px rgba(139,92,246,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 14px rgba(139,92,246,.85)) drop-shadow(0 0 22px rgba(77,231,255,.4));transform:scale(1.05)}}
.glow{filter:drop-shadow(0 0 12px rgba(182,108,255,.45))}
.icon{filter:drop-shadow(0 0 6px rgba(139,92,246,.2))}
.discord-link{display:flex;align-items:center;gap:6px;color:#b0b4c0;transition:.2s}
.desktop-icon-link,.desktop-nav .mobile-reseller-link,.desktop-nav .mobile-admin-link{display:inline-flex!important;align-items:center;gap:6px}
.desktop-nav{gap:11px!important;font-size:11.7px!important}
.logo{margin-right:22px}
.mail-button{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:12px;border:1px solid var(--line);border-radius:50%;color:#9ea4b2;transition:border-color .2s ease,color .2s ease,background .2s ease}
.mail-button:hover{border-color:rgba(139,92,246,.6);color:#fff;background:rgba(139,92,246,.1)}
.mail-button.unread{border-color:rgba(255,196,75,.6);color:#ffc44b;box-shadow:0 0 10px rgba(255,196,75,.35);animation:mailButtonPulse 1.8s ease-in-out infinite}
.mail-button-dot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:#ff718a;border:2px solid var(--bg);box-shadow:0 0 6px rgba(255,113,138,.7)}
@keyframes mailButtonPulse{0%,100%{box-shadow:0 0 8px rgba(255,196,75,.3)}50%{box-shadow:0 0 16px rgba(255,196,75,.7)}}
.header-actions{margin-left:22px}
.discord-link:hover{color:var(--violet)}
.cart-link{position:relative;display:flex;align-items:center;color:#c9cdd8;transition:.2s}
.cart-link:hover{color:#fff}
.cart-badge{position:absolute;top:-9px;right:-11px;background:var(--purple);color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.cart-badge.hidden{display:none}
.product-card{box-shadow:0 0 0 1px rgba(139,92,246,.16),0 0 20px rgba(139,92,246,.07)}
.product-card:hover{box-shadow:0 0 0 1px rgba(139,92,246,.6),0 0 36px rgba(139,92,246,.3),0 20px 60px rgba(0,0,0,.35)}
.product-info{padding:28px}
.product-info footer{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.product-info footer>strong{display:flex;justify-content:space-between;align-items:baseline;width:100%}
.product-info strong small{font-size:9px;color:var(--muted);font-weight:500;margin-left:3px;text-transform:none;letter-spacing:0}
.card-actions{display:flex;gap:8px;width:100%}
.btn-details{flex:1;background:#151820;border:1px solid var(--line);color:#fff;padding:12px 10px;font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;text-align:center;white-space:nowrap}
.btn-details:hover{border-color:rgba(139,92,246,.5)}
.add-cart-wrap{position:relative;flex:1;display:flex}
.btn-add-cart{flex:1;background:linear-gradient(100deg,#7141ce,#9a59e7);border:1px solid transparent;color:#fff;padding:12px 10px;font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;white-space:nowrap}
.tier-popover{display:none;position:absolute;bottom:calc(100% + 8px);right:0;background:#0c0e15;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.5);padding:6px;min-width:200px;width:max-content;max-width:calc(100vw - 40px);z-index:6;border-radius:4px}
/* Denser catalog grid: smaller cards, more per row, without shrinking mobile layouts. */
@media(min-width:1001px){
  .products .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-content:stretch!important;gap:16px!important}
  .products .product-art{height:auto!important;aspect-ratio:340/293}
  .products .product-info{padding:21px!important}
  .products .product-info small{font-size:8px!important}
  .products .product-info h3{font-size:18px!important;margin-top:5px!important}
  .products .product-info p{font-size:12px!important;line-height:1.5!important;min-height:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .products .product-info footer{gap:11px!important;padding-top:15px!important;margin-top:15px!important}
  .products .product-info strong{font-size:14px!important}
  .products .btn-details,.products .btn-add-cart{padding:10px 9px!important;font-size:10px!important}
}

/* Site-wide responsive foundation */
html,body{width:100%;max-width:100%;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
img,video,canvas,iframe,svg{max-width:100%}
img,video{height:auto}
main,section,article,aside,nav,header,footer,form,fieldset,div{min-width:0}
input,select,textarea,button{max-width:100%;min-width:0}
p,h1,h2,h3,h4,a,b,small,span,code{overflow-wrap:anywhere}
.section,.page-hero,.dashboard,.status-content,.admin-section,.product-detail,.checkout-shell{width:100%}
.product-grid,.feature-grid,.step-grid,.forum-membership-plans{align-items:stretch}
.product-card,.feature-card,.order,.admin-table>div{min-width:0}

@media(max-width:1180px){
  .desktop-nav{display:none!important}
  .header-actions{margin-left:auto}
  .menu-btn{display:flex;width:40px;height:35px;border:0;background:none;flex-direction:column;justify-content:center;gap:7px}
  .menu-btn i{width:24px;height:1px;background:#fff}
  .mobile-nav{display:none;position:absolute;top:78px;left:0;right:0;max-height:calc(100dvh - 90px);padding:18px;overflow-y:auto;background:#0a0c11;border:1px solid var(--line);flex-direction:column;gap:14px}
  .mobile-nav.open{display:flex}
}

@media(max-width:900px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-card:last-child{grid-column:auto}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
  .footer-brand{grid-column:1/-1}
  .checkout-shell,.product-detail{grid-template-columns:1fr;gap:34px;padding:96px 24px 70px}
  .product-detail>*,.checkout-shell>*{width:100%;min-width:0}
  .admin-form,.admin-inline-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-form .wide{grid-column:1/-1}
  .orders .order{grid-template-columns:minmax(0,1fr) auto}
  .license-area{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:18px 0 0;flex-wrap:wrap}
  .status-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  .logo{font-size:16px}.logo-mark{width:30px;height:30px}
  .header-actions{gap:10px}.cart-link{padding-inline:4px}
  .page-hero{min-height:0;padding:118px 16px 56px}
  .page-hero h1,.product-detail h1,.checkout-shell h1{max-width:100%!important;font-size:clamp(36px,12vw,52px);line-height:1;letter-spacing:-2px}
  .hero{min-height:680px;height:auto;padding:115px 0 80px}
  .hero-copy{width:calc(100% - 32px);padding-top:0}
  .hero-copy h1{font-size:clamp(43px,14vw,62px)}
  .hero-visual{right:-48%;top:20%;width:115vw;height:115vw;max-height:none;opacity:.22}
  .section{padding:68px 16px}
  .section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:18px}
  .product-grid,.feature-grid,.step-grid{grid-template-columns:1fr}
  .product-card:last-child{grid-column:auto}
  .product-art{height:clamp(190px,62vw,260px)}
  .shop-bar,.status-tools{align-items:stretch;flex-direction:column}
  .search,.status-tools input{width:100%}
  .filters{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.filters button{flex:0 0 auto;white-space:nowrap}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.stats div{min-height:115px}
  .footer{padding:55px 16px 22px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}
  .checkout-shell,.product-detail{padding:88px 16px 56px}.product-showcase{padding:12px}.product-showcase .product-art{height:clamp(250px,80vw,360px)}
  .order-summary{padding:20px}.checkout-trust{flex-wrap:wrap;margin-top:28px}
  .dashboard,.status-content,.admin-section{padding-left:16px;padding-right:16px}
  .dashboard-head,.admin-title{align-items:flex-start;gap:12px;flex-wrap:wrap}
  .admin-tabs{padding:14px 12px;overflow-x:auto;scrollbar-width:thin}.admin-tabs a{flex:0 0 auto;white-space:nowrap}
  .admin-form,.admin-inline-form{grid-template-columns:1fr!important;padding:16px}
  .admin-form .wide,.admin-inline-form>*{grid-column:auto!important}
  .admin-table>div{align-items:stretch;flex-direction:column;gap:14px;padding:14px}
  .admin-table form,.admin-table input,.admin-table select,.admin-table textarea{width:100%}
  .key-form,.split{width:100%;grid-template-columns:1fr;flex-wrap:wrap}
  .orders .order{grid-template-columns:1fr;padding:17px;gap:16px}.order>div:nth-child(2){text-align:left}.license-area{grid-column:auto;flex-direction:column}.guide-links-col,.order-again-col{width:100%;min-width:0;border-left:0;border-top:1px solid var(--line);padding:16px 0 0}
  .status-list article{align-items:flex-start;flex-direction:column}.status-list article>div:last-child{width:100%;align-items:flex-start;flex-direction:row;flex-wrap:wrap}
  .empty-state{padding:50px 18px}
}

@media(max-width:480px){
  .logo{font-size:14px}.logo-mark{width:27px;height:27px}.user-chip-name{display:none}.balance-chip{font-size:9px;padding:6px 8px}
  .hero-actions,.forum-hero-actions,.checkout-trust{align-items:stretch;flex-direction:column}
  .hero-actions .btn,.forum-hero-actions .btn{width:100%}
  .stats b,.stats span{font-size:29px}
  .footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}
  .status-legend{grid-template-columns:1fr}
  .summary-product{align-items:flex-start}.mini-art{flex:0 0 52px;width:52px;height:52px}
  .flash-stack{left:12px;right:12px;top:86px}.flash{width:100%}
  .btn{gap:12px;padding:13px 15px}
}

@media(max-width:360px){
  .logo>span{font-size:12px}.header-actions{gap:6px}.cart-link svg{width:16px}
  .page-hero{padding-inline:12px}.section,.dashboard,.status-content,.admin-section{padding-left:12px;padding-right:12px}
  .hero-copy h1{font-size:40px}.page-hero h1{font-size:34px}
}
.view-cart-slot{display:none;width:100%}
.view-cart-slot.visible{display:flex}
.btn-view-cart{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.55);color:var(--violet);padding:12px 10px;font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;text-align:center;transition:.2s}
.btn-view-cart:hover{background:rgba(139,92,246,.22);border-color:var(--violet);box-shadow:0 0 16px rgba(139,92,246,.3)}
.modal-actions a[data-action="buy-now"],.product-actions a[data-buy-now]{border-color:rgba(139,92,246,.45);color:#d9c6ff;background:rgba(139,92,246,.06)}
.modal-actions a[data-action="buy-now"]:hover,.product-actions a[data-buy-now]:hover{border-color:var(--violet);box-shadow:0 0 16px rgba(139,92,246,.25);background:rgba(139,92,246,.12)}
.add-cart-wrap.open .tier-popover{display:flex;flex-direction:column;gap:2px}
.tier-popover button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:none;border:0;color:#c7cad4;text-align:left;padding:10px 12px;font-size:12.65px;cursor:pointer;border-radius:3px;white-space:nowrap}
.tier-popover button b{color:#fff;font-weight:700}
.tier-popover button:hover{background:rgba(139,92,246,.12);color:#fff}
.cart-toast{position:fixed;bottom:24px;right:24px;background:#151820;border:1px solid rgba(139,92,246,.45);color:#c9a9ea;padding:12px 18px;font-size:12px;box-shadow:0 12px 35px #000,0 0 14px rgba(139,92,246,.2);z-index:3000;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}
.cart-toast.show{opacity:1;transform:none}
.product-modal-backdrop{position:fixed;inset:0;background:rgba(4,5,8,.78);backdrop-filter:blur(6px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;animation:modalIn .2s ease forwards}
.product-modal{background:#0b0d12;border:1px solid var(--line);width:min(1320px,96vw);max-height:92vh;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);position:relative;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;font-size:18px;line-height:1;cursor:pointer;z-index:2}
.modal-art{background:radial-gradient(circle at center,rgba(139,92,246,.2),transparent 58%),#090b10;display:grid;place-items:center;min-width:0;min-height:260px}
.modal-art .product-gallery{width:100%;min-width:0;align-self:stretch}
.modal-art .gallery-main{width:100%}
.modal-art span{padding:42px 29px;border:1px solid #4f386d;background:rgba(14,14,22,.9);color:#bc87ff;font:700 20px Space Grotesk;letter-spacing:4px;box-shadow:0 0 40px rgba(139,92,246,.2)}
.modal-body{padding:36px}
.modal-body h2{font:700 30px Space Grotesk;margin:10px 0 16px}
.modal-tiers{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.modal-tiers label{border:1px solid var(--line);padding:13px 17px;font-size:13px;cursor:pointer;display:flex;gap:8px;position:relative}
.modal-tiers label b{font-size:16px}
.modal-tiers input{position:absolute;opacity:0}
.modal-tiers label.active{border-color:var(--violet);background:rgba(139,92,246,.1)}
.modal-actions{display:flex;gap:10px;margin-top:10px}
.modal-actions .btn{flex:1}
.modal-edit-product{width:100%;margin-top:10px;border-color:rgba(217,147,255,.45);color:#e8c9ff}
.modal-product-editor{position:absolute;inset:0;z-index:8;overflow-y:auto;padding:30px;background:rgba(8,9,13,.98);backdrop-filter:blur(14px)}
.keys-modal-backdrop{position:fixed;inset:0;background:rgba(4,5,8,.78);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;animation:modalIn .2s ease forwards}
.keys-modal-backdrop[hidden]{display:none}
.link-disclaimer-backdrop{position:fixed;inset:0;background:rgba(4,5,8,.82);backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;animation:modalIn .2s ease forwards}
.link-disclaimer-modal{width:min(560px,96vw);max-height:88vh;overflow-y:auto;background:#0b0d12;border:1px solid rgba(255,113,138,.35);box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 32px rgba(255,113,138,.1)}
.link-disclaimer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(100deg,#1a0d16,#120810);border-bottom:1px solid rgba(255,113,138,.3);font:800 13px Space Grotesk;letter-spacing:.6px;text-transform:uppercase;color:#ff9fb0}
.link-disclaimer-close{background:none;border:0;color:var(--muted);font-size:19px;line-height:1;cursor:pointer;padding:2px 6px}
.link-disclaimer-close:hover{color:#fff}
.link-disclaimer-body{padding:22px 24px}
.link-disclaimer-warning{padding:14px 16px;border:1px solid rgba(255,184,61,.3);border-left:3px solid #f5b83d;border-radius:4px;background:rgba(245,184,61,.06);margin-bottom:18px}
.link-disclaimer-warning p{margin:0 0 10px;font-size:12.5px;line-height:1.65;color:#d8d4cc}
.link-disclaimer-warning p:last-child{margin-bottom:0}
.link-disclaimer-source-label{display:block;margin-bottom:8px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.link-disclaimer-source-row{display:flex;gap:8px}
.link-disclaimer-source-row input{flex:1;min-width:0;padding:11px 13px;border:1px solid var(--line);border-radius:5px;background:#090a0e;color:#9ad6ff;font-size:12px;font-family:monospace}
.link-disclaimer-source-row .btn{flex-shrink:0}
.link-disclaimer-footer{display:flex;justify-content:center;padding:18px 24px 24px}
.link-disclaimer-footer .btn{min-width:280px;text-align:center;justify-content:center}
@media(max-width:600px){.link-disclaimer-source-row{flex-direction:column}.link-disclaimer-footer .btn{min-width:0;width:100%}}
.contact-widget-dot{position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#ff718a;border:2px solid #0b0d12;box-shadow:0 0 8px rgba(255,113,138,.7);animation:adminNavBadgePulse 1.6s ease-in-out infinite}
.contact-widget-toggle{position:relative}
.contact-widget-thread{margin-bottom:10px;padding:10px 12px;border-left:2px solid #8b5cf6;border-radius:2px;background:rgba(139,92,246,.08)}
.contact-widget-thread small{display:block;color:#a596b8;font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.contact-widget-thread p{margin:0;color:#eadcff;font-size:12px;line-height:1.5;white-space:pre-wrap}
.contact-widget-view-link{display:block;margin-top:8px;text-align:center;color:#c3a3ea;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;text-decoration:underline;text-underline-offset:2px}
.contact-widget-view-link:hover{color:#fff}
.contact-widget-panel{max-height:min(560px,calc(100vh - 100px));overflow-y:auto;box-sizing:border-box}
.contact-widget-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;margin-left:5px;border-radius:20px;background:rgba(139,92,246,.28);color:#d7bdff;font:800 10px Inter}
.contact-widget-list .contact-widget-thread:last-child{margin-bottom:14px}
.keys-modal{background:#0b0d12;border:1px solid var(--line);width:min(760px,96vw);max-height:88vh;overflow-y:auto;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.keys-modal-body{padding:36px}
.keys-modal-body h2{font:700 26px Space Grotesk;margin:10px 0 20px}
.terms-modal-body{max-height:60vh;overflow-y:auto;padding-right:6px}
.terms-modal-body .legal-content{max-width:none;margin:0;padding:0;color:#abb0bc;line-height:1.8}
.terms-modal-body .legal-content h2{font:600 16px Space Grotesk;margin:24px 0 10px;color:#fff}
.crop-modal-backdrop{position:fixed;inset:0;background:rgba(4,5,8,.82);backdrop-filter:blur(6px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;animation:modalIn .2s ease forwards}
.crop-modal{position:relative;width:min(480px,94vw);padding:28px;background:#0b0d12;border:1px solid rgba(139,92,246,.35);border-radius:10px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.crop-modal h2{font:700 20px Space Grotesk;margin:6px 0 4px}
.crop-modal .lead{font-size:11px;margin:0 0 16px}
.crop-stage{width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(139,92,246,.3);background:#000;touch-action:none}
.crop-canvas{display:block;width:100%;height:auto;cursor:grab;touch-action:none}
.crop-canvas:active{cursor:grabbing}
.crop-zoom-row{display:flex;align-items:center;gap:10px;margin-top:16px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}
.crop-zoom-row input[type="range"]{flex:1}
.crop-modal-actions{display:flex;gap:10px;margin-top:20px}
.crop-modal-actions .btn{flex:1}
.terms-modal-body .legal-content h2:first-child{margin-top:0}
.terms-modal-body .legal-content p{font-size:12.5px}
.keys-modal-list{display:grid;gap:12px}
.keys-modal-list .order{grid-template-columns:1fr auto 1.8fr}
@media(max-width:800px){.keys-modal-list .order{grid-template-columns:minmax(0,1fr) auto;width:100%;gap:14px;padding:16px}.keys-modal-list .license-area{grid-column:span 2;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}
.reward-modal .keys-modal-body{text-align:center}.reward-modal-credit{font:800 20px Space Grotesk;color:#55dfa0;margin-bottom:18px}.reward-modal-coupon{display:grid;gap:8px;justify-items:center;padding:18px;border:1px dashed rgba(255,216,94,.5);background:rgba(255,216,94,.08);margin-bottom:20px}.reward-modal-coupon small{color:#ffd85e;text-transform:uppercase;letter-spacing:1px;font-size:9px}.reward-modal-coupon code{font:800 20px Space Grotesk;color:#fff;letter-spacing:1px;cursor:pointer}.reward-modal-coupon code:hover{color:#ffd85e}
.generated-keys-actions{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.generated-keys-actions form{margin:0}
.modal-product-editor[hidden]{display:none}
.modal-editor-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.modal-editor-head h2{margin:6px 0 0;font:700 28px Space Grotesk}.modal-editor-close{width:38px;height:38px;border:1px solid var(--line);background:#12141c;color:#fff;font-size:22px;cursor:pointer}
.modal-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modal-editor-grid label{display:grid;gap:7px;color:#858b98;font-size:9px;text-transform:uppercase;letter-spacing:1px}.modal-editor-grid input,.modal-editor-grid select,.modal-editor-grid textarea{width:100%;min-width:0;padding:11px;border:1px solid var(--line);background:#090a0e;color:#fff}.modal-editor-grid textarea{resize:vertical}.modal-editor-grid .wide{grid-column:1/-1}.modal-editor-grid .editor-active{display:flex;align-items:center;gap:9px;align-self:end;min-height:39px}.modal-editor-grid .editor-active input{width:auto}
.editor-upload-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.editor-upload-row label{flex:1;min-width:220px}.editor-upload-row .btn{flex-shrink:0;min-height:39px;padding:0 18px}.editor-upload-row span[data-upload-status]{color:#9b8bff;font-size:10px;text-transform:uppercase;letter-spacing:.6px}
.editor-images-hint{margin:10px 0 0;color:#7a8091;font-size:9px;text-transform:uppercase;letter-spacing:.6px}
.modal-editor-images{display:grid;grid-template-columns:repeat(6,minmax(80px,1fr));gap:10px;margin-top:18px}.modal-editor-image{position:relative;display:grid;gap:5px;padding:5px;border:1px solid var(--line);color:#ff8ca0;font-size:9px;text-transform:uppercase;transition:opacity .2s ease,border-color .2s ease}.modal-editor-image img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#05060a;cursor:zoom-in}.modal-editor-image input{position:absolute;top:8px;right:8px;width:18px;height:18px;cursor:pointer}.modal-editor-image:has(input:checked){border-color:var(--violet);background:rgba(139,92,246,.14)}.modal-editor-image.uploading{opacity:.5;pointer-events:none}.modal-editor-image.uploading img{filter:grayscale(.4)}
.editor-bulk-bar{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:10px 14px;border:1px solid var(--violet);background:rgba(139,92,246,.12);color:#e5d9ff;font-size:11px}
.editor-bulk-bar b{color:#fff}
.editor-bulk-bar .danger-btn{padding:7px 16px;font-size:9px}
.editor-bulk-bar[hidden]{display:none}
.modal-editor-trash{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.editor-trash-toggle{background:none;border:0;color:#9b8bff;font-size:10px;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;padding:0}
.editor-trash-toggle:hover{color:#c4b5ff}
.editor-trash-panel[hidden]{display:none}
.editor-trash-grid{margin-top:12px}
.editor-trash-bulk-bar{border-color:#ff5876;background:rgba(255,88,118,.12);color:#ffd2db;margin-top:0}
.editor-trash-bulk-bar b{color:#fff}
.editor-trash-bulk-bar .danger-btn{border-color:#ff5876}
.editor-trash-grid .modal-editor-image{cursor:default;color:#8a92a3;border-color:rgba(255,88,118,.35);opacity:.7}
.editor-trash-grid .modal-editor-image img{filter:grayscale(.5)}
.editor-trash-grid .modal-editor-image button{position:relative;grid-row:2;width:100%;padding:5px;border:1px solid rgba(139,92,246,.5);background:rgba(139,92,246,.12);color:#c4b5ff;font-size:8px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}
.editor-trash-grid .modal-editor-image button:hover{background:rgba(139,92,246,.25);color:#fff}
.editor-trash-grid .modal-editor-image small{font-size:7px;color:#6a7080;text-transform:none}
.modal-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:22px}.modal-editor-actions span{color:#9da4b2;font-size:10px}.modal-editor-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.modal-product-editor{padding:20px 14px}.modal-editor-grid{grid-template-columns:1fr}.modal-editor-grid .wide{grid-column:auto}.modal-editor-images{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-editor-actions{align-items:stretch;flex-direction:column}.modal-editor-actions .btn{width:100%}}
@keyframes modalIn{to{opacity:1}}
.tier-select{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}
.tier-option{position:relative;border:1px solid var(--line);padding:14px 18px;display:flex;flex-direction:column;gap:4px;cursor:pointer;font-size:13px;color:var(--muted)}
.tier-option b{color:#fff;font:600 18px Space Grotesk}
.tier-option input{position:absolute;opacity:0;pointer-events:none}
.tier-option.active{border-color:var(--violet);background:rgba(139,92,246,.1)}
.product-actions{display:flex;gap:10px}
.product-actions.tight-top{margin-top:14px}
.product-actions .full-btn{width:auto;flex:1}
.checkout-paypal-btn{display:block;margin-top:10px}
.paypal-surcharge-note{display:block;margin-top:6px;text-align:center;font-size:9.5px;line-height:1.5;color:#b9a3ea;letter-spacing:.2px}
.checkout-crypto-row{display:flex;gap:8px;margin-top:10px}
.checkout-crypto-btn{flex:1;min-width:0;padding:9px 8px;font-size:10.5px}
.pay-btn-icons{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;font-size:9.5px}
.pay-btn-icons span{white-space:nowrap}
.pay-btn-icon{flex-shrink:0}
.secure-note-payments{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:14px}
.secure-note-payments .pay-btn-icon{width:32px;height:32px;opacity:.92}
.secure-note-payments .pay-btn-icon:hover{opacity:1}
@media(max-width:520px){.secure-note-payments{gap:12px}.secure-note-payments .pay-btn-icon{width:28px;height:28px}}
.checkout-credits-btn{display:block;margin-top:10px;white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:1.5;font-size:11px;padding:12px 14px}
.checkout-credits-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}
.checkout-buy-credits-link{display:block;margin-top:8px;text-align:center;font-size:9.5px;color:var(--violet);text-decoration:underline;text-underline-offset:2px;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.checkout-buy-credits-link[hidden]{display:none}
.product-actions+.view-cart-slot,.modal-actions+.view-cart-slot{margin-top:12px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-terms{color:#8b91a1;transition:.2s}
.footer-terms:hover{color:var(--violet)}
.footer-social{display:flex;align-items:center;gap:14px}
.epvp-badge{display:flex;align-items:center;justify-content:center;padding:8px 11px;border:1px solid var(--line);background:rgba(255,255,255,.03);font:800 9px Space Grotesk;letter-spacing:1px;color:#9298a5;transition:.2s;border-radius:3px}
.epvp-badge:hover{color:#fff;border-color:rgba(139,92,246,.5);box-shadow:0 0 14px rgba(139,92,246,.25)}
.discord-icon-link{display:flex;color:#9298a5;transition:.2s}
.discord-icon-link:hover{color:var(--violet)}
.cart-hero{min-height:0;padding-top:56px;padding-bottom:24px}
.cart-shell{padding:70px 24px 120px;display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:start}
.cart-lines{display:grid;gap:12px}
.cart-line{display:grid;grid-template-columns:60px 1fr auto auto auto;gap:16px;align-items:center;background:linear-gradient(135deg,rgba(48,26,78,.4),rgba(13,15,21,.94));border:1px solid rgba(139,92,246,.35);padding:18px;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 10px 24px rgba(0,0,0,.28);transition:border-color .2s ease,box-shadow .2s ease}
.cart-line:hover{border-color:rgba(168,112,255,.6);box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 20px rgba(139,92,246,.16)}
.cart-line-info{display:grid;gap:4px}
.cart-line-info span{color:#a99cba;font-size:11px}
.cart-line-gift-form{grid-column:1/-1;padding-top:18px;border-top:1px solid rgba(139,92,246,.2)}
.cart-line-gift-form .gift-friend-picker{flex-direction:row;align-items:center;flex-wrap:wrap}
.cart-line-gift-form .gift-friend-picker small{flex-basis:100%}
.cart-line-gift-form .friend-code-input{width:auto;flex:1 1 160px}
.cart-line-gift-save{padding:9px 16px;font-size:10px}
.qty-form{display:flex;gap:6px}
.qty-form input{width:56px;background:#100b1c;border:1px solid rgba(139,92,246,.4);color:#fff;padding:8px;text-align:center}
.qty-form button{background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.4);color:#e2d4fa;padding:8px 10px;font-size:10px;cursor:pointer;transition:.2s}
.qty-form button:hover{background:rgba(139,92,246,.26);border-color:#a75df2;color:#fff}
.cart-summary{position:sticky;top:100px;background:linear-gradient(150deg,rgba(48,26,78,.4),rgba(13,15,21,.96));border:1px solid rgba(139,92,246,.4);box-shadow:0 0 0 1px rgba(0,0,0,.2),0 16px 36px rgba(0,0,0,.32),0 0 26px rgba(139,92,246,.1)}
.cart-summary>small{color:#c3a3ea;letter-spacing:2px}
.cart-summary .coupon-form input{background:#100b1c;border:1px solid rgba(139,92,246,.4);color:#fff}
.cart-summary .coupon-form input::placeholder{color:#8a7aa0}
.cart-summary .coupon-form button{background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.45);color:#e2d4fa;transition:.2s}
.cart-summary .coupon-form button:hover{background:rgba(139,92,246,.3);border-color:#c088ff;color:#fff}
.cart-summary .summary-line{color:#b3a6c4}
.cart-summary form .btn-ghost{background:rgba(139,92,246,.09);border-color:rgba(139,92,246,.4);color:#e2d4fa;box-shadow:0 0 10px rgba(139,92,246,.1)}
.cart-summary form .btn-ghost:hover{background:rgba(139,92,246,.2);border-color:#c088ff;box-shadow:0 0 20px rgba(139,92,246,.32);color:#fff}
.cart-summary .checkout-buy-credits-link:hover{color:#fff;text-shadow:0 0 12px rgba(168,112,255,.6)}
.danger-btn{background:#241318;border:1px solid #742f3c;color:#ff9fae;padding:9px 13px;cursor:pointer;font-size:10px}
.danger-btn:hover{background:#341018}
.legal-content{max-width:760px;margin:auto;padding:70px 24px 120px;color:#abb0bc;line-height:1.8}
.legal-content h2{font:600 20px Space Grotesk;margin:38px 0 14px;color:#fff}
.legal-content h2:first-child{margin-top:0}
.legal-content p{font-size:13px}
.users-table>div{align-items:center}
.user-row-info{display:flex;align-items:center;gap:10px}
.user-row-info img{width:28px;height:28px;border-radius:50%}
.role-form{display:flex;gap:8px}
.role-form select{background:#090a0e;border:1px solid var(--line);color:#fff;padding:9px}
.role-form button{background:#161923;border:1px solid var(--line);color:#fff;padding:9px 13px;cursor:pointer}
.admin-table code{background:#080a0e;border:1px solid #1c3d43;color:var(--cyan);padding:6px 8px;font-size:11px}
.key-edit{position:relative}
.key-edit summary{cursor:pointer;color:#9b73da;font-size:10px;list-style:none}
.key-edit summary::-webkit-details-marker{display:none}
.key-edit[open] .key-form{margin-top:8px}
.product-row.hidden,.admin-table>div.hidden{display:none!important}
.categories-collapse{margin-top:10px}
.categories-collapse>summary{cursor:pointer;color:#9b73da;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:10px 0;list-style:none}
.categories-collapse>summary::-webkit-details-marker{display:none}
.categories-collapse>summary::before{content:"▸ ";display:inline-block;transition:.2s}
.categories-collapse[open]>summary::before{transform:rotate(90deg)}
.categories-collapse .admin-table{margin-top:10px}
.categories-collapse.categories-preview>summary::before{display:none}
.categories-collapse.categories-preview>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.07);padding:11px 13px}
.categories-collapse.categories-preview>summary i{font-style:normal;color:var(--violet);font-size:14px}
.categories-collapse.categories-preview>summary.static-summary{cursor:default}
#products .filters{margin:20px 0}
.shop-bar{flex-wrap:wrap}
.search{width:368px;flex-shrink:0;position:relative;z-index:45}
.search-suggestions{position:absolute;z-index:40;top:calc(100% + 8px);left:0;right:0;overflow:hidden;border:1px solid rgba(139,92,246,.35);border-radius:8px;background:rgba(11,12,18,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.search-suggestion-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(139,92,246,.15);cursor:pointer;transition:.15s}
.search-suggestion-row:last-child{border-bottom:0}
.search-suggestion-row:hover{background:rgba(139,92,246,.12)}
.search-suggestion-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0eaf9;font-size:12px;font-weight:600}
.search-suggestion-row .status-badge{flex-shrink:0}
.search-suggestion-details{flex-shrink:0;padding:6px 10px;border:1px solid rgba(139,92,246,.4);border-radius:5px;background:rgba(139,92,246,.12);color:#e6d9ff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;transition:.15s}
.search-suggestion-details:hover{background:rgba(139,92,246,.28);color:#fff;border-color:rgba(182,108,255,.6)}
@media(max-width:700px){.search-suggestions{left:0;right:0}}
.filters{flex-wrap:wrap}
.category-collapse-bar{display:none}
.products-collapse-bar{display:flex;justify-content:center;width:100%;margin:6px 0 20px}
.products-collapse-bar .admin-collapse-btn{position:relative;isolation:isolate;width:100%;justify-content:center;animation:productsCollapsePulse 3.6s ease-in-out infinite}
.products-collapse-bar .admin-collapse-btn::before{content:"";position:absolute;z-index:-1;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--collapse-orbit),transparent 0 62%,#9a4eff 72%,#e9c7ff 80%,#b66cff 88%,transparent 100%);animation:productsCollapseOrbit 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@property --collapse-orbit{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes productsCollapseOrbit{to{--collapse-orbit:360deg}}
@keyframes productsCollapsePulse{0%,100%{box-shadow:0 0 0 rgba(139,92,246,0);border-color:rgba(139,92,246,.45)}50%{box-shadow:0 0 16px rgba(139,92,246,.55);border-color:var(--violet)}}
@media(prefers-reduced-motion:reduce){.products-collapse-bar .admin-collapse-btn,.products-collapse-bar .admin-collapse-btn::before{animation:none}}
.products-collapse-bar[hidden]{display:none}
.product-card.grid-collapsed{display:none!important}
@media(max-width:700px){.search{width:100%}.products-collapse-bar{justify-content:center;width:100%;margin:0 0 20px}.products-collapse-bar .admin-collapse-btn{width:100%;justify-content:center;padding:12px 13px}
  .category-collapse-bar{display:flex;justify-content:center;width:100%;margin:10px 0 6px}
  .category-collapse-bar .admin-collapse-btn{width:100%;justify-content:center;padding:12px 13px}
  #category-filters button.category-hidden{display:none!important}
}
.category-edit summary{cursor:pointer;color:#9b73da;font-size:10px;list-style:none}
.category-edit summary::-webkit-details-marker{display:none}
.category-edit[open] form{margin-top:8px}
.category-list>div{flex-wrap:wrap}
.category-list>div>.admin-form{width:100%}
.card-photo{width:100%;height:100%;object-fit:contain}
.scroll-thin{scrollbar-width:auto;scrollbar-color:rgba(139,92,246,.85) rgba(255,255,255,.08)}
.scroll-thin::-webkit-scrollbar{width:12px}
.scroll-thin::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:6px}
.scroll-thin::-webkit-scrollbar-thumb{background:rgba(139,92,246,.85);border-radius:6px;border:2px solid rgba(139,92,246,1)}
.scroll-thin::-webkit-scrollbar-thumb:hover{background:var(--violet)}
.product-info p.scroll-thin{max-height:80px;overflow-y:auto;padding-right:6px}
.feature-list.scroll-thin{max-height:300px;overflow-y:auto;padding:14px 16px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:4px;font-size:11.5px;line-height:1.6}
.feature-list.scroll-thin li::first-letter{color:var(--violet)}
.desc-wrap{position:relative;margin:0 0 16px}
.desc-wrap .lead{margin:0;max-height:220px;overflow-y:auto;transition:max-height .25s ease;font-size:13px;padding-right:16px}
.desc-wrap .lead.desc-collapsed{max-height:46px}
.desc-toggle{display:flex;width:fit-content;margin:0 0 8px auto;background:none;border:none;color:var(--violet);cursor:pointer;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:0;transition:color .2s;animation:togglePulse 2.4s ease-in-out infinite}
.desc-toggle:hover{color:#fff;animation-play-state:paused}
.desc-toggle i{font-style:normal;font-size:12px;color:var(--violet);transition:transform .2s;display:inline-block}
.desc-toggle.expanded i{transform:rotate(180deg)}
@keyframes togglePulse{0%,100%{color:var(--violet)}50%{color:#fff}}
.btn-discord{background:linear-gradient(100deg,#2c1450,#4a2380);border-color:rgba(139,92,246,.5);gap:10px}
.btn-discord svg{flex-shrink:0}
.btn-discord:hover{border-color:rgba(139,92,246,.8);box-shadow:0 12px 34px rgba(44,20,80,.6)}
.guides-content{max-width:var(--max);margin:auto}
.guide-category{margin-bottom:50px}
.guide-category h2{font:600 22px Space Grotesk;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:24px}

/* Guides library: wide horizontal dashboard and landscape documentation cards. */
.guides-page{position:relative;background:radial-gradient(circle at 78% 11%,rgba(139,92,246,.12),transparent 30%),linear-gradient(160deg,#08070d,#0d0915 46%,#07080c 78%)}
.guides-hero{position:relative;isolation:isolate;overflow:hidden;min-height:0;padding-top:56px;padding-bottom:24px;background:radial-gradient(ellipse at 78% 34%,rgba(154,76,255,.28),transparent 36%),linear-gradient(118deg,#08090e 34%,#140b21 72%,#08090e)}
.guides-hero::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.3;background-image:linear-gradient(rgba(176,104,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(176,104,255,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,black 48%,transparent)}
.guides-content{width:100%;max-width:none;padding-top:54px;padding-bottom:110px}
.guides-shell{width:min(2200px,97%);margin:auto}
.guides-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(182,108,255,.24)}
.guides-dashboard-title h2{margin:7px 0 5px;font:700 clamp(26px,3vw,38px) Space Grotesk;letter-spacing:-1.2px}
.guides-dashboard-title p{margin:0;color:#787181;font-size:11px}
.guide-library-stats{display:grid;grid-template-columns:repeat(2,145px);gap:10px}
.guide-library-stats>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 11px;min-height:66px;padding:11px 15px;border:1px solid rgba(168,91,255,.32);background:linear-gradient(145deg,rgba(63,32,96,.38),rgba(10,11,17,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.guide-library-stats b{grid-row:1 / span 2;color:#c789ff;font:700 27px Space Grotesk;text-shadow:0 0 12px rgba(182,108,255,.4)}
.guide-library-stats small{color:#84788d;font-size:8px;text-transform:uppercase;letter-spacing:1px}
.guide-library-stats .unlocked{border-color:rgba(85,223,160,.28);background:linear-gradient(145deg,rgba(24,79,61,.24),rgba(10,11,17,.96))}
.guide-library-stats .unlocked b{color:#61e2a7;text-shadow:0 0 12px rgba(85,223,160,.35)}
.guides-layout{display:block}
.guides-sidebar{position:relative;top:auto;display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px;padding:9px;border:1px solid rgba(154,82,239,.28);background:linear-gradient(110deg,rgba(36,20,54,.72),rgba(10,11,17,.94) 58%,rgba(29,17,44,.74));box-shadow:0 15px 45px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)}
.guides-sidebar .search{width:100%;max-width:none;height:46px;margin:0;border-color:rgba(182,108,255,.42);background:rgba(8,9,14,.72);box-shadow:inset 0 0 13px rgba(139,92,246,.06)}
.guides-sidebar .search>span{color:#c378ff;font-size:17px;text-shadow:0 0 10px rgba(182,108,255,.85)}
.guides-filters-vertical{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px;align-items:stretch}
.guides-filters-vertical button{position:relative;width:100%;min-height:54px;padding:9px 14px 9px 50px;text-align:center;white-space:normal;line-height:1.25;overflow:hidden;border-color:rgba(168,112,255,.4);background:linear-gradient(135deg,rgba(48,26,78,.55),rgba(11,12,18,.88));color:#d0a8ff;box-shadow:0 0 10px rgba(139,92,246,.12);transition:border-color .22s ease,box-shadow .22s ease,color .22s ease,background .22s ease}
.guides-filters-vertical button:hover,.guides-filters-vertical button.active{border-color:#c088ff;background:linear-gradient(135deg,rgba(122,58,192,.55),rgba(38,20,58,.92));color:#f5eaff;box-shadow:0 0 24px rgba(168,112,255,.42),inset 0 0 12px rgba(139,92,246,.14)}
.filter-sidebar-art{position:absolute;z-index:0;left:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:6px;overflow:hidden;background-image:url('/static/category-art/game-category-cutouts.png');background-repeat:no-repeat;background-size:600% 500%;background-position:var(--art-x) var(--art-y);box-shadow:0 0 0 1px rgba(139,92,246,.32);filter:saturate(1.02) contrast(1.05) brightness(.97);transition:filter .25s ease}
.guides-filters-vertical button:hover .filter-sidebar-art,.guides-filters-vertical button.active .filter-sidebar-art{filter:saturate(1.18) brightness(1)}
.filter-sidebar-label{position:relative;z-index:1;display:block}
.filter-sidebar-art-all{background-image:url('/static/category-art/shang-tsung-young-cutout-v3.png');background-size:cover;background-position:center 15%;background-repeat:no-repeat}
.filter-sidebar-art.utility-reseller,.filter-sidebar-art.utility-credit,.filter-sidebar-art.utility-raffle{background-image:url('/static/category-art/utility-icons-3d.png');background-size:300% 100%;background-color:#141019}
.filter-sidebar-art.utility-reseller{background-position:0 center}
.filter-sidebar-art.utility-credit{background-position:50% center}
.filter-sidebar-art.utility-raffle{background-position:100% center}
/* Match the updated cutout art already used for these three on the main shop page's filter bar,
   instead of the older shared sprite-atlas cells (chess) or an unset placeholder cell (scum/war thunder). */
.guides-filters-vertical button[data-filter="chess"] .filter-sidebar-art{background-image:url('/static/category-art/chess-knight-bust.png');background-size:cover;background-position:center 20%}
.guides-filters-vertical button[data-filter="scum"] .filter-sidebar-art{background-image:url('/static/category-art/scum-survivor-cutout-v4.png');background-size:cover;background-position:center 8%}
.guides-filters-vertical button[data-filter="war thunder"] .filter-sidebar-art{background-image:url('/static/category-art/war-thunder-plane-tank-cutout-v5.png');background-size:cover;background-position:center 30%}
@media(max-width:620px){.filter-sidebar-art{width:26px;height:26px;left:6px}}
.guides-main{min-width:0}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.guide-card{position:relative;overflow:hidden;display:grid;grid-template-columns:64px minmax(0,1fr) 154px;align-items:center;gap:18px;min-height:156px;padding:19px;background:radial-gradient(circle at 96% 0,rgba(139,92,246,.18),transparent 43%),linear-gradient(142deg,rgba(20,16,29,.98),rgba(10,11,17,.99) 64%,rgba(27,16,42,.92));border:1px solid rgba(121,68,188,.38);transition:transform .25s,border-color .25s,box-shadow .25s}
.guide-card::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.42;background-image:linear-gradient(rgba(185,112,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,112,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,black,transparent 78%)}
.guide-card::after{content:"";position:absolute;z-index:1;left:0;top:13px;bottom:13px;width:2px;background:linear-gradient(transparent,#b66cff,transparent);box-shadow:0 0 12px rgba(182,108,255,.8);opacity:.78}
.guide-card>*{position:relative;z-index:2}
.guide-card:hover{transform:translateY(-3px);border-color:rgba(182,108,255,.78);box-shadow:0 18px 42px rgba(0,0,0,.4),0 0 24px rgba(139,92,246,.2)}
.guide-card.unlocked{border-color:rgba(85,223,160,.34);background:radial-gradient(circle at 96% 0,rgba(85,223,160,.1),transparent 42%),linear-gradient(142deg,rgba(15,25,24,.98),rgba(10,11,17,.99) 64%,rgba(21,20,36,.94))}
.guide-card.unlocked::after{background:linear-gradient(transparent,#55dfa0,transparent);box-shadow:0 0 12px rgba(85,223,160,.78)}
.guide-card.unlocked:hover{border-color:rgba(85,223,160,.7);box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 25px rgba(85,223,160,.16)}
.guide-card.locked{opacity:.88}
.guide-card-icon{position:relative!important;display:grid;width:58px;height:76px;place-items:center;border:1px solid rgba(182,108,255,.42);background:linear-gradient(155deg,rgba(102,51,156,.32),rgba(13,13,20,.96));clip-path:polygon(0 0,78% 0,100% 17%,100% 100%,0 100%);box-shadow:inset 0 0 15px rgba(139,92,246,.09)}
.guide-card-icon::after{content:"";position:absolute;right:0;top:0;border-top:13px solid rgba(207,153,255,.42);border-left:13px solid transparent}
.guide-card-icon i{color:#c17aff;font-size:21px;font-style:normal;text-shadow:0 0 11px rgba(182,108,255,.7)}
.guide-card-icon span{position:absolute;bottom:7px;color:#62566f;font:700 7px Space Grotesk;letter-spacing:1px}
.guide-card.unlocked .guide-card-icon{border-color:rgba(85,223,160,.42);background:linear-gradient(155deg,rgba(39,116,88,.23),rgba(12,15,19,.96))}
.guide-card.unlocked .guide-card-icon i{color:#61e2a7;text-shadow:0 0 11px rgba(85,223,160,.65)}
.guide-card-body{display:flex;min-width:0;flex-direction:column;gap:6px}
.guide-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.guide-card-category{overflow:hidden;color:#756783;font-size:7px;text-transform:uppercase;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap}
.guide-card h3{overflow-wrap:anywhere;margin:0;color:#f2edf7;font-size:16px;line-height:1.22}
.guide-card-body>small{color:#8d72a8;font-size:8px;letter-spacing:.8px;text-transform:uppercase}
.guide-card p{display:-webkit-box;overflow:hidden;margin:2px 0 0;color:#7f7887;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.guide-card-action{display:flex;flex-direction:column;align-self:stretch;justify-content:center;gap:8px;border-left:1px solid rgba(139,92,246,.17);padding-left:17px}
.guide-card-action .btn{width:100%;gap:10px;padding:12px 10px;font-size:8px;letter-spacing:.8px}
.guide-card-edit-btn{border-color:rgba(139,92,246,.35)!important;background:rgba(139,92,246,.06)!important;color:#c3a3ea!important}
.guide-card-edit-btn:hover{border-color:rgba(182,108,255,.6)!important;background:rgba(139,92,246,.14)!important;color:#fff!important}
.guide-card.locked .guide-card-action .btn{border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.055);color:#b99ccc}
.guides-no-results{padding:80px 20px;border:1px dashed rgba(139,92,246,.3);text-align:center;color:#766a81}
.guides-no-results span{color:#b66cff;font-size:26px}.guides-no-results h3{margin:12px 0 6px;color:#d9cae6}.guides-no-results p{margin:0;font-size:10px}
@media(max-width:1180px){.guide-grid{grid-template-columns:1fr}}
@media(max-width:800px){.guides-dashboard-head{align-items:stretch;flex-direction:column}.guide-library-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-sidebar{grid-template-columns:1fr}.guides-filters-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.guides-content{padding:32px 14px 80px}.guides-dashboard-head{gap:20px}.guides-sidebar{padding:10px}.guides-sidebar .search{max-width:none}.guides-filters-vertical{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{grid-template-columns:50px minmax(0,1fr);gap:13px;min-height:0;padding:15px}.guide-card-icon{width:48px;height:66px}.guide-card-action{grid-column:1 / -1;border-top:1px solid rgba(139,92,246,.17);border-left:0;padding:12px 0 0}.guide-card-action .btn{padding:11px}.guide-card p{-webkit-line-clamp:3}.guide-library-stats>span{padding:9px 11px}.guide-library-stats b{font-size:22px}}
.product-showcase .product-art{height:320px}
.product-showcase .product-gallery{width:64%;margin:0 auto}
@media(max-width:800px){.product-showcase .product-art{height:205px}}
.feature-list.scroll-thin.collapsed{max-height:65px}
.feature-list-wrap{position:relative}
.feature-scrollbar-track{position:absolute;top:14px;bottom:14px;right:5px;width:4px;background:rgba(255,255,255,.1);border-radius:2px;pointer-events:none;display:none}
.feature-scrollbar-thumb{position:absolute;left:0;width:100%;background:var(--violet);border-radius:2px;min-height:16px;box-shadow:0 0 6px rgba(139,92,246,.6)}
/* Two scrollbars looked wrong side by side — native styled scrollbar owns desktop (it renders reliably there), our JS-drawn indicator only takes over on mobile where native scrollbars auto-hide/ignore styling. */
@media(min-width:701px){.feature-list.scroll-thin{scrollbar-gutter:stable}}
@media(max-width:700px){.feature-scrollbar-track.visible{display:block}
.feature-list.scroll-thin{scrollbar-width:none}
.feature-list.scroll-thin::-webkit-scrollbar{display:none}
}
.feature-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:rgba(255,255,255,.02);border:1px solid var(--line);border-bottom:none;border-radius:4px 4px 0 0;color:#c7cad4;padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;margin:0;transition:border-color .2s}
.feature-toggle span{animation:togglePulse 2.4s ease-in-out infinite}
.feature-toggle+.feature-list-wrap{margin:0}
.feature-toggle+.feature-list-wrap .feature-list.scroll-thin{border-radius:0 0 4px 4px;margin:0}
.feature-toggle:hover{border-color:rgba(139,92,246,.5);color:#fff}
.feature-toggle:hover span{animation-play-state:paused}
.feature-toggle i{font-style:normal;transition:transform .2s}
.feature-toggle.collapsed i{transform:rotate(-90deg)}
.order.hidden{display:none}
.orders-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;background:rgba(139,92,246,.06);border:1px solid var(--line);color:var(--violet);padding:12px 14px;font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:.2s}
.orders-toggle span{animation:togglePulse 2.4s ease-in-out infinite}
.orders-toggle:hover{border-color:rgba(139,92,246,.5);color:#fff;background:rgba(139,92,246,.12)}
.orders-toggle:hover span{animation-play-state:paused}
.orders-toggle i{font-style:normal;transition:transform .2s}
.orders-toggle.expanded i{transform:rotate(180deg)}
.product-gallery{display:flex;flex-direction:column}
.gallery-main{aspect-ratio:16/10;overflow:hidden;cursor:zoom-in;min-height:0;background:radial-gradient(circle at center,rgba(139,92,246,.12),transparent 58%),#07080d}
.gallery-main img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block}
.gallery-thumbs{display:flex;justify-content:center;gap:10px;padding:14px;background:#090b10;flex-wrap:wrap}
.product-gallery.keyboard-active .gallery-thumbs{box-shadow:inset 0 0 0 1px rgba(182,108,255,.5),0 0 14px rgba(139,92,246,.16)}
.gallery-thumbs .thumb{width:76px;height:76px;padding:0;border:1px solid var(--line);cursor:pointer;overflow:hidden;opacity:.6;transition:.2s;background:none}
.gallery-thumbs .thumb img{width:100%;height:100%;object-fit:contain;display:block;background:#07080d}
.gallery-thumbs .thumb.active,.gallery-thumbs .thumb:hover{opacity:1;border-color:var(--violet)}
.art-screen-fallback{width:100%;height:100%;display:grid;place-items:center}
.art-screen-fallback[hidden],.product-gallery[hidden]{display:none!important}
.lightbox{position:fixed;inset:0;background:rgba(2,3,5,.96);z-index:1200;display:none;align-items:center;justify-content:center;padding:6px;cursor:zoom-out}
.lightbox.open{display:flex}
.lightbox img{max-width:99vw;max-height:99vh;width:auto;height:auto;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.lightbox-close{position:fixed;top:18px;right:18px;width:44px;height:44px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:1201}
.lightbox-arrow{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:1201;display:grid;place-items:center;transition:.2s}
.lightbox-arrow:hover{background:rgba(139,92,246,.22);border-color:rgba(139,92,246,.5)}
.lightbox-prev{left:18px}
.lightbox-next{right:18px}
.lightbox-arrow.hidden{display:none}
@media(max-width:700px){.lightbox-arrow{width:40px;height:40px;font-size:22px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
.product-row{padding:0!important;display:block!important;flex-direction:column}
.product-row-main{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;gap:10px;flex-wrap:wrap}
.product-photos{display:flex;flex-direction:column;gap:12px;padding:14px 18px 16px;border-top:1px dashed var(--line)}
.product-photos .modal-editor-images{margin-top:0}
.photo-upload-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.photo-upload-form input[type=file]{font-size:10px;color:var(--muted);max-width:220px}
.photo-upload-form button{background:#161923;border:1px solid var(--line);color:#fff;padding:9px 13px;font-size:10px;cursor:pointer}
.status-hero{min-height:340px}
.status-content-v2{max-width:var(--max);margin:auto;padding:60px 24px 120px}
.status-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.status-stat{background:#0c0e13;border:1px solid var(--line);border-top:3px solid var(--line);padding:28px;text-align:center}
.status-stat b{display:block;font:700 40px Space Grotesk}
.status-stat span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;margin-top:8px;display:block}
.status-stat.op{border-top-color:#55dfa0}.status-stat.op b{color:#55dfa0}
.status-stat.up{border-top-color:#7ebeff}.status-stat.up b{color:#7ebeff}
.status-stat.off{border-top-color:#ff718a}.status-stat.off b{color:#ff718a}
.status-tools-v2{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}
.status-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.status-card-v2{display:block;background:#0d0f15;border:1px solid var(--line);border-left:3px solid var(--line);padding:20px;transition:.2s}
.status-card-v2:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.4)}
.status-card-v2.operational{border-left-color:#55dfa0}
.status-card-v2.updating{border-left-color:#7ebeff}
.status-card-v2.offline{border-left-color:#ff718a}
.status-card-v2.hidden{display:none}
.guide-card.hidden{display:none}
.status-card-top{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.status-card-top b{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.dot-v2{width:7px;height:7px;border-radius:50%}
.dot-v2.operational{background:#55dfa0;box-shadow:0 0 8px #55dfa0}
.dot-v2.updating{background:#7ebeff;box-shadow:0 0 8px #7ebeff}
.dot-v2.offline{background:#ff718a;box-shadow:0 0 8px #ff718a}
.status-card-v2 h3{font-size:15px;margin:0 0 4px}
.status-card-v2 small{color:#666c78;font-size:9px}
@media(max-width:700px){.status-overview{grid-template-columns:1fr}.status-grid-v2{grid-template-columns:1fr 1fr}.gallery-thumbs .thumb{width:58px;height:58px}.gallery-main{aspect-ratio:4/3}.lightbox{padding:10px}.product-detail{grid-template-columns:1fr}
}
/* Card art matches the 16:10 default photos exactly so nothing gets cropped. */
.product-card .product-art{height:auto;aspect-ratio:16/10}
@media(prefers-reduced-motion:reduce){.logo-mark{animation:none}.product-modal-backdrop{animation:none;opacity:1}}
@media(max-width:420px){h1{font-size:30px!important;letter-spacing:-1.1px!important}.page-hero h1{font-size:36px!important}.product-detail h1,.checkout-shell h1{font-size:36px!important}h1,.page-hero h1{overflow-wrap:break-word;word-break:break-word}}
@media(max-width:700px){.filters{overflow-x:visible!important;flex-wrap:wrap}.filters button{white-space:normal}
.hero{flex-direction:column;height:auto;min-height:0;padding:110px 0 60px}
.hero-visual{position:static!important;order:-1;width:min(230px,62vw)!important;height:min(230px,62vw)!important;right:auto!important;top:auto!important;opacity:1!important;margin:0 auto 30px}
.hero-copy{order:1;text-align:center}
.hero-copy>*{margin-inline:auto}
.hero-copy .eyebrow{justify-content:center}
.hero-actions{align-items:center;justify-content:center}
.core{width:70%;height:70%}
}
@media(max-width:700px){.card-actions{flex-wrap:wrap}
/* Anchor the tier popover to its right edge (card's right content edge) so the wide
   "Month Best value — price" row grows leftward and is never cut off the screen. */
.product-card .tier-popover{right:0;left:auto;max-width:calc(100vw - 32px)}
/* Inside a lightbox/lantern the card sits in a scrollable, height-constrained container, so a
   floating popover positioned above the button can render outside the visible/scrollable area
   and become unreachable. Below 700px, drop the floating overlay entirely and let the price
   list open in normal document flow instead — it pushes the rest of the card's own footer and
   every card after it down the page, so it's always fully visible and never clipped. */
.add-cart-wrap.open{flex-basis:100%;flex-wrap:wrap;row-gap:8px}
.add-cart-wrap.open .tier-popover{position:relative;width:100%;left:auto;right:auto;bottom:auto;top:auto;max-width:none;margin-top:0;box-shadow:0 14px 34px rgba(0,0,0,.4)}
/* space-between used to fling "Month", the Best value chip, and the price to opposite edges of
   the now full-width row — center the group instead so Best value sits right next to Month. */
.tier-popover button{justify-content:center;text-align:center}
.product-card .tier-popover button{gap:10px}.product-modal{display:block;max-height:100vh;height:100vh;width:100vw;border:0}.modal-art{display:block;min-height:0}.modal-art .product-gallery,.modal-art .art-screen-fallback{width:100%}.modal-body{padding:24px 20px 40px}.product-modal-backdrop{padding:0}.modal-close{width:46px;height:46px;top:26px;right:14px;font-size:24px}.product-detail{display:block}.product-showcase{margin-bottom:30px}.cart-shell{grid-template-columns:1fr}.cart-summary{position:static}.cart-line{grid-template-columns:1fr;text-align:left}.users-table>div{flex-direction:column;align-items:flex-start}
.modal-body h2{font-size:22px;margin:8px 0 12px}
.modal-body .lead{font-size:12px}
.modal-tiers,.tier-select{flex-wrap:nowrap;gap:6px}
.modal-tiers label,.tier-option{flex:1;min-width:0;padding:8px 4px;font-size:9px;flex-direction:column;align-items:center;text-align:center;gap:2px}
.modal-tiers label b,.tier-option b{font-size:12px}
}

/* Homepage photographic banner */
.hero{
  background:#05060a;
  border-bottom:0;
  margin-bottom:-1px;
}
.hero::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-12px;
  pointer-events:none;
  background:url('/static/ultracore-banner-342.png') center top/cover no-repeat;
  transform:scale(1.015);
  transform-origin:center top;
  filter:blur(0);
  transition:filter .48s ease,transform .56s cubic-bezier(.16,.82,.18,1);
  will-change:filter,transform;
}
.hero::before{
  z-index:1;
  background:
    linear-gradient(118deg,rgba(132,72,220,.17) 0%,rgba(53,93,205,.11) 52%,rgba(46,205,238,.08) 100%),
    linear-gradient(90deg,rgba(5,6,10,.97) 0%,rgba(5,6,10,.86) 30%,rgba(5,6,10,.28) 62%,rgba(5,6,10,.18) 100%),
    linear-gradient(0deg,rgba(5,6,10,.72) 0%,transparent 45%,rgba(5,6,10,.32) 100%);
  background-size:145% 135%,108% 100%,125% 120%;
  animation:heroVeilWind 15s cubic-bezier(.45,.05,.55,.95) infinite;
  will-change:background-position;
}
@keyframes heroVeilWind{
  0%,100%{background-position:0% 48%,0% 50%,50% 100%}
  24%{background-position:22% 42%,2% 50%,44% 92%}
  51%{background-position:58% 55%,0% 50%,56% 103%}
  76%{background-position:86% 45%,-2% 50%,48% 95%}
}
.hero .hero-visual,.hero .grid-floor{display:none!important}
.hero .hero-copy{z-index:3;text-shadow:0 3px 28px rgba(0,0,0,.85)}
.hero .scroll-cue{z-index:3}
/* ULTRA / CORE render as SVG text so a purple line and a blue line can travel the
   actual glyph outlines (not a bounding box), colliding as they pass each other. */
.hero-copy h1{position:relative;isolation:isolate}
.hero-word-svg{display:inline-block;overflow:visible;vertical-align:-.12em;margin-right:.03em}
.hero-word-svg-ultra{width:clamp(147px,24vw,271px);height:auto}
.hero-word-svg-core{width:clamp(116px,18.9vw,213px);height:auto}
.hero-word-fill,.hero-word-trace{font:800 96px 'Space Grotesk',Arial,sans-serif;letter-spacing:-4px}
.hero-word-svg-ultra .hero-word-fill{fill:#fff}
.hero-word-trace{fill:none;stroke-width:2.6;paint-order:stroke;stroke-linejoin:round}
.hero-word-trace-a{stroke:#b66cff;stroke-dasharray:22 340;animation:heroTraceA 18s linear infinite}
.hero-word-trace-b{stroke:#4de7ff;stroke-dasharray:22 340;animation:heroTraceB 18s linear infinite}
@keyframes heroTraceA{to{stroke-dashoffset:-724}}
@keyframes heroTraceB{to{stroke-dashoffset:724}}
@media(prefers-reduced-motion:reduce){.hero-word-trace{animation:none!important}}

/* Pixel-clean cast pop: one transparent foreground, never a cropped background copy. */
.hero-cast-stage{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}
.hero-cast-stage::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:rgba(5,3,11,.34);opacity:0;transition:opacity .4s ease}
.hero-cast-stage::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(190,106,255,.2) 7px,transparent 8px),linear-gradient(110deg,transparent 28%,rgba(197,117,255,.2) 47%,rgba(77,231,255,.16) 52%,transparent 70%);background-size:auto,220% 100%;-webkit-mask-image:url('/static/ultracore-hero-characters.png');mask-image:url('/static/ultracore-hero-characters.png');-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center top;mask-position:center top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform-origin:50% 82%;transform:translate3d(0,0,0) scale(1);transition:transform .56s cubic-bezier(.16,.82,.18,1),opacity .24s ease}
.hero-cast-image{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;opacity:0;transform-origin:50% 82%;transform:translate3d(0,0,0) scale(1);filter:drop-shadow(0 0 0 transparent);transition:transform .56s cubic-bezier(.16,.82,.18,1),opacity .22s ease,filter .32s ease;will-change:transform,filter,opacity}
.hero:hover .hero-cast-stage::before{opacity:1}
@media(hover:hover) and (min-width:801px){.hero:hover::after{filter:blur(7px) brightness(.72);transform:scale(1.035)}}
.hero:hover .hero-cast-image{opacity:1;transform:translate3d(0,-.4%,0) scale(1.018);filter:drop-shadow(0 0 6px rgba(139,92,246,.18)) drop-shadow(0 0 24px rgba(139,92,246,.3)) brightness(1.06)}
.hero:hover .hero-cast-stage::after{opacity:.16;transform:translate3d(0,-.4%,0) scale(1.018)}
.cast-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(560px,48vw,820px);display:flex;flex-direction:column;justify-content:center;background:#05060a;border-bottom:0}
.cast-hero::after{content:"";position:absolute;z-index:0;inset:-12px;pointer-events:none;background:url('/static/ultracore-banner-342.png') center top/cover no-repeat;transform:scale(1.015);transform-origin:center top;filter:blur(0);transition:filter .48s ease,transform .56s cubic-bezier(.16,.82,.18,1);will-change:filter,transform}
.cast-hero>.hero-cast-stage{display:block;opacity:.92}
.cast-hero>:not(.hero-cast-stage):not(.grid-floor):not(.orb){position:relative;z-index:4}
.cast-hero:hover .hero-cast-stage::before{opacity:1}
.cast-hero:hover::after{filter:blur(7px) brightness(.72);transform:scale(1.035)}
.cast-hero:hover .hero-cast-image{opacity:1;transform:translate3d(0,-.4%,0) scale(1.018);filter:drop-shadow(0 0 6px rgba(139,92,246,.18)) drop-shadow(0 0 24px rgba(139,92,246,.3)) brightness(1.06)}
.cast-hero:hover .hero-cast-stage::after{opacity:.16;transform:translate3d(0,-.4%,0) scale(1.018)}
.forum-cast-hero::before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,8,12,.96) 0%,rgba(7,8,12,.5) 52%,rgba(7,8,12,.74) 100%)}
@media(hover:none),(max-width:800px){.hero-cast-stage,.cast-hero>.hero-cast-stage{display:none}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after,.cast-hero::after,.hero-cast-image,.hero-cast-stage::after{transition:none!important;animation:none!important}.hero:hover::after,.hero:hover .hero-cast-image,.hero:hover .hero-cast-stage::after,.cast-hero:hover::after,.cast-hero:hover .hero-cast-image,.cast-hero:hover .hero-cast-stage::after{transform:none}}

@media(max-width:700px){
  .hero{
    min-height:760px;
    padding:130px 0 70px;
  }
  .hero::after{background-position:58% top}
  .hero::before{
    background:
      linear-gradient(125deg,rgba(132,72,220,.15),rgba(46,170,230,.08)),
      linear-gradient(0deg,rgba(5,6,10,.96) 0%,rgba(5,6,10,.68) 58%,rgba(5,6,10,.38) 100%),
      linear-gradient(90deg,rgba(5,6,10,.72),rgba(5,6,10,.14));
  }
  .hero .hero-copy{text-align:left}
  .hero .hero-copy>*{margin-inline:0}
  .hero .eyebrow{justify-content:flex-start}
  .hero .hero-actions{align-items:stretch}
}

/* Homepage-only header and section seam safeguards. */
body:has(main > .hero) .app-header{border-bottom-color:transparent}
main > .hero + .products{position:relative;margin-top:-2px;border-top:0;padding-top:42px}

/* Embedded Stripe Checkout */
.embedded-payment-page{background:radial-gradient(circle at 50% 15%,rgba(119,70,200,.12),transparent 36%),#07080c}
.embedded-checkout-shell{width:min(900px,calc(100% - 32px));margin:0 auto;padding:70px 0 110px}
.embedded-checkout-heading{text-align:center;position:relative;margin-bottom:34px}
.embedded-checkout-heading h1{font:700 clamp(42px,6vw,68px)/1 Space Grotesk;letter-spacing:-2.5px;margin:13px 0 18px}
.embedded-checkout-heading h1 span{background:linear-gradient(90deg,#ac76ff,#5be7ff);-webkit-background-clip:text;color:transparent}
.embedded-checkout-heading>p{max-width:610px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.7}
.checkout-back{position:absolute;left:0;top:0;color:#8c92a0;font-size:10px;text-transform:uppercase;letter-spacing:1px;transition:.2s}
.checkout-back:hover{color:#c69aff}
.embedded-order-pill{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(520px,100%);margin:25px auto 0;padding:13px 17px;border:1px solid var(--line);background:rgba(14,16,23,.86);font-size:11px}
.embedded-order-pill span{color:#969ca9}.embedded-order-pill b{font:600 14px Space Grotesk;white-space:nowrap}
.embedded-checkout-heading .paypal-surcharge-note{width:min(520px,100%);margin:8px auto 0}
.embedded-checkout-card{min-height:430px;padding:22px;border:1px solid rgba(139,92,246,.23);background:#f7f8fb;border-radius:10px;box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 55px rgba(119,65,190,.08)}
#embedded-checkout{min-height:380px}
.checkout-loading{min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#5c6170;font-size:11px;text-transform:uppercase;letter-spacing:1.4px}
.checkout-loading i{width:30px;height:30px;border:2px solid #d7d9df;border-top-color:#8352d4;border-radius:50%;animation:checkout-spin .8s linear infinite}
.checkout-embed-error{margin:40px;padding:18px;border:1px solid #d96b7e;background:#fff1f3;color:#8c2335;text-align:center;font-size:12px}
.embedded-security{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:24px;color:#737987;font-size:9px;text-transform:uppercase;letter-spacing:1px}
.checkout-config-note{padding:10px;border:1px solid #725327;background:#251d10;color:#e6bd63;text-align:center;font-size:10px}
.full-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
@keyframes checkout-spin{to{transform:rotate(360deg)}}

.crypto-payment-card{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;min-height:0}
.crypto-qr{border:1px solid #e1e3ea;border-radius:8px;background:#fff;padding:8px}
.crypto-amount-row,.crypto-address-row{width:100%;max-width:420px}
.crypto-amount-row small,.crypto-address-row small{display:block;color:#767c8a;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.crypto-amount-row b{font:700 20px Space Grotesk;color:#1b1d24}
.crypto-address-row{display:flex;flex-direction:column;align-items:center;gap:6px}
.crypto-address-row code{display:block;width:100%;word-break:break-all;padding:9px 11px;border:1px solid #dcdee6;border-radius:6px;background:#fff;color:#2a2c34;font-size:11.5px}
.crypto-exact-note{max-width:420px;margin:0;color:#6d7280;font-size:10.5px;line-height:1.5}
.crypto-status-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#4a4f5c}
.crypto-status-dot{width:8px;height:8px;border-radius:50%;background:#c7cad3;animation:crypto-pulse 1.6s ease-in-out infinite}
.crypto-status-seen .crypto-status-dot{background:#e6a63c}
.crypto-status-confirmed .crypto-status-dot{background:#39c46f;animation:none}
@keyframes crypto-pulse{0%,100%{opacity:.4}50%{opacity:1}}
.crypto-expiry-row{font-size:10.5px;color:#8b8f9c}
[data-crypto-requote]{max-width:260px}
.crypto-force-match-form{display:flex;gap:8px;align-items:center;flex-shrink:0}
.crypto-force-match-form input[type=text]{width:170px;padding:8px 10px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:inherit;font-size:11px;border-radius:4px}

@media(max-width:700px){
  .embedded-checkout-shell{padding:45px 0 80px}
  .embedded-checkout-heading{text-align:left;padding-top:34px}
  .embedded-checkout-heading h1{font-size:40px}
  .embedded-checkout-heading>p{margin:0}
  .checkout-back{top:0}
  .embedded-order-pill{margin-left:0}
  .embedded-checkout-card{padding:8px;border-radius:7px}
  .embedded-security{gap:13px}
}

/* Game-name label above each product name (was 8px — unreadably tiny) */
.product-info small{font-size:10px}

/* Product card borders pulse between a brighter and darker purple */
.product-card{border-color:rgba(109,63,183,.45);animation:cardBorderPulse 3.2s ease-in-out infinite}
@keyframes cardBorderPulse{
  0%,100%{border-color:rgba(109,63,183,.45);box-shadow:0 0 0 1px rgba(139,92,246,.12),0 0 12px rgba(139,92,246,.06)}
  50%{border-color:rgba(200,140,255,.95);box-shadow:0 0 0 1px rgba(182,108,255,.5),0 0 28px rgba(139,92,246,.35)}
}
.product-card:hover{animation:none;border-color:rgba(139,92,246,.6)}

/* Header logo: a single slow 5s cycle — a glow travels letter-by-letter across
   ULTRA left to right, and right as it lands on the A, CORE flashes with a
   strong purple glow pulse. The long idle stretch between cycles keeps it a
   deliberate accent, not a constant flicker. */
.logo .ultra-text{display:inline-flex;vertical-align:baseline}
.logo .ultra-text i{font-style:normal;display:inline-block;color:var(--text);animation:letterGlow 5s ease-in-out infinite}
.logo .ultra-text i:nth-child(1){animation-delay:0s}
.logo .ultra-text i:nth-child(2){animation-delay:.12s}
.logo .ultra-text i:nth-child(3){animation-delay:.24s}
.logo .ultra-text i:nth-child(4){animation-delay:.36s}
.logo .ultra-text i:nth-child(5){animation-delay:.48s}
@keyframes letterGlow{
  0%,22%,100%{text-shadow:0 0 0 rgba(180,140,255,0),0 0 0 rgba(77,231,255,0);transform:scale(1)}
  8%{text-shadow:0 0 10px rgba(216,190,255,.95),0 0 20px rgba(77,231,255,.55);transform:scale(1.08)}
}
.logo .accent{display:inline-block;vertical-align:baseline;animation:coreGlowPulse 5s ease-in-out infinite}
@keyframes coreGlowPulse{
  0%,16%,36%,100%{text-shadow:0 0 0 rgba(182,108,255,0),0 0 0 rgba(139,92,246,0),0 0 0 rgba(216,180,254,0);transform:scale(1)}
  24%{text-shadow:0 0 12px rgba(216,180,254,1),0 0 30px rgba(182,108,255,.95),0 0 52px rgba(139,92,246,.7);transform:scale(1.13)}
}

/* Month tier: "Best value" badge + an animated purple line tracing the box border */
@property --bv-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.tier-option.best-value,.modal-tiers label.best-value{border-color:rgba(139,92,246,.55)}
.best-value::before,.btn-continue-shopping::before{
  content:"";position:absolute;inset:-2px;border-radius:4px;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--bv-angle),transparent 0 66%,rgba(182,108,255,.35) 78%,#d4aaff 89%,rgba(182,108,255,.35) 97%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  animation:bvSpin 3.2s linear infinite;
}
@keyframes bvSpin{to{--bv-angle:360deg}}
.bv-tag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);z-index:2;font-style:normal;background:linear-gradient(100deg,#7141ce,#9a59e7);color:#fff;font-size:7.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 7px;border-radius:3px;white-space:nowrap;animation:bvTagGlow 2.4s ease-in-out infinite}
.bv-tag.sparkle-tag{background:linear-gradient(100deg,#eab308,#facc15);color:#1a1200;box-shadow:0 0 14px rgba(250,204,21,.55)}
.trial-bundle-note{color:#ffd85e}
@keyframes bvTagGlow{0%,100%{box-shadow:0 0 4px rgba(139,92,246,.35)}50%{box-shadow:0 0 14px rgba(182,108,255,.85)}}
.bv-chip{font-style:normal;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.5);color:#d9c6ff;font-size:8px;font-weight:800;padding:2px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}
.modal-tiers,.tier-select{padding-top:6px;justify-content:center}
/* Product page: keep all price tiers on a single row instead of wrapping Lifetime to its own line */
.product-detail .tier-select{flex-wrap:nowrap;gap:8px}
.product-detail .tier-select .tier-option{flex:1;min-width:0;padding:12px 8px;flex-direction:column;align-items:center;text-align:center;gap:3px}
.product-detail .tier-select .tier-option span{font-size:11px}
.product-detail .tier-select .tier-option b{font-size:15px;white-space:nowrap}
@media(max-width:420px){
  .product-detail .tier-select{gap:5px}
  .product-detail .tier-select .tier-option{padding:9px 4px}
  .product-detail .tier-select .tier-option span{font-size:9px}
  .product-detail .tier-select .tier-option b{font-size:12px}
}

/* Account page: license keys render purple, both masked and revealed */
.license-area code{color:#c99aff;border-color:#4c366a}
.key-row .key-value:not(.masked):hover{border-color:var(--violet);box-shadow:0 0 10px rgba(182,108,255,.35)}

/* Mobile menu: glowing Discord icon on the login entry */
.mobile-nav .mobile-login{display:flex;align-items:center;gap:8px;color:#c9a4ff}
.mobile-nav .mobile-login svg{color:#b66cff;animation:loginIconGlow 2.4s ease-in-out infinite}
@keyframes loginIconGlow{0%,100%{filter:drop-shadow(0 0 3px rgba(182,108,255,.45))}50%{filter:drop-shadow(0 0 10px rgba(182,108,255,1))}}
@media(prefers-reduced-motion:reduce){.mobile-nav .mobile-login svg{animation:none}}

/* Status page: tighter top so everything sits higher, clickable status boxes,
   centered search under the middle (Updating) box, and a centered uniform category grid. */
.status-hero{min-height:0}
body:has(.status-content-v2) .page-hero.status-hero{padding-top:56px;padding-bottom:24px}
.status-content-v2{padding-top:30px}
.status-overview{max-width:680px;margin-inline:auto;margin-bottom:18px}
.status-stat{cursor:pointer;transition:.2s;font:inherit}
.status-stat:hover{border-color:rgba(139,92,246,.45);transform:translateY(-2px)}
.status-stat.active{box-shadow:0 0 0 1px var(--violet),0 0 22px rgba(139,92,246,.3)}
.status-stat.op.active{box-shadow:0 0 0 1px #55dfa0,0 0 22px rgba(85,223,160,.3)}
.status-stat.up.active{box-shadow:0 0 0 1px #7ebeff,0 0 22px rgba(126,190,255,.3)}
.status-stat.off.active{box-shadow:0 0 0 1px #ff718a,0 0 22px rgba(255,113,138,.3)}
/* search sits in the center column, directly beneath the Updating box */
.status-search-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:680px;margin:0 auto 22px}
.status-search-row .search{grid-column:2;width:100%}
/* category filters: centered, uniform equal-width boxes, fewer per line */
.status-filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,150px));gap:8px;justify-content:center;margin:0 auto 30px}
.status-filters-grid button{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Mobile: category filters form a uniform centered grid on every page — equal boxes, no staggering */
@media(max-width:700px){
  .filters{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}
  .filters button{width:100%;min-height:36px;display:flex;align-items:center;justify-content:center;padding:8px 4px;font-size:8.5px;letter-spacing:.4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* Status page: Operational / Updating / Offline share one compact row */
  .status-overview{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
  .status-stat{padding:14px 6px}
  .status-stat b{font-size:22px}
  .status-stat span{font-size:7.5px;letter-spacing:1px;margin-top:4px}
  /* search spans full width; category grid keeps the uniform 3-per-row mobile look */
  .status-search-row{grid-template-columns:1fr;margin-bottom:14px}
  .status-search-row .search{grid-column:1}
  .status-filters-grid{grid-template-columns:repeat(3,1fr);margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.best-value::before,.btn-continue-shopping::before,.bv-tag{animation:none}}

/* Buttons don't inherit text color — iOS Safari renders them system-blue without this */
button.btn,.btn{color:#f7f8fb}
.account-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;white-space:nowrap}
.account-btn svg{flex-shrink:0}
/* Header login is desktop-only; mobile logs in from the hamburger menu instead of the hero */
.account-btn-short{display:none}
@media(max-width:1000px){
  .header-discord-login{display:inline-flex!important;padding:8px 10px;gap:5px;font-size:9px}
  .header-discord-login .account-btn-full{display:none}
  .header-discord-login .account-btn-short{display:inline}
}
@media(max-width:700px){.hero-login{display:none}}
.mobile-nav .mobile-login{color:#c9a4ff}

/* Status page: uniform rows — status labels and names align across every card */
.status-card-v2{align-items:stretch}
.status-card-main{display:flex;flex-direction:column;align-items:flex-start}
.status-details-btn{align-self:center}

/* Admin tables: fixed columns so badges and Edit/Remove buttons line up row to row */
.admin-table>div{gap:14px}
.admin-table>div>span:first-child{flex:1;min-width:0}
.product-row-main>span:first-child{flex:1;min-width:0}
.product-row-main .status-badge{width:106px;justify-content:center;flex-shrink:0}

/* Admin sections: collapsed to the first 8 rows with a toggle at the top right */
.admin-collapse-bar{display:flex;justify-content:flex-end;margin:0 0 10px}
.admin-collapse-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.45);color:var(--violet);padding:9px 13px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:.2s}
.admin-collapse-btn:hover{border-color:var(--violet);color:#fff;background:rgba(139,92,246,.16)}
.admin-collapse-btn i{font-style:normal}
.bulk-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 10px;flex-wrap:wrap}
.bulk-toggle-btn{display:inline-flex;align-items:center;gap:6px;height:38px;box-sizing:border-box;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.45);color:var(--violet);padding:0 14px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:.2s}
.bulk-toggle-btn:hover{border-color:var(--violet);color:#fff;background:rgba(139,92,246,.16)}
.bulk-toggle-btn.active{border-color:#ff9fae;color:#ff9fae;background:rgba(255,113,138,.1)}
.bulk-actions{display:inline-flex;align-items:center;height:38px;box-sizing:border-box;gap:14px;flex-wrap:nowrap;padding:0 14px;border:1px solid rgba(139,92,246,.28);background:rgba(139,92,246,.05)}
.bulk-select-all{display:inline-flex;align-items:center;gap:8px;height:38px;box-sizing:border-box;padding:0 14px;border:1px solid rgba(139,92,246,.32);background:rgba(139,92,246,.05);font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#c3a3ea;cursor:pointer;transition:.2s}
.bulk-select-all:hover{border-color:rgba(168,112,255,.55);background:rgba(139,92,246,.1);color:#fff}
.bulk-select-all input{width:15px;height:15px;margin:0;accent-color:var(--violet);flex-shrink:0}
.bulk-count{font-size:10px;color:#c3a3ea;white-space:nowrap;line-height:1}
.bulk-inline-form{display:inline-flex}
.bulk-mark-btn{background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.45);color:var(--violet);padding:8px 13px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;transition:.2s}
.bulk-mark-btn:hover:not(:disabled){border-color:var(--violet);color:#fff;background:rgba(139,92,246,.16)}
.bulk-mark-btn:disabled,.bulk-actions .danger-btn:disabled{opacity:.4;cursor:not-allowed}
.row-select-box{display:none;align-items:center;padding-right:2px}
.row-select-box input{width:16px;height:16px;accent-color:var(--violet);cursor:pointer}
.admin-table.select-mode>div{align-items:center}
.admin-table.select-mode .row-select-box{display:flex}
@media(max-width:700px){.bulk-toolbar{width:100%;justify-content:flex-start}.bulk-actions{width:100%;height:auto;flex-wrap:wrap;padding:10px 14px}}
.collapsed-row{display:none!important}
.ip-shared{color:#ff9fae;font-weight:700}
.clear-ip-form{display:inline-block;margin-left:8px}
.clear-ip-btn{background:#241318;border:1px solid #742f3c;color:#ff9fae;padding:3px 8px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;border-radius:2px;vertical-align:middle}
.clear-ip-btn:hover{background:#341018;color:#fff}

/* Mobile: "Add to cart" text is neon purple with a glow */
@media(max-width:700px){
  button[data-action="add-cart"],button[data-add-cart-product],.btn-add-cart{color:#e2c4ff;text-shadow:0 0 8px rgba(182,108,255,.95),0 0 18px rgba(139,92,246,.7)}
}

/* Mobile product modal: with the feature list retracted, everything through the
   Add to cart / Buy now buttons fits on screen without scrolling. Expanding the
   feature list may push the buttons below the fold — that's expected. */
@media(max-width:700px){
  .modal-art .gallery-main{aspect-ratio:auto;height:24vh}
  .gallery-thumbs{padding:8px;gap:6px}
  .modal-art .gallery-thumbs .thumb{width:42px;height:42px}
  .modal-body{padding:12px 16px 40px}
  .modal-body h2{font-size:19px;margin:5px 0 8px}
  .modal-body .desc-toggle{margin-bottom:4px}
  .desc-wrap{margin-bottom:8px}
  .desc-wrap .lead.desc-collapsed{max-height:40px}
  .feature-list.scroll-thin{max-height:172px} /* expanded: 5 feature lines visible without scrolling */
  .feature-list.scroll-thin.collapsed{max-height:110px} /* retracted: 3 feature lines */
  .modal-tiers{margin:16px 0 8px}
  .modal-actions{margin-top:6px}
  .modal-actions .btn{padding:12px 14px}
}

/* Back to top: purple button, bottom-right of every page, appears after scrolling */
.back-to-top{position:fixed;bottom:22px;right:22px;z-index:40;width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#7141ce,#9a59e7);border:1px solid rgba(182,108,255,.6);border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 18px rgba(139,92,246,.45);opacity:0;transform:translateY(14px);pointer-events:none;transition:.25s}
.back-to-top.visible{opacity:1;transform:none;pointer-events:auto}
.back-to-top:hover{box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 26px rgba(139,92,246,.8);transform:translateY(-2px)}
.contact-widget{position:fixed;bottom:22px;left:22px;z-index:40}
.contact-widget-toggle{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#7141ce,#9a59e7);border:1px solid rgba(182,108,255,.6);border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 18px rgba(139,92,246,.45);transition:.25s}
.contact-widget-toggle:hover{box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 26px rgba(139,92,246,.8);transform:translateY(-2px)}
.contact-widget-toggle.has-unread{animation:contactWidgetGlow 1.7s ease-in-out infinite}
@keyframes contactWidgetGlow{0%,100%{box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 18px rgba(139,92,246,.45),0 0 0 0 rgba(255,113,138,.55)}50%{box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 30px rgba(255,113,138,.9),0 0 0 10px rgba(255,113,138,0)}}
@media(prefers-reduced-motion:reduce){.contact-widget-toggle.has-unread{animation:none;box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 22px rgba(255,113,138,.75)}}
.contact-widget-panel{position:absolute;bottom:58px;left:0;width:290px;padding:16px;border:1px solid rgba(139,92,246,.45);background:#0d0f15;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 20px rgba(139,92,246,.2)}
.contact-widget-panel[hidden]{display:none}
.contact-widget-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;cursor:move;touch-action:none;user-select:none}
.contact-widget-head b{font-size:13px}
.contact-widget-close{background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer;padding:0}
.contact-widget-panel textarea{width:100%;min-height:80px;background:#090a0e;border:1px solid var(--line);color:#fff;padding:10px;font-size:11px;margin-bottom:10px;resize:vertical}
.contact-widget-panel input[type="text"],.contact-widget-panel input:not([type]){width:100%;box-sizing:border-box;background:#090a0e;border:1px solid var(--line);border-radius:2px;color:#fff;padding:9px 10px;font-size:11px;margin-bottom:8px}
.contact-widget-panel input:focus,.contact-widget-panel textarea:focus{outline:none;border-color:rgba(182,108,255,.6);box-shadow:0 0 0 3px rgba(139,92,246,.14)}
.contact-widget-compose{padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid rgba(139,92,246,.2)}
.contact-widget-list{max-height:320px;overflow-y:auto}
.contact-widget-note{margin:8px 0 0;color:var(--muted);font-size:9px;text-align:center}
@media(max-width:700px){.contact-widget{left:14px;bottom:14px}.contact-widget-panel{width:calc(100vw - 48px)}}
.contact-widget-search{position:relative;margin-bottom:2px}
.contact-widget-search-results{position:absolute;left:0;right:0;top:calc(100% + 2px);max-height:220px;overflow-y:auto;background:#0d0f15;border:1px solid rgba(139,92,246,.45);box-shadow:0 12px 30px rgba(0,0,0,.5);z-index:5}
.contact-widget-search-results[hidden]{display:none}
.search-group-label{padding:6px 10px 4px;font-size:8.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#8f89a0}
.search-result-item{display:block;width:100%;text-align:left;background:none;border:0;color:#eadcff;font-size:11.5px;padding:7px 10px;cursor:pointer}
.search-result-item:hover{background:rgba(139,92,246,.2)}
.search-result-empty{padding:8px 10px;font-size:10.5px;color:var(--muted)}
.contact-widget-thread[data-thread-item]{cursor:pointer;transition:background .15s}
.contact-widget-thread[data-thread-item]:hover{background:rgba(139,92,246,.16)}

/* Floating per-conversation chat boxes (admin only) - each one is an independently movable
   Messenger-style window, stacked bottom-right by default until dragged elsewhere. */
.chat-boxes{position:fixed;bottom:0;right:16px;z-index:39;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:12px;pointer-events:none}
.chat-box{pointer-events:auto;width:270px;max-height:380px;display:flex;flex-direction:column;background:#0d0f15;border:1px solid rgba(139,92,246,.45);border-bottom:none;box-shadow:0 -8px 30px rgba(0,0,0,.5),0 0 20px rgba(139,92,246,.18)}
.chat-box-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#7141ce,#9a59e7);cursor:move;touch-action:none;user-select:none;flex:0 0 auto}
.chat-box-head b{font-size:12px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-box-close{background:none;border:0;color:#fff;font-size:16px;cursor:pointer;padding:0;line-height:1;opacity:.85;flex:0 0 auto}
.chat-box-close:hover{opacity:1}
.chat-box-body{flex:1 1 auto;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-height:120px}
.chat-box-msg{max-width:85%;padding:7px 10px;border-radius:10px;font-size:11.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.chat-box-msg small{display:block;font-size:8.5px;letter-spacing:.4px;text-transform:uppercase;opacity:.65;margin-bottom:2px}
.chat-box-msg.from-you{align-self:flex-end;background:rgba(139,92,246,.32);color:#f1e9ff;border:1px solid rgba(182,108,255,.35)}
.chat-box-msg.from-them{align-self:flex-start;background:#171923;color:#e5e1ec;border:1px solid var(--line)}
.chat-box-empty{color:var(--muted);font-size:10.5px;text-align:center;margin:auto}
.chat-box-compose{display:flex;gap:6px;padding:8px;border-top:1px solid rgba(139,92,246,.2);flex:0 0 auto}
.chat-box-compose textarea{flex:1;resize:none;min-height:34px;max-height:90px;background:#090a0e;border:1px solid var(--line);color:#fff;padding:7px 9px;font-size:11px;border-radius:2px}
.chat-box-compose textarea:focus{outline:none;border-color:rgba(182,108,255,.6);box-shadow:0 0 0 3px rgba(139,92,246,.14)}
.chat-box-compose button{flex:0 0 auto;background:linear-gradient(135deg,#7141ce,#9a59e7);border:0;color:#fff;border-radius:2px;padding:0 12px;cursor:pointer;font-size:11px;font-weight:700}
.chat-box-compose button:disabled{opacity:.6;cursor:default}
.chat-box.is-flash{animation:chatBoxFlash .5s ease 2}
@keyframes chatBoxFlash{0%,100%{box-shadow:0 -8px 30px rgba(0,0,0,.5),0 0 20px rgba(139,92,246,.18)}50%{box-shadow:0 -8px 30px rgba(0,0,0,.5),0 0 30px rgba(255,113,138,.8)}}
@media(max-width:700px){.chat-boxes{left:14px;right:14px;flex-direction:column-reverse}.chat-box{width:100%;max-height:55vh}}
.cart-toast{bottom:84px} /* keep the add-to-cart toast clear of the back-to-top button */

/* Checkout pages: "Continue shopping" under the checkout button, back to the catalog */
.btn-continue-shopping{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:10px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.45);color:#d9c6ff;padding:13px 14px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.3px;transition:.2s}
.btn-continue-shopping:hover{border-color:var(--violet);background:rgba(139,92,246,.16);box-shadow:0 0 16px rgba(139,92,246,.3);color:#fff}
.btn-continue-shopping svg{flex-shrink:0;width:18px;height:18px}

/* Login with Discord buttons share the Join-the-Discord-community button theme */
.account-btn{background:linear-gradient(100deg,#5327a8,#8347d9);border:1px solid rgba(182,108,255,.75);border-radius:3px;transition:.25s;animation:accountBtnPulse 3.6s ease-in-out infinite}
.header-discord-login,.header-discord-login:visited,.header-discord-login:hover,.btn-discord,.btn-discord:visited,.btn-discord:hover,.mobile-login,.mobile-login:visited,.mobile-login:hover{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.account-btn.header-discord-login .account-btn-full,.account-btn.header-discord-login .account-btn-short{color:#fff!important;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.account-btn:hover{border-color:#fff;box-shadow:0 8px 24px rgba(44,20,80,.6),0 0 26px rgba(182,108,255,.9)}
@keyframes accountBtnPulse{0%,100%{box-shadow:0 0 6px rgba(182,108,255,.35),inset 0 0 6px rgba(182,108,255,.08)}50%{box-shadow:0 0 18px rgba(182,108,255,.85),0 0 30px rgba(139,92,246,.45),inset 0 0 10px rgba(182,108,255,.2)}}
@media(prefers-reduced-motion:reduce){.account-btn{animation:none}}

/* Feature toggle: label sits on the right beside the arrow; arrow is 10% bigger and pulses */
.feature-toggle{justify-content:flex-end;gap:8px}
.feature-toggle i{font-size:1.1em;animation:arrowGlowPulse 2.2s ease-in-out infinite}
@keyframes arrowGlowPulse{
  0%,100%{color:var(--violet);text-shadow:0 0 0 rgba(182,108,255,0)}
  50%{color:#fff;text-shadow:0 0 10px rgba(182,108,255,.9),0 0 18px rgba(139,92,246,.5)}
}
@media(prefers-reduced-motion:reduce){.feature-toggle i{animation:none}}

/* Logout: desktop = hover dropdown under the Discord name; mobile = entry in the menu dropdown */
.user-menu{position:relative;display:flex;align-items:center}
.logout-drop{display:none;position:absolute;top:100%;right:0;width:130px;padding-top:12px;z-index:25}
.user-menu:hover .logout-drop{display:block}
.logout-drop form{margin:0}
.logout-drop button{display:block;width:100%;min-width:130px;box-sizing:border-box;margin:0;background:#11131c;border:1px solid rgba(139,92,246,.45);color:#ff9fae;padding:12px 16px;font-family:inherit;font-size:10px;line-height:normal;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;appearance:none;-webkit-appearance:none;box-shadow:0 16px 44px rgba(0,0,0,.55);transition:.2s;text-align:center}
.logout-drop button:hover{background:rgba(139,92,246,.14);color:#fff;border-color:var(--violet)}
.balance-chip{flex-shrink:0;padding:3px 8px;border:1px solid rgba(85,223,160,.4);border-radius:20px;background:rgba(85,223,160,.08);color:#7cd99c;font:800 10px Space Grotesk;white-space:nowrap}
.support-message-reply{margin-top:6px;padding:8px 10px;border-left:2px solid #8b5cf6;background:rgba(139,92,246,.08);color:#d7c6ff!important}
.support-reply-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.support-reply-form textarea{min-height:70px;background:#090a0e;border:1px solid var(--line);color:#fff;padding:10px;font-size:12px}
.balance-credits-link{display:block;width:100%;box-sizing:border-box;background:#11131c;border:1px solid rgba(139,92,246,.45);border-bottom:0;color:#7cd99c;padding:12px 16px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;text-align:center;transition:.2s}
.balance-credits-link:hover{background:rgba(139,92,246,.14);color:#fff;border-color:var(--violet)}
.freebies-link{display:block;width:100%;box-sizing:border-box;background:#11131c;border:1px solid rgba(139,92,246,.45);border-bottom:0;color:#ffd85e;padding:12px 16px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;text-align:center;transition:.2s}
.freebies-link:hover{background:rgba(139,92,246,.14);color:#fff;border-color:var(--violet)}
@media(max-width:1000px){.balance-chip{font-size:9px;padding:2px 6px}}
.mobile-nav .mobile-logout{margin:0}
.mobile-nav .mobile-logout button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:0;font:inherit;color:#ff9fae;cursor:pointer;text-align:right}
.mobile-nav a,.mobile-nav .mobile-logout button{text-shadow:0 0 8px currentColor}
.mobile-nav a svg,.mobile-nav .mobile-logout button svg{filter:drop-shadow(0 0 5px currentColor)}
.mobile-nav .mobile-icon-link,.mobile-nav .mobile-status-link,.mobile-nav .mobile-admin-link,.mobile-nav .mobile-reseller-link{display:flex!important;align-items:center;gap:7px}
/* Menu options sit under the hamburger button on the right, not the left.
   The box hugs its content instead of stretching full-width, with a purple glow border. */
.mobile-nav{align-items:flex-end;text-align:right;left:auto;right:max(24px,calc((100% - var(--max))/2));width:max-content;min-width:170px;padding:18px 22px;border:1px solid rgba(139,92,246,.55);border-radius:4px;box-shadow:0 0 20px rgba(139,92,246,.35),0 24px 60px rgba(0,0,0,.55)}
@media(max-width:1000px){.logout-drop{display:none!important}}

/* Shop nav: hover dropdown (desktop only) listing every game category. Picking one
   jumps to the catalog with that category pre-filtered. */
.nav-shop-drop{position:relative;display:flex;align-items:center;align-self:stretch}
.nav-shop-chevron{margin-left:1px;transition:transform .2s ease}
.nav-shop-drop:hover .nav-shop-chevron,.nav-shop-drop.open .nav-shop-chevron{transform:rotate(180deg)}
/* top:100% with no margin keeps the panel's hit-box touching the trigger's — a gap here
   is a classic dropdown bug: the mouse crosses dead space on the way down and :hover drops
   before it reaches the menu. Centered under the trigger, styled like the site's other
   panels (DMA lantern / product cards): themed gradient, glow border, inset accent frame. */
.nav-shop-panel{position:absolute;top:100%;left:0;transform:translateY(-6px);width:1100px;max-width:calc(100vw - 32px);column-count:5;column-gap:6px;padding:16px 16px 10px;background:linear-gradient(160deg,color-mix(in srgb,color-mix(in srgb,var(--theme-accent) 16%,var(--panel2)) 88%,transparent) 0%,color-mix(in srgb,var(--theme-deep) 88%,transparent) 58%,color-mix(in srgb,color-mix(in srgb,var(--theme-accent) 9%,var(--theme-deep)) 88%,transparent) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--theme-accent) 55%,transparent);border-radius:7px;box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 10%,transparent) inset,0 0 26px color-mix(in srgb,var(--theme-accent) 28%,transparent),0 30px 70px rgba(0,0,0,.65);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:30}
.nav-shop-panel::before{content:"";position:absolute;z-index:-1;inset:7px;border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);border-radius:4px;pointer-events:none}
.nav-shop-panel{user-select:none;-webkit-user-select:none}
.nav-shop-drop:hover .nav-shop-panel,.nav-shop-drop:focus-within .nav-shop-panel,.nav-shop-drop.open .nav-shop-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
/* Picking a category filters+scrolls the page immediately behind this panel — if it's still
   showing (the mouse hasn't moved yet) it visually covers the very products you just jumped
   to, so force it shut instantly instead of waiting for hover/focus to naturally clear. */
.nav-shop-drop.suppressed .nav-shop-panel{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
/* Detached (dragged free of the trigger): stays visible regardless of hover/focus, and a
   floating × badge (top-right) is the only way to close it - it deliberately survives normal
   page navigation via localStorage, like the admin chat widget. The drag handle itself is
   always shown (not just once detached) so it's obvious upfront that the panel can be moved. */
.nav-shop-drop.detached .nav-shop-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:none}
.nav-shop-panel-handle{column-span:all;display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:8px 10px;font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--theme-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent) 24%,transparent);border-radius:5px;cursor:move;touch-action:none}
.nav-shop-detach-close{display:none;position:absolute;top:-13px;right:-13px;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#7141ce,#9a59e7);color:#fff;border:1px solid rgba(182,108,255,.6);font-size:15px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.45);z-index:2}
.nav-shop-drop.detached .nav-shop-detach-close{display:flex}
.nav-shop-item{display:block;text-align:center;break-inside:avoid;padding:9px 12px;margin-bottom:4px;border-radius:4px;font-size:11.5px;font-weight:700;letter-spacing:.2px;color:color-mix(in srgb,var(--text) 78%,var(--theme-accent) 22%);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.18s}
.nav-shop-item:hover,.nav-shop-item:focus-visible{background:linear-gradient(120deg,color-mix(in srgb,var(--theme-accent) 32%,var(--panel2)),color-mix(in srgb,var(--theme-accent) 58%,var(--panel2)));color:#fff;box-shadow:0 0 14px color-mix(in srgb,var(--theme-accent) 30%,transparent)}
.nav-shop-featured{column-span:all;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--theme-accent) 30%,transparent)}
.nav-shop-item-featured{margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 6px;color:var(--text);font-size:11.5px;letter-spacing:.2px;line-height:1.25;border:1px solid color-mix(in srgb,var(--theme-accent) 24%,transparent);border-radius:5px;background:color-mix(in srgb,var(--theme-accent) 7%,transparent)}
.nav-shop-item-featured:hover,.nav-shop-item-featured:focus-visible{border-color:color-mix(in srgb,var(--theme-accent) 55%,transparent)}
@media(max-width:1280px){.nav-shop-panel{width:700px;column-count:3}}
@media(max-width:1000px){.nav-shop-panel{display:none!important}}

/* Guides / Product Status / My Keys nav: same hover-dropdown treatment as Shop, but simple
   click-through hover panels (no drag-detach) — a game-category list for Guides/Status,
   a live Orders & Licenses preview for My Keys. */
.nav-hover-drop{position:relative;display:flex;align-items:center;align-self:stretch}
.nav-hover-panel{position:absolute;top:100%;left:0;transform:translateY(-6px);padding:10px;background:linear-gradient(160deg,color-mix(in srgb,color-mix(in srgb,var(--theme-accent) 16%,var(--panel2)) 88%,transparent) 0%,color-mix(in srgb,var(--theme-deep) 88%,transparent) 58%,color-mix(in srgb,color-mix(in srgb,var(--theme-accent) 9%,var(--theme-deep)) 88%,transparent) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--theme-accent) 55%,transparent);border-radius:7px;box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 10%,transparent) inset,0 0 26px color-mix(in srgb,var(--theme-accent) 28%,transparent),0 30px 70px rgba(0,0,0,.65);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:30}
.nav-hover-drop:hover .nav-hover-panel,.nav-hover-drop:focus-within .nav-hover-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav-cat-panel{width:560px;max-width:calc(100vw - 32px);column-count:3;column-gap:6px}
.nav-hover-item{display:block;padding:9px 12px;margin-bottom:4px;border-radius:4px;font-size:11.5px;font-weight:700;letter-spacing:.2px;line-height:1.3;color:color-mix(in srgb,var(--text) 78%,var(--theme-accent) 22%);text-decoration:none;break-inside:avoid;transition:.18s}
@media(max-width:1280px){.nav-cat-panel{width:380px;column-count:2}}
.nav-hover-item:hover,.nav-hover-item:focus-visible{background:linear-gradient(120deg,color-mix(in srgb,var(--theme-accent) 32%,var(--panel2)),color-mix(in srgb,var(--theme-accent) 58%,var(--panel2)));color:#fff;box-shadow:0 0 14px color-mix(in srgb,var(--theme-accent) 30%,transparent)}
.nav-hover-empty,.nav-hover-loading{padding:10px 12px;font-size:11px;color:var(--muted)}
.nav-keys-panel{width:340px;max-width:calc(100vw - 32px);max-height:70vh;overflow-y:auto}
.nav-keys-panel .orders{display:flex;flex-direction:column;gap:10px}
.nav-keys-panel .order{grid-template-columns:1fr;padding:14px;gap:10px}
.nav-keys-panel .order>div:nth-child(2){text-align:left}
.nav-keys-panel .license-area{grid-column:auto;flex-direction:column;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;gap:10px}
.nav-keys-panel .empty-state{padding:20px 12px}
@media(max-width:1000px){.nav-hover-panel{display:none!important}}

/* Keep the signed-in mobile controls compact and anchored beside the cart so
   the Discord profile never crowds or covers the UltraCore wordmark. */
@media(max-width:700px){
  .app-header{padding-inline:12px}
  .app-header .logo{flex-shrink:0}
  .app-header .header-actions{margin-left:auto;gap:8px}
  .app-header .user-menu,.app-header .user-chip{margin-right:0}
  .app-header .user-chip{gap:5px}
  .app-header .user-chip-name{display:none}
  .app-header .user-chip img{width:27px;height:27px}
  .app-header .balance-chip{padding:2px 5px;font-size:8.5px}
  .app-header .menu-btn{width:32px;padding:0 4px}
}

/* Status page: Details button on each card opens the same product modal as the homepage */
.status-card-v2{display:flex;align-items:stretch;justify-content:space-between;gap:14px;cursor:pointer}
.status-card-main{min-width:0}
.status-details-btn{flex-shrink:0;background:#151820;border:1px solid rgba(139,92,246,.45);color:#fff;padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:.2s}
.status-details-btn:hover{border-color:var(--violet);background:rgba(139,92,246,.15);box-shadow:0 0 12px rgba(139,92,246,.3)}

/* Footer EPVP badge now shows the ElitePvpers logo image */
.epvp-badge{padding:6px 11px}
.epvp-logo{height:34px;width:auto;display:block}

/* Footer Discord icon: purple, larger, with a purple outline tracing around its edge */
.discord-icon-link{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#b66cff}
.discord-icon-link svg{width:28px;height:28px}
.discord-icon-link:hover{color:#e2ccff}
.discord-icon-link::before{
  content:"";position:absolute;inset:0;border-radius:50%;padding:1.5px;
  background:conic-gradient(transparent 0 68%,rgba(182,108,255,.25) 78%,#b66cff 90%,rgba(182,108,255,.25) 97%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  animation:spin 3s linear infinite;
}
@media(prefers-reduced-motion:reduce){.discord-icon-link::before{animation:none}}

/* Footer payment method badges: brand-colored circular glyphs with a solid pulsing glow */
.payment-icons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}
.payment-icon-link{position:relative;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;cursor:default;transition:.2s;background:rgba(255,255,255,.03)}
.payment-icon-link::before{
  content:"";position:absolute;inset:0;border-radius:50%;background:transparent;
  border:1.5px solid currentColor;
}
.payment-icon-link svg{position:relative;z-index:1;width:29px;height:29px}
.pi-stripe{color:#8b6bff}
.pi-visa{color:#5b7cf0}
.pi-mastercard{color:#ff8a4c}
.pi-amex{color:#5ecdf0}
.pi-paypal{color:#4aa8ff}
.pi-venmo{color:#5cc3f5}
.pi-cashapp{color:#2fe075}
.pi-ltc{color:#a9b4c4}
.pi-btc{color:#f7a43a}
.payment-icon-link:hover{filter:brightness(1.35)}
.payment-icon-link:hover::before{box-shadow:0 0 4px currentColor}
.footer-payment-row{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 0 28px;text-align:center}
.payment-methods-heading{font:700 13px/1 'Space Grotesk',sans-serif;letter-spacing:3px;text-transform:uppercase;color:#c9cbe0;text-shadow:0 0 18px rgba(139,92,246,.35)}
@media(max-width:640px){.payment-icons{gap:8px}.payment-icon-link{width:49px;height:49px}.payment-icon-link svg{width:23px;height:23px}}

/* Mobile: hero copy sits flush under the header, less dead space before The Arsenal,
   and the banner is shifted down so the helmet isn't hidden behind the fixed header */
@media(max-width:700px){
  .hero{min-height:0;padding:92px 0 36px;background-color:#05060a}
  .hero::after{background-position:58% 72px}
  body:has(.site-announcements) .hero{padding-top:36px}
  .hero::before{
    background:
      linear-gradient(125deg,rgba(132,72,220,.15),rgba(46,170,230,.08)),
      linear-gradient(0deg,rgba(5,6,10,.96) 0%,rgba(5,6,10,.68) 58%,rgba(5,6,10,.38) 100%),
      linear-gradient(180deg,rgba(5,6,10,.95) 0,rgba(5,6,10,.55) 82px,rgba(5,6,10,0) 150px),
      linear-gradient(90deg,rgba(5,6,10,.72),rgba(5,6,10,.14));
  }
  .hero-copy{padding-top:0}
  .hero .eyebrow{margin-bottom:16px}
  .hero-copy>p{margin:18px 0 24px}
  h1{font-size:39px;letter-spacing:-2.1px}
  .hero-actions .btn{padding:12px 17px;font-size:9px}
  .section{padding:46px 16px 72px}
  .status-card-v2{flex-direction:column;align-items:stretch;gap:12px}
  .status-details-btn{width:100%;text-align:center}
}

/* Mobile: page content (guides, status, account, cart, terms...) starts closer to the top */
@media(max-width:800px){
  .page-hero{min-height:0;padding-top:26px;padding-bottom:32px}
  .page-hero h1{margin:10px 0 16px}
  .dashboard{padding-top:28px}
  .status-content-v2{padding-top:26px}
  .status-content{padding-top:28px}
  .compact{padding-top:34px}
  .legal-content{padding-top:34px}
  .cart-shell{padding-top:30px}
}


@media(prefers-reduced-motion:reduce){.product-card,.logo .ultra-text i,.logo .accent{animation:none}}

/* Growth, trust, review, wishlist, and reseller reporting surfaces. */
.growth-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}
.growth-stats article{display:grid;gap:9px;padding:21px;border:1px solid rgba(139,92,246,.25);background:linear-gradient(145deg,rgba(139,92,246,.1),#0c0e14)}
.growth-stats small{color:#777e8e;font-size:9px;letter-spacing:1.2px}.growth-stats b{font:700 25px Space Grotesk;color:#fff}
.funnel-panel{padding:22px;border:1px solid var(--line);background:#0c0e14;margin-bottom:28px}.funnel-panel h3{margin-bottom:18px}
.funnel-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px}.funnel-grid span{display:grid;text-align:center;color:var(--muted);font-size:10px}.funnel-grid span b{font:700 25px Space Grotesk;color:var(--violet)}.funnel-grid i{font-style:normal;color:#5f6572}
.trust-strip{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.trust-strip span{padding:8px 10px;background:rgba(85,223,160,.07);border:1px solid rgba(85,223,160,.25);color:#8ddfb2;font-size:9px}
.rating-summary{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--muted);font-size:11px}.rating-summary b{color:#e6bd63}
.wishlist-form{margin-top:10px}.wishlist-form button{width:100%;padding:11px;border:1px solid rgba(139,92,246,.4);background:rgba(139,92,246,.08);color:#d9c6ff;cursor:pointer}
.wishlist-login{display:block;padding:11px;border:1px solid rgba(139,92,246,.4);background:rgba(139,92,246,.08);color:#d9c6ff;text-align:center;font-size:11px}
.product-proof{padding-top:55px}.review-reward-note{font-size:12px;font-weight:700;color:#d9c6ff;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.35);padding:10px 14px;border-radius:4px;margin-bottom:14px}.review-reward-note b{color:#fff}.review-reward-note a{color:#7fe0ff;text-decoration:underline}.reward-credit-highlight{color:#55dfa0!important}.reward-coupon-highlight{color:#ffd85e!important}.account-reward-note{text-align:center;scroll-margin-top:105px}@media(max-width:700px){.account-reward-note{scroll-margin-top:90px}}.review-form{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:end;padding:20px;border:1px solid var(--line);background:#0c0e14;margin-bottom:20px}.review-form label{display:grid;gap:7px;color:var(--muted);font-size:10px}.review-form select,.review-form textarea{background:#090a0e;border:1px solid var(--line);color:#fff;padding:11px}.review-form textarea{min-height:75px;resize:vertical}.review-form .btn{width:auto}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.review-card{padding:20px;border:1px solid var(--line);background:#0d0f15}.review-card>b{color:#e6bd63}.review-card>b span{color:#414652}.review-card p{color:#b1b6c2;font-size:12px;line-height:1.65}.review-card small{color:#6f7583;font-size:9px}
.wishlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wishlist-grid article{display:flex;justify-content:space-between;gap:12px;padding:18px;border:1px solid var(--line);background:#0d0f15}.wishlist-grid small{color:var(--violet)}.wishlist-grid h3{margin:5px 0}.wishlist-grid button{background:none;border:0;color:#ff9fae;cursor:pointer}
.reseller-link-card{margin:25px 0}.reseller-link-card code{color:#c99aff;word-break:break-all;cursor:pointer}.reseller-link-card p{color:var(--muted);font-size:11px}.referral-avatar{width:36px;height:36px;border-radius:50%;margin-bottom:8px}
.referral-section{position:relative;overflow:hidden;border:1px solid rgba(139,92,246,.25);background:radial-gradient(circle at 15% 0%,rgba(139,92,246,.14),transparent 55%),radial-gradient(circle at 85% 100%,rgba(77,231,255,.08),transparent 50%),var(--bg)}
.referral-grid-floor{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.09) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at center,black,transparent 75%);pointer-events:none}
.referral-section>*:not(.referral-grid-floor){position:relative;z-index:1}
.referral-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 25px}
.referral-tier{position:relative;overflow:hidden;padding:22px 16px;border:1px solid var(--line);background:linear-gradient(160deg,#12101c,#0a0b10);text-align:center;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.referral-tier:hover{transform:translateY(-5px)}
.referral-tier-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;margin-bottom:12px;animation:referralIconFloat 3.4s ease-in-out infinite}
.referral-tier small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px;font-weight:700}
.referral-tier h3{margin:6px 0 2px;font-size:14px;color:#e8e6f0}
.referral-tier b{display:block;font:800 26px Space Grotesk;margin-top:4px}
.referral-tier p{margin:10px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}
.referral-tier.tier-1{border-color:rgba(139,92,246,.35)}
.referral-tier.tier-1 .referral-tier-icon{color:#c99aff;background:rgba(139,92,246,.14);box-shadow:0 0 0 rgba(139,92,246,0)}
.referral-tier.tier-1 b{color:#c99aff}
.referral-tier.tier-1:hover{border-color:#a56aff;box-shadow:0 10px 28px rgba(139,92,246,.28),0 0 20px rgba(139,92,246,.35)}
.referral-tier.tier-2{border-color:rgba(214,101,255,.35)}
.referral-tier.tier-2 .referral-tier-icon{color:#e08cff;background:rgba(214,101,255,.14)}
.referral-tier.tier-2 b{color:#e08cff}
.referral-tier.tier-2:hover{border-color:#e08cff;box-shadow:0 10px 28px rgba(214,101,255,.3),0 0 22px rgba(214,101,255,.4)}
.referral-tier.tier-3{border-color:rgba(255,196,64,.4)}
.referral-tier.tier-3 .referral-tier-icon{color:#ffd479;background:rgba(255,196,64,.16)}
.referral-tier.tier-3 b{color:#ffd479}
.referral-tier.tier-3:hover{border-color:#ffd479;box-shadow:0 10px 28px rgba(255,196,64,.32),0 0 24px rgba(255,196,64,.45)}
.referral-tier::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.08),transparent 60%);pointer-events:none}
.referral-stats-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:25px}
.referral-stats-grid article{width:200px;padding:18px;border:1px solid rgba(139,92,246,.3);background:linear-gradient(160deg,#12101c,#0a0b10);text-align:center;transition:border-color .25s ease,box-shadow .25s ease}
.referral-stats-grid article:hover{border-color:#a56aff;box-shadow:0 10px 24px rgba(139,92,246,.25),0 0 18px rgba(139,92,246,.3)}
.referral-stats-grid small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;text-transform:uppercase}
.referral-stats-grid b{display:block;margin-top:8px;font:800 22px Space Grotesk;color:#c99aff}
@keyframes referralIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:700px){.referral-tier-grid{grid-template-columns:1fr}}
.breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--muted);font-size:11px}.breadcrumbs a{color:var(--violet)}
.seo-category-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:36px auto 0;max-width:var(--max);padding-top:24px;border-top:1px solid var(--line)}.seo-category-links a{padding:5px 8px;border-bottom:1px solid rgba(139,92,246,.45);color:#9ea4b2;font-size:8px}.seo-category-links a:hover{color:#fff;border-color:var(--violet)}

@media(max-width:800px){.growth-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.review-form{grid-template-columns:1fr}.review-form .btn{width:100%}.review-grid,.wishlist-grid{grid-template-columns:1fr}.funnel-grid{grid-template-columns:1fr}.funnel-grid i{transform:rotate(90deg);text-align:center}}
@media(max-width:420px){.growth-stats{grid-template-columns:1fr}.growth-stats article{padding:16px}}
.site-announcements{position:relative;z-index:8;padding-top:78px;background:#08090d}.site-announcements article{display:flex;align-items:center;justify-content:center;gap:25px;padding:11px 20px;border-bottom:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.1);font-size:11px}.site-announcements article div{display:flex;gap:10px}.site-announcements article b{color:#d7bdff}.site-announcements article span{color:#a9afbc}.site-announcements article a{display:inline-flex;align-items:center;gap:5px;color:var(--violet);font-weight:700;white-space:nowrap}
.notice-tap-icon{display:inline-block;flex-shrink:0;color:currentColor;filter:drop-shadow(0 0 var(--notice-glow,6px) currentColor);animation:noticeTap 1.4s ease-in-out infinite}
.notice-tap-icon-img{width:14px;height:14px;object-fit:contain;filter:drop-shadow(0 0 var(--notice-glow,6px) var(--notice-color))}
@keyframes noticeTap{0%,100%{transform:translateX(0)}45%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.notice-tap-icon{animation:none}}
.communications-form{grid-template-columns:repeat(3,minmax(0,1fr))}.contacts-title{margin-top:45px}
.contact-preferences{border:1px solid var(--line);background:#0c0e14;padding:22px}.contact-preferences form{display:grid;grid-template-columns:1fr auto;gap:12px}.contact-preferences input[type="email"]{background:#090a0e;border:1px solid var(--line);color:#fff;padding:11px}.contact-preferences label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.contact-preferences .consent-row{grid-column:1 / -1}
.uc-trade-form{display:grid!important;grid-template-columns:1fr!important;gap:12px;max-width:420px;margin-bottom:14px}.uc-trade-form label{display:grid!important;gap:5px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.uc-trade-form input{background:#090a0e;border:1px solid var(--line);color:#fff;padding:11px;font-size:13px;text-transform:none;letter-spacing:normal}.uc-trade-form .btn{justify-self:start}
.trade-out{color:#ff7a8a}.trade-in{color:#6dff9c}
@media(max-width:800px){.site-announcements article,.site-announcements article div{align-items:flex-start;flex-direction:column;gap:5px}.communications-form{grid-template-columns:1fr}.contact-preferences form{grid-template-columns:1fr}.contact-preferences .consent-row{grid-column:1}}
.discord-sync-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(139,92,246,.35);background:linear-gradient(120deg,rgba(139,92,246,.1),#0c0e14)}.discord-sync-card p{color:var(--muted);font-size:12px}.discord-sync-card .btn{width:auto;white-space:nowrap}@media(max-width:700px){.discord-sync-card{align-items:stretch;flex-direction:column}.discord-sync-card .btn{width:100%}}
.consent-active{color:#7cd99c;font-weight:700}.contact-preferences>.btn{width:auto;margin-top:8px}
#community-continuity{display:none!important}
.migration-warning{padding:18px;border:1px solid #725327;background:#251d10;color:#e6bd63;margin-bottom:18px}.migration-warning p{color:#c0a978;font-size:11px;line-height:1.6}
.consent-user{display:flex!important;grid-template-columns:none!important;align-items:center;gap:11px}.consent-user>img{width:36px;height:36px;border-radius:50%;flex-shrink:0}.consent-user>span{display:grid;gap:5px}.migration-log-title{margin-top:42px}
.migration-category{border:1px solid var(--line);padding:16px;margin-bottom:14px}.migration-category:last-child{margin-bottom:0}.migration-category-title{margin-bottom:12px}.migration-category-title h3{font:600 14px Space Grotesk;margin:0;color:#e5e7ef}.migration-category-title label{display:inline-flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#9297a5;cursor:pointer}.migration-category-title label input{width:14px;height:14px;accent-color:var(--violet);cursor:pointer}.migration-row-check{display:flex;align-items:center;padding-right:2px}.migration-row-check input{width:16px;height:16px;accent-color:var(--violet);cursor:pointer}.migration-category-bulk-delete{display:flex;justify-content:flex-end;margin-top:10px}.migration-category-bulk-delete button:disabled{opacity:.4;cursor:not-allowed}
.override-btn{background:rgba(85,223,160,.1)!important;border-color:#275a43!important;color:#7cd99c!important;white-space:nowrap}.ip-flags-table>div{gap:12px}

/* Configurable public announcement motion and effects. */
.site-announcements article{display:block;overflow:hidden;font-size:var(--notice-size);color:var(--notice-color);text-shadow:0 0 calc(var(--notice-glow) * 1.6) var(--notice-color),0 0 calc(var(--notice-glow) * 3.2) var(--notice-color)}
.notice-track{width:100%}.notice-content{display:flex!important;align-items:center;justify-content:center;gap:12px;width:max-content;min-width:100%;margin:auto}.notice-content b{color:var(--notice-color)!important;font-size:var(--notice-size)}.notice-content span{color:var(--notice-body-color,var(--notice-color))!important}.notice-content span:not(.notice-cta){font-size:var(--notice-body-size,var(--notice-size))}.notice-content a{color:var(--notice-color)!important}
.notice-content-link{text-decoration:none;cursor:pointer;transition:opacity .15s}.notice-content-link:hover{opacity:.82}.notice-cta{display:inline-flex!important;align-items:center;gap:5px;color:var(--notice-color)!important;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.notice-marquee .notice-track{width:max-content;min-width:0;animation-name:noticeScroll;animation-duration:calc(44s - var(--notice-speed));animation-timing-function:linear;animation-iteration-count:infinite}.notice-marquee .notice-content{min-width:0;margin:0}.notice-marquee.direction-right .notice-track{animation-direction:reverse}
@keyframes noticeScroll{from{transform:translateX(calc(100vw - 1px))}to{transform:translateX(-100%)}}
.notice-effect-none .notice-content{animation:none!important;filter:none!important}
.notice-font-inter{--notice-font:Inter,Arial,sans-serif}.notice-font-space{--notice-font:"Space Grotesk",Arial,sans-serif}.notice-font-serif{--notice-font:Georgia,"Times New Roman",serif}.notice-font-mono{--notice-font:"Courier New",monospace}.notice-font-display{--notice-font:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}.notice-content{font-family:var(--notice-font,Inter,Arial,sans-serif)}
.notice-effect-pulse .notice-content{animation:noticePulse 1.4s ease-in-out infinite}.notice-effect-breathe .notice-content{animation:noticeBreathe 3.2s ease-in-out infinite}.notice-effect-glow .notice-content{animation:noticeGlow 1.8s ease-in-out infinite}.notice-effect-shimmer .notice-content{background:linear-gradient(100deg,var(--notice-color) 10%,#fff 40%,#68eaff 52%,var(--notice-color) 72%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:noticeShimmer 2.2s linear infinite}.notice-effect-shimmer .notice-content *{color:transparent!important}.notice-effect-flicker .notice-content{animation:noticeFlicker 2.8s steps(1) infinite}.notice-effect-bounce .notice-content{animation:noticeBounce 1s cubic-bezier(.3,.7,.4,1) infinite}.notice-effect-rainbow .notice-content{animation:noticeRainbow 2.2s linear infinite}.notice-effect-glitch .notice-content{animation:noticeGlitch .75s steps(2,end) infinite}.notice-effect-flip .notice-content{animation:noticeFlip 2.4s ease-in-out infinite;transform-style:preserve-3d}.notice-effect-shake .notice-content{animation:noticeShake .22s linear infinite}
@keyframes noticePulse{50%{transform:scale(1.09);opacity:.58}}@keyframes noticeBreathe{0%,100%{opacity:.3;filter:blur(.7px) brightness(.65)}50%{opacity:1;filter:blur(0) brightness(1.6)}}@keyframes noticeGlow{50%{filter:brightness(1.8);text-shadow:0 0 calc(var(--notice-glow) * 2.8) var(--notice-color),0 0 24px #fff}}@keyframes noticeShimmer{to{background-position:-240% 0}}@keyframes noticeFlicker{0%,14%,18%,54%,58%,100%{opacity:1}15%,56%{opacity:.08}17%,57%{opacity:.45}}@keyframes noticeBounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-9px)}65%{transform:translateY(3px)}}@keyframes noticeRainbow{to{filter:hue-rotate(360deg) saturate(2.2);text-shadow:0 0 calc(var(--notice-glow) * 1.6) currentColor}}@keyframes noticeGlitch{0%,100%{transform:none;text-shadow:-3px 0 calc(var(--notice-glow) * 1.2) #00eaff,3px 0 calc(var(--notice-glow) * 1.2) #ff3da4}25%{transform:translate(-3px,1px) skewX(8deg);text-shadow:5px 0 calc(var(--notice-glow) * 1.2) #00eaff,-5px 0 calc(var(--notice-glow) * 1.2) #ff3da4}55%{transform:translate(3px,-1px) skewX(-10deg)}75%{transform:translate(-1px,2px)}}@keyframes noticeFlip{0%,35%,100%{transform:perspective(500px) rotateX(0)}60%{transform:perspective(500px) rotateX(360deg)}}@keyframes noticeShake{0%,100%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(1px,2px)}}
.announcement-designer output{color:var(--violet);font-weight:800;justify-self:end}.announcement-designer input[type="range"]{padding:0;accent-color:var(--purple)}.announcement-designer input[type="color"]{height:42px;padding:4px}.announcement-designer .marquee-check{align-self:end;min-height:42px}
.announcement-edit-btn{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.4);color:#d9c6ff;padding:9px 13px;font-size:10px;white-space:nowrap}
.custom-font-upload input,.custom-icon-upload input{font-size:9px;overflow:hidden}
.reseller-coupons-heading{margin:26px 0 6px;font:600 15px Space Grotesk}
.reseller-coupon-codes{color:var(--muted);font-size:10px;text-align:right}.reseller-coupon-codes code{margin:0 2px}
@media(max-width:800px){.notice-content{align-items:flex-start;flex-direction:column;justify-content:center;padding:0 10px}.notice-marquee .notice-content{flex-direction:row;align-items:center}.announcement-designer{grid-template-columns:1fr}#notice-raffle{--notice-size:8px!important}#notice-raffle .notice-content{flex-direction:row;align-items:center;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:6px;scrollbar-width:none}#notice-raffle .notice-content::-webkit-scrollbar{display:none}#notice-raffle .notice-content>*{flex-shrink:0}#notice-raffle .notice-tap-icon{width:9px;height:9px}}
@media(max-width:420px){#notice-raffle{--notice-size:7px!important}}
@media(prefers-reduced-motion:reduce){.notice-track,.notice-content{animation:none!important;transform:none!important}.notice-marquee .notice-track{width:100%}}

/* Homepage catalog filters: balanced rows instead of one long strip. */
/* Catalog toolbar matches the guides page: bordered panel, search left, filter grid right. */
.products .shop-bar{display:grid;grid-template-columns:1fr;gap:14px;padding:0;border:0;background:none;box-shadow:none}
.products .shop-bar>.search{width:100%;max-width:none;height:46px;margin:0}
.products .shop-bar>.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(162px,1fr));width:100%;max-width:none;flex:none;gap:9px;margin:0}
.products .shop-bar>.filters{align-items:start}
.products .shop-bar>.filters button{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:76px;padding:12px 10px;text-align:center;line-height:1.28;white-space:normal;border-color:rgba(166,103,255,.58);background:linear-gradient(135deg,rgba(139,92,246,.13),rgba(22,12,36,.94));box-shadow:inset 0 0 0 1px rgba(187,133,255,.04),0 0 14px rgba(98,49,168,.09)}
.products .shop-bar>.filters button:has(.filter-game-art){position:relative;isolation:isolate;justify-content:flex-start;height:auto;min-height:76px;padding:12px 10px 12px 58px;overflow:hidden;text-align:left;background:linear-gradient(110deg,rgba(75,35,119,.28),rgba(24,12,40,.97) 64%)}
.products .shop-bar>.filters button:has(.filter-game-art)::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:repeating-linear-gradient(114deg,rgba(191,153,255,.07) 0 1px,transparent 1px 4px),linear-gradient(90deg,transparent 0%,transparent 44%,rgba(20,11,34,.4) 64%,rgba(13,7,22,.78) 100%);background-size:auto,auto;opacity:.9}
.products .shop-bar>.filters button:has(.filter-game-art)::after{content:none}
.filter-game-art{position:absolute;z-index:-1;left:0;bottom:0;width:108px;height:100%;overflow:hidden;background-image:url('/static/category-art/game-category-cutouts.png');background-repeat:no-repeat;background-size:600% 500%;background-position:var(--art-x) var(--art-y);pointer-events:none;opacity:.78;filter:saturate(.84) contrast(.9) brightness(.86);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 55%,rgba(0,0,0,.88) 68%,transparent 82%);mask-image:linear-gradient(90deg,#000 0%,#000 55%,rgba(0,0,0,.88) 68%,transparent 82%);transition:filter .25s ease,transform .25s ease,opacity .25s ease}
.filter-game-art::before{content:"";position:absolute;inset:0;background-image:inherit;background-repeat:inherit;background-size:inherit;background-position:inherit;filter:brightness(1.9) saturate(.66) drop-shadow(0 0 5px color-mix(in srgb,var(--theme-accent) 46%,transparent));opacity:0;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(105deg,transparent 34%,#000 48%,transparent 62%);-webkit-mask-size:260% 100%;-webkit-mask-position:150% 0;mask-image:linear-gradient(105deg,transparent 34%,#000 48%,transparent 62%);mask-size:260% 100%;mask-position:150% 0;animation:category-character-shine 5.8s ease-in-out infinite}
.filter-game-art::after{content:"";position:absolute;inset:0;height:auto;background:repeating-linear-gradient(117deg,rgba(255,255,255,.055) 0 1px,transparent 1px 4px),radial-gradient(circle at 28% 38%,transparent 0 48%,rgba(10,6,17,.22) 100%);background-size:auto,100% 100%;mix-blend-mode:soft-light;opacity:.44}
.products .shop-bar>.filters button[data-filter="chess"] .filter-game-art{background-image:url('/static/category-art/chess-knight-bust.png');background-size:106px 92px;background-position:left bottom;transform:none;transform-origin:left bottom;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 66%,rgba(0,0,0,.78) 82%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 66%,rgba(0,0,0,.78) 82%,transparent 100%)}
.products .shop-bar>.filters button[data-filter="fortnite"] .filter-game-art{width:112px;background-image:url('/static/category-art/fortnite-solo-cutout-v2.png');background-size:auto 86%;background-position:left bottom;transform-origin:left bottom;-webkit-mask-image:none;mask-image:none}
.products .shop-bar>.filters button[data-filter="all"] .filter-game-art{width:112px;background-image:url('/static/category-art/shang-tsung-young-cutout-v3.png');background-size:auto 84%;background-position:left bottom;transform-origin:left bottom;-webkit-mask-image:none;mask-image:none}
.products .shop-bar>.filters button[data-filter="war thunder"] .filter-game-art{left:-22px;width:132px;background-image:url('/static/category-art/war-thunder-plane-tank-cutout-v5.png');background-size:contain;background-position:left bottom;transform-origin:left bottom;-webkit-mask-image:none;mask-image:none}
.products .shop-bar>.filters button[data-filter="ark: survival ascended"] .filter-game-art{width:118px;background-image:url('/static/category-art/ark-rider-cutout-v4.png');background-size:contain;background-position:left bottom;transform-origin:left bottom;-webkit-mask-image:none;mask-image:none}
.products .shop-bar>.filters button[data-filter="scum"] .filter-game-art{width:112px;background-image:url('/static/category-art/scum-survivor-cutout-v4.png');background-size:auto 86%;background-position:left bottom;transform-origin:left bottom;-webkit-mask-image:none;mask-image:none}
.products .shop-bar>.filters button[data-filter="the isle evrima"] .filter-game-art{left:-10px;bottom:-8px;width:110px;height:calc(100% + 8px);background-image:url('/static/category-art/isle-evrima-head-neck-cutout-v5.png');background-size:contain;background-position:left bottom;transform-origin:left bottom;-webkit-mask-image:none;mask-image:none}
.products .shop-bar>.filters button[data-filter="meccha chameleon"] .filter-game-art{width:112px;background-image:url('/static/category-art/meccha-chameleon-cutout-v3.png');background-size:contain;background-position:left bottom;transform-origin:left bottom;-webkit-mask-image:none;mask-image:none}
.products .shop-bar>.filters button[data-filter="macrostudio"]{padding-left:96px!important}.products .shop-bar>.filters button[data-filter="macrostudio"] .filter-game-art{left:-7px;bottom:-8px;width:122px;height:calc(100% + 8px);background-image:url('/static/category-art/macrostudio-mouse-drag-cutout.png');background-size:contain;background-position:left bottom;transform-origin:left bottom;-webkit-mask-image:none;mask-image:none;opacity:.88;filter:saturate(.9) contrast(.96) brightness(.9) drop-shadow(0 7px 8px color-mix(in srgb,var(--bg) 65%,transparent)) drop-shadow(0 0 9px color-mix(in srgb,var(--theme-accent) 25%,transparent))}
.filter-game-label{position:relative;z-index:1;display:block;width:100%;font-size:11px;line-height:1.28;text-align:center;text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:none;text-shadow:0 1px 7px #08050e}
.products .shop-bar>.filters button:hover .filter-game-art,.products .shop-bar>.filters button.active .filter-game-art{opacity:.9;filter:saturate(.98) contrast(.96) brightness(.94);transform:scale(1.025)}
.products .shop-bar>.filters button[data-filter="chess"]:hover .filter-game-art,.products .shop-bar>.filters button[data-filter="chess"].active .filter-game-art{transform:scale(1.025)}
.products .shop-bar>.filters button[data-filter="pubg"] .filter-game-art{width:112px;background-image:url('/static/category-art/pubg-soldier-cutout-v3.png');background-size:contain;background-position:left bottom;transform-origin:left bottom;-webkit-mask-image:none;mask-image:none}
@keyframes category-character-shine{0%,58%{opacity:0;-webkit-mask-position:150% 0;mask-position:150% 0}64%{opacity:.48}79%{opacity:0;-webkit-mask-position:-55% 0;mask-position:-55% 0}100%{opacity:0;-webkit-mask-position:-55% 0;mask-position:-55% 0}}
@media(prefers-reduced-motion:reduce){.filter-game-art::before{animation:none;opacity:0}}
.products .search>span{color:#d497ff;font-size:17px;font-weight:800;text-shadow:0 0 7px rgba(182,108,255,1),0 0 16px rgba(139,92,246,.9)}
.products .shop-bar>.search,.products .shop-bar>.filters button{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.45);color:var(--violet);box-shadow:0 0 10px rgba(139,92,246,.08);transition:.2s}
.products .shop-bar>.filters button:hover,.products .shop-bar>.filters button.active{background:rgba(139,92,246,.16);border-color:var(--violet);color:#fff;box-shadow:0 0 16px rgba(139,92,246,.3)}
.products .shop-bar>.filters button[data-filter="reseller packages"],.products .shop-bar>.filters button[data-filter="account credit"],.products .shop-bar>.filters button[data-filter="raffles"],.products .shop-bar>.filters button[data-filter="dma"]{position:relative;isolation:isolate;justify-content:flex-start;overflow:hidden;padding-left:92px}
.filter-utility-3d{position:absolute;z-index:0;left:-18px;bottom:-6px;display:block;width:95px;height:81px;margin:0;background-image:url('/static/category-art/utility-icons-3d.png');background-repeat:no-repeat;background-size:300% 100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 12%,#000 25%,#000 66%,rgba(0,0,0,.68) 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 12%,#000 25%,#000 66%,rgba(0,0,0,.68) 80%,transparent 100%);opacity:.68;filter:brightness(.9) contrast(1.04) drop-shadow(0 7px 7px rgba(7,4,12,.24)) drop-shadow(0 0 8px rgba(230,208,255,.16));transform-origin:left bottom;transition:transform .25s ease,filter .25s ease,opacity .25s ease}
.filter-utility-3d::before{content:"";position:absolute;inset:0;background-image:inherit;background-repeat:inherit;background-size:inherit;background-position:inherit;opacity:0;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(105deg,transparent 34%,#000 48%,transparent 62%);-webkit-mask-size:260% 100%;-webkit-mask-position:150% 0;mask-image:linear-gradient(105deg,transparent 34%,#000 48%,transparent 62%);mask-size:260% 100%;mask-position:150% 0;animation:utility-icon-shine 5.8s ease-in-out infinite}
.utility-handshake{background-position:0 center}.utility-wallet{left:-15px;background-position:50% center}.utility-ticket{left:-22px;bottom:-5px;width:108px;height:84px;background-position:100% center}
.filter-dma-art{position:absolute;z-index:0;left:-18px;bottom:-6px;display:block;width:95px;height:81px;margin:0;overflow:visible;background:url('/static/category-art/dma-card-three-quarter-32bit.png') left bottom/contain no-repeat;opacity:.9;filter:brightness(1.02) saturate(.95) drop-shadow(0 7px 7px rgba(7,4,12,.24)) drop-shadow(0 0 8px rgba(77,231,255,.24));-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 12%,#000 25%,#000 66%,rgba(0,0,0,.68) 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 12%,#000 25%,#000 66%,rgba(0,0,0,.68) 80%,transparent 100%);transform-origin:left bottom;transition:filter .25s ease,opacity .25s ease,transform .25s ease}
.filter-dma-art::after{content:"";position:absolute;inset:-30% 8% -30% 4%;background:linear-gradient(105deg,transparent 38%,rgba(151,91,225,.42) 45%,rgba(255,255,255,.62) 52%,rgba(255,255,255,.2) 58%,transparent 65%);transform:translateX(-135%);mix-blend-mode:screen;animation:dma-card-scan 6.5s ease-in-out infinite}
.filter-utility-label{position:relative;z-index:2;flex:1;text-align:center;font-size:10.5px;line-height:1.28;text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:none;text-shadow:0 1px 8px rgba(0,0,0,.52)}
.products .shop-bar>.filters button:hover .filter-utility-3d,.products .shop-bar>.filters button.active .filter-utility-3d{transform:scale(1.05);opacity:.86;filter:drop-shadow(0 10px 10px rgba(7,4,12,.38)) drop-shadow(0 0 13px rgba(235,216,255,.35))}
.products .shop-bar>.filters button:hover .filter-dma-art,.products .shop-bar>.filters button.active .filter-dma-art{opacity:.96;filter:brightness(1.1) saturate(.96) drop-shadow(0 0 7px rgba(77,231,255,.34))}
@keyframes dma-card-scan{0%,48%{transform:translateX(-135%);opacity:0}52%{opacity:.34}58%{opacity:.28}68%,100%{transform:translateX(145%);opacity:0}}
@media(prefers-reduced-motion:reduce){.filter-dma-art,.filter-dma-art::after{animation:none}}
@keyframes utility-icon-shine{0%,58%{opacity:0;-webkit-mask-position:150% 0;mask-position:150% 0;filter:brightness(0) invert(48%) sepia(93%) saturate(2950%) hue-rotate(246deg)}61%{opacity:.42;-webkit-mask-position:112% 0;mask-position:112% 0;filter:brightness(0) invert(48%) sepia(93%) saturate(2950%) hue-rotate(246deg)}64%{opacity:.5;-webkit-mask-position:78% 0;mask-position:78% 0;filter:brightness(0) invert(1)}72%{opacity:.42;-webkit-mask-position:12% 0;mask-position:12% 0;filter:brightness(0) invert(1)}79%,100%{opacity:0;-webkit-mask-position:-55% 0;mask-position:-55% 0;filter:brightness(0) invert(1)}}
@property --dma-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.products .shop-bar>.filters button[data-filter="dma"]{position:relative;isolation:isolate;color:#aefcff;border-color:rgba(77,231,255,.5);background:repeating-linear-gradient(114deg,rgba(255,255,255,.16) 0 1px,transparent 1px 4px),rgba(77,231,255,.07);text-shadow:0 0 6px rgba(77,231,255,.55)}
.products .shop-bar>.filters button[data-filter="dma"] .filter-utility-label{display:flex;align-items:center;justify-content:center;gap:7px}
.products .shop-bar>.filters button[data-filter="dma"] .filter-dma-icon{display:inline-block!important;width:24px!important;height:24px!important;min-width:24px;opacity:1;visibility:visible!important;color:#aefcff;filter:drop-shadow(0 0 7px rgba(77,231,255,.9))}
.products .shop-bar>.filters button[data-filter="dma"]{border-radius:3px}
.products .shop-bar>.filters button[data-filter="dma"]::before{content:"";position:absolute;inset:-2px;z-index:-1;padding:2px;border-radius:5px;background:conic-gradient(from var(--dma-angle,0deg),transparent 0%,transparent 66%,#2e9fff 80%,#aefcff 90%,#2e9fff 97%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:dma-border-spin 2.6s linear infinite}
.products .shop-bar>.filters button[data-filter="dma"]::after{content:"";position:absolute;inset:0;box-shadow:0 0 10px rgba(77,231,255,.5),inset 0 0 8px rgba(77,231,255,.25);animation:dma-electric-flicker 2.8s infinite;pointer-events:none}
.products .shop-bar>.filters button[data-filter="dma"]:hover,.products .shop-bar>.filters button[data-filter="dma"].active{background:repeating-linear-gradient(114deg,rgba(255,255,255,.16) 0 1px,transparent 1px 4px),rgba(77,231,255,.16);border-color:#4de7ff;color:#fff;box-shadow:0 0 18px rgba(77,231,255,.4)}
@keyframes dma-border-spin{to{--dma-angle:360deg}}
@keyframes dma-electric-flicker{0%,19%,21%,23%,54%,56%,100%{opacity:1}20%,22%,55%{opacity:.3}}
.products .shop-bar>.filters button[data-filter="account credit"]{background:repeating-linear-gradient(114deg,rgba(255,255,255,.14) 0 1px,transparent 1px 4px),rgba(139,92,246,.08)}
.products .shop-bar>.filters button[data-filter="account credit"]:hover,.products .shop-bar>.filters button[data-filter="account credit"].active{background:repeating-linear-gradient(114deg,rgba(255,255,255,.17) 0 1px,transparent 1px 4px),rgba(139,92,246,.18);border-color:var(--violet);color:#fff;box-shadow:0 0 16px rgba(139,92,246,.35)}
.products .shop-bar>.search:focus-within{background:rgba(139,92,246,.13);border-color:var(--violet);box-shadow:0 0 16px rgba(139,92,246,.28)}
@media(max-width:1000px){.products .shop-bar{gap:10px}.products .shop-bar>.filters{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}}
@media(max-width:520px){.products .shop-bar{padding:0;border:0;background:none;box-shadow:none;gap:8px}.products .shop-bar>.search{max-width:none}.products .shop-bar>.filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.products .shop-bar>.filters button{min-height:76px;font-size:8px;padding-inline:8px}.products .shop-bar>.filters button:has(.filter-game-art){min-height:76px;padding:8px 6px 8px 54px}.filter-game-art{width:76px}.products .shop-bar>.filters button[data-filter="chess"] .filter-game-art{height:62px;width:70px;background-size:70px 61px;background-position:left bottom}.products .shop-bar>.filters button[data-filter="dma"]{padding:8px 8px 8px 62px}.products .shop-bar>.filters button[data-filter="dma"] .filter-dma-art{left:3px;top:55%;bottom:auto;width:64px;height:54px;transform:translateY(-50%)}.filter-game-label{font-size:8.5px}.filter-utility-label{font-size:8.5px}}
@media(max-width:520px){.products .shop-bar>.filters button[data-filter="macrostudio"]{padding-left:78px!important}.products .shop-bar>.filters button[data-filter="macrostudio"] .filter-game-art{left:-4px;bottom:-5px;width:91px;height:calc(100% + 5px)}}
@media(min-width:1001px){
  /* Keep the document at its natural width. Scaling the whole page caused
     horizontal overflow on common 1280px/1440px MacBook viewports. */
  body{zoom:1}
  .products .shop-bar>.filters{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
  .products .shop-bar>.filters button{height:auto;min-height:95px;padding:15px 13px}
  .products .shop-bar>.filters button:has(.filter-game-art){height:auto;min-height:95px;padding:15px 13px 15px 72px}
  .filter-game-art{width:103px}
  .filter-game-label{font-size:13.75px}
  .products .shop-bar>.filters button[data-filter="chess"] .filter-game-art{background-size:101px 88px}
  .products .shop-bar>.filters button[data-filter="reseller packages"],.products .shop-bar>.filters button[data-filter="account credit"],.products .shop-bar>.filters button[data-filter="raffles"],.products .shop-bar>.filters button[data-filter="dma"],.products .shop-bar>.filters button:has(.filter-dma-art){padding-left:92px}
  .filter-utility-label{font-size:13px}
  .filter-utility-3d{left:-18px;bottom:-6px;width:90px;height:78px}
  .utility-wallet{left:-14px}
  .utility-ticket{left:-14px;bottom:-5px;width:98px;height:80px}
  .filter-dma-art{left:-6px;bottom:4px;width:98px;height:83px;background-image:url('/static/category-art/dma-card-three-quarter-32bit.png');background-position:left bottom;background-size:contain}
}

/* Long game names get a protected copy lane beside their artwork.  This prevents the
   responsive grid from placing labels over detailed cutouts at desktop or phone widths. */
.products .shop-bar>.filters button:is([data-filter="ark: survival ascended"],[data-filter="the isle evrima"],[data-filter="war thunder"]){min-height:92px!important;padding:10px 7px 10px 92px!important}
.products .shop-bar>.filters button:is([data-filter="ark: survival ascended"],[data-filter="the isle evrima"],[data-filter="war thunder"]) .filter-game-label{display:flex;align-items:center;justify-content:center;min-height:52px;padding:6px 3px;font-size:clamp(8px,1vw,11px);line-height:1.2}
@media(max-width:520px){.products .shop-bar>.filters button:is([data-filter="ark: survival ascended"],[data-filter="the isle evrima"],[data-filter="war thunder"]){padding-left:82px!important}.products .shop-bar>.filters button:is([data-filter="ark: survival ascended"],[data-filter="the isle evrima"],[data-filter="war thunder"]) .filter-game-label{font-size:8px}}

/* These two names wrap to three lines beside especially wide character silhouettes.
   Give their copy a fully clear lane instead of relying on the artwork fade. */
.products .shop-bar>.filters button:is([data-filter="ark: survival ascended"],[data-filter="dead by daylight"]){padding-left:112px!important}
.products .shop-bar>.filters button:is([data-filter="ark: survival ascended"],[data-filter="dead by daylight"]) .filter-game-label{font-size:clamp(8px,.9vw,10.5px);line-height:1.18}
@media(max-width:520px){.products .shop-bar>.filters button:is([data-filter="ark: survival ascended"],[data-filter="dead by daylight"]){padding-left:88px!important}.products .shop-bar>.filters button:is([data-filter="ark: survival ascended"],[data-filter="dead by daylight"]) .filter-game-label{font-size:8px}}

/* Search-friendly game biography and improvement hubs. */
.game-guide-hero{background:radial-gradient(circle at 78% 35%,rgba(77,231,255,.12),transparent 25%),radial-gradient(circle at 65% 30%,rgba(139,92,246,.2),transparent 38%),#090b11}
.game-cheat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cheat-feature-chip{font:700 10px/1 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#d9c6ff;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.4);padding:6px 11px;border-radius:20px}
.game-guide-content{padding-top:48px}.game-biography{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:34px;border:1px solid rgba(139,92,246,.28);background:linear-gradient(135deg,rgba(139,92,246,.08),#0c0e14);margin-bottom:22px}.game-biography h2,.improvement-guide h2,.category-products h2{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;margin:10px 0 18px}.game-biography p{color:#a3a9b6;font-size:13px;line-height:1.8}.guide-disclaimer{font-size:9px!important;color:#666d7b!important}.official-resource{display:inline-flex;gap:15px;align-items:center;margin-top:10px;padding-bottom:6px;border-bottom:1px solid var(--violet);color:#cdb1ff;font-size:10px;text-transform:uppercase;letter-spacing:1px}.game-featured-shot{min-height:310px;border:1px solid var(--line);overflow:hidden;background:#090a0e}.game-featured-shot img{width:100%;height:100%;min-height:310px;object-fit:cover}.game-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:70px}.game-gallery-shot{height:130px;padding:0;border:1px solid var(--line);background:#090a0e;overflow:hidden;cursor:pointer}.game-gallery-shot img{width:100%;height:100%;object-fit:cover;transition:.25s}.game-gallery-shot:hover{border-color:var(--violet)}.game-gallery-shot:hover img{transform:scale(1.05)}
.improvement-guide{padding:55px 0 70px}.tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.tips-grid article{position:relative;min-height:150px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c0e14}.tips-grid article>span{color:#5d3d87;font:700 22px Space Grotesk}.tips-grid article p{color:#abb0bc;font-size:12px;line-height:1.7}.category-products{padding-top:25px}
@media(max-width:800px){.game-biography{grid-template-columns:1fr;padding:22px;gap:25px}.game-gallery{grid-template-columns:repeat(2,1fr)}.tips-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.game-guide-content{padding-inline:14px}.game-gallery{grid-template-columns:1fr 1fr}.game-gallery-shot{height:95px}.tips-grid{grid-template-columns:1fr}.game-featured-shot,.game-featured-shot img{min-height:210px}.game-biography h2,.improvement-guide h2,.category-products h2{font-size:32px}}

/* Touch-friendly close control for the product price picker. Sits in the top-right corner as
   an overlay (not a flex item) so it doesn't reserve its own empty row above the price list. */
.tier-popover{padding-top:40px}
.tier-popover .tier-popover-close{position:absolute;top:8px;right:8px;margin:0;width:28px;height:28px;padding:0;display:grid;place-items:center;border:1px solid rgba(139,92,246,.35);color:#d9c6ff;background:rgba(139,92,246,.09);font-size:19px;line-height:1}
.tier-popover .tier-popover-close:hover{background:rgba(139,92,246,.2);color:#fff}

/* Keep admin controls inside their grid and flex containers. */
.admin-form>*{min-width:0}
.admin-form input,.admin-form select,.admin-form textarea{width:100%;max-width:100%}
.role-form{min-width:0}
.role-form input,.role-form select{min-width:0}
.role-form select{appearance:none;-webkit-appearance:none;padding-right:31px;background-color:#090a0e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23c99aff' stroke-width='2' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}

@media(max-width:800px){
  #guides .admin-form,#guides .admin-form.open{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;min-width:0;padding:15px;overflow:hidden}
  #guides .admin-form>*{grid-column:1;min-width:0;max-width:100%}
  #guides .admin-form label{width:100%;min-width:0;max-width:100%;overflow:hidden}
  #guides .admin-form input,#guides .admin-form select,#guides .admin-form textarea{display:block;width:100%;min-width:0;max-width:100%}
  #guides .admin-form input[type="file"]{font-size:10px;padding:8px;overflow:hidden}
  #guides .admin-form .wide{grid-column:1}
  #guides .admin-form .btn{grid-column:1;width:max-content;max-width:100%;justify-self:start;padding:10px 14px;gap:10px}
}

@media(max-width:700px){
  .admin-section{padding:44px 14px 0}
  .admin-form,.admin-form.open{grid-template-columns:minmax(0,1fr);padding:15px;gap:12px}
  .admin-form .wide{grid-column:auto}
  #guides .admin-form .btn{width:auto;justify-self:start;padding:10px 14px;gap:10px}
  #orders .admin-table{border:0;display:grid;gap:10px}
  #orders .admin-table>div{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;padding:14px;border:1px solid var(--line);background:#0c0e14}
  #orders .admin-table>div>span:first-child{width:100%}
  #orders .key-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px}
  #orders .key-form input{width:100%;min-width:0;padding:9px;font-size:11px}
  #orders .key-form button{padding:9px 10px;white-space:nowrap;font-size:10px}
  #orders .danger-btn{justify-self:start}
  #orders .key-edit{width:100%}
  #orders .key-edit .key-form{grid-template-columns:minmax(0,1fr)}
  .users-table{border:0;display:grid;gap:8px;width:100%;min-width:0}
  .users-table>div{width:100%;min-width:0;max-width:100%;overflow:hidden;gap:8px;padding:12px;border:1px solid var(--line);background:#0c0e14}
  .users-table .user-row-info{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;min-width:0;overflow-wrap:anywhere}
  .users-table .user-row-info img{grid-column:1;grid-row:1 / span 2;flex-shrink:0}
  .users-table .user-row-info>b,.users-table .user-row-info>small{grid-column:2;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  .users-table .user-row-info:not(:has(img)){grid-template-columns:minmax(0,1fr)}
  .users-table .user-row-info:not(:has(img))>b,.users-table .user-row-info:not(:has(img))>small{grid-column:1}
  .users-table .role-form{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;max-width:100%;gap:6px}
  .users-table .role-form input[name="referral_code"]{grid-column:1 / -1;width:100%;min-width:0;padding:9px;font-size:11px}
  .users-table .role-form .randomize-code-btn{grid-column:1;justify-self:start}
  .users-table .role-form button[type="submit"]{grid-column:2}
  .users-table .role-form select{width:100%;padding-top:9px;padding-bottom:9px}
  .users-table .role-form button{padding:9px 10px;white-space:nowrap;font-size:10px}
  .users-table .role-form:last-child{grid-template-columns:minmax(0,1fr) auto}
}

@media(max-width:390px){
  #orders .key-form{grid-template-columns:minmax(0,1fr) auto}
  #orders .key-form input[name="note"]{grid-column:1 / -1;grid-row:2}
  .users-table .role-form{grid-template-columns:minmax(0,1fr) auto}
}
/* Reseller subscription tiers */
.reseller-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 30px}.reseller-tier-card{border:1px solid #333747;background:linear-gradient(145deg,#11131b,#090a0f);padding:20px;display:flex;flex-direction:column;gap:14px}.reseller-tier-card.current{border-color:#9b5cff;box-shadow:0 0 25px #8b5cf626}.reseller-tier-card.locked{opacity:.72}.reseller-tier-card h3{font-size:28px;margin:0}.reseller-tier-card h3 span{font-size:12px;color:#8990a0}.coupon-preview{display:grid;gap:5px;padding:12px;border:1px solid #39344d;background:#8b5cf60d}.coupon-preview span{font-size:11px;color:#969dad}.coupon-preview code{overflow-wrap:anywhere;color:#c7a8ff}.coupon-locked{filter:grayscale(1);opacity:.55}.reseller-preview-note{margin-top:20px}
.reseller-tier-card{text-align:center}.reseller-tier-card .coupon-preview{justify-items:center}
@media(max-width:760px){
  .reseller-tier-grid{grid-template-columns:1fr;gap:10px}
  .reseller-tier-card{padding:12px;gap:9px}
  .reseller-tier-card small{font-size:8px}
  .reseller-tier-card h3{font-size:20px}
  .reseller-tier-card h3 span{font-size:9px}
  .coupon-preview{padding:8px;gap:3px}
  .coupon-preview b{font-size:11px}
  .coupon-preview span{font-size:8px}
  .coupon-preview code{font-size:10px}
  .reseller-tier-card .full-btn{min-height:0;padding:9px 12px;font-size:9px}
}

/* Final responsive safeguards: kept last so component themes cannot restore desktop sizing. */
@media(max-width:1180px){
  .desktop-nav{display:none!important}
  .header-actions{margin-left:auto!important}
  .menu-btn{display:flex!important;width:40px;height:35px;border:0;background:none;flex-direction:column;justify-content:center;gap:7px}
  .mobile-nav.open{display:flex!important}
}
@media(max-width:900px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-card:last-child{grid-column:auto!important}
  .product-detail,.checkout-shell{grid-template-columns:1fr!important;gap:34px!important}
  .admin-form,.admin-inline-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .page-hero{min-height:0!important;padding:118px 16px 56px!important}
  .page-hero h1,.product-detail h1,.checkout-shell h1{max-width:100%!important;font-size:clamp(36px,12vw,52px)!important;line-height:1!important;letter-spacing:-2px!important}
  .section{padding:68px 16px!important}
  .product-grid,.feature-grid,.step-grid{grid-template-columns:1fr!important}
  .product-card:last-child{grid-column:auto!important}
  .admin-form,.admin-inline-form{grid-template-columns:1fr!important;padding:16px!important}
  .admin-form .wide,.admin-inline-form>*{grid-column:auto!important}
  .admin-table>div{align-items:stretch!important;flex-direction:column!important;gap:14px!important}
  .admin-table form,.admin-table input,.admin-table select,.admin-table textarea{width:100%!important;max-width:100%!important}
  .order{grid-template-columns:1fr!important}.license-area{grid-column:auto!important}
  .status-list article{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:480px){
  .footer-main{grid-template-columns:1fr!important}.footer-brand{grid-column:auto!important}
  .status-legend{grid-template-columns:1fr!important}
}
/* Logged-in shortcut to Orders & Licenses. */
.my-keys-link{display:inline-flex!important;align-items:center;gap:7px}.my-keys-link svg{width:16px;height:16px;fill:currentColor;transition:color .2s,filter .2s,transform .2s}.my-keys-link:hover svg{color:#b66cff;animation:myKeysPulse 1s ease-in-out infinite}.my-keys-link:hover span{color:#b66cff}@keyframes myKeysPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(182,108,255,.4))}50%{transform:scale(1.18);filter:drop-shadow(0 0 9px rgba(182,108,255,1))}}@media(prefers-reduced-motion:reduce){.my-keys-link:hover svg{animation:none}}
.mobile-nav .my-keys-link{color:var(--cyan)}
.desktop-nav a.nav-current{color:#c88aff;text-shadow:0 0 10px rgba(182,108,255,.9)}
.desktop-nav a,.desktop-nav a span{font-weight:800}
.desktop-nav svg path{stroke:currentColor;stroke-width:.6px;stroke-linejoin:round}
.mobile-nav .mobile-reseller-link{color:#ff5c5c}
.mobile-nav .mobile-balance-link{display:flex!important;align-items:center;gap:7px;color:#55dfa0}
.mobile-nav .mobile-status-link{color:#55dfa0}
.mobile-nav .mobile-discord-link{display:inline-flex!important;align-items:center;gap:7px;color:var(--violet)}
.mobile-nav .mobile-admin-link{color:#c774ff;font-weight:800;text-shadow:0 0 10px rgba(182,108,255,.85),0 0 20px rgba(182,108,255,.5)}
.mobile-nav .mobile-reviews-link{color:#f2d24b}
.mobile-nav .mobile-shop-link{color:#5aa8ff}
.mobile-nav .mobile-guides-link{color:#ff9c42}
.mobile-nav .mobile-account-link{color:#fff}
.mobile-nav .mobile-mail-link{position:relative}
.mobile-nav .mobile-mail-link.unread{color:#ffc44b}
.mobile-nav .mobile-mail-link.unread svg{filter:drop-shadow(0 0 4px rgba(255,196,75,.6))}
.mobile-nav .mobile-mail-link .mail-button-dot{top:2px;right:auto;left:14px}
/* Reviews: keep product proof close to the buying decision and provide a full archive. */
.product-detail{padding-bottom:34px}.product-proof{padding-top:18px!important}.reviews-hero{padding-bottom:48px}.reviews-summary{display:flex;align-items:center;gap:12px;margin-top:22px}.reviews-summary b{font:700 28px Space Grotesk;color:#e6bd63}.reviews-summary span{color:var(--muted);font-size:11px}.reviews-page{padding-top:45px}.reviews-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.star-filters{display:flex;flex-wrap:wrap;gap:7px}.star-filters a{padding:10px 12px;border:1px solid var(--line);background:#0d1017;color:#8c92a0;font-size:10px}.star-filters a:hover,.star-filters a.active{color:#fff;border-color:#9b65e7;background:rgba(139,92,246,.14)}.star-filters small{margin-left:5px;color:#686f7e}.reviews-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.reviews-toolbar select{min-width:165px;padding:10px;background:#0d1017;border:1px solid var(--line);color:#fff}.all-reviews-grid .review-card{min-height:190px}.review-card-head{display:flex;justify-content:space-between;gap:12px}.review-card-head time{color:#686f7e;font-size:9px}.all-reviews-grid h3{font-size:15px;margin-top:18px}.all-reviews-grid h3 a:hover{color:var(--violet)}
.review-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;filter:blur(3px);background:linear-gradient(135deg,#432e70,#181328)}
.review-avatar-fallback{display:inline-block;border:1px solid rgba(168,112,255,.4)}
@media(max-width:700px){.product-detail{padding-bottom:20px}.reviews-toolbar{align-items:stretch;flex-direction:column}.reviews-toolbar select{width:100%}.star-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.star-filters a{text-align:center}}
/* The My Keys anchor targets the order list; reserve room above it for its section heading. */
#orders{scroll-margin-top:105px}
@media(max-width:700px){#orders{scroll-margin-top:90px}}
.products .shop-bar{scroll-margin-top:100px}
.products .product-grid{scroll-margin-top:94px}
.products .products-collapse-bar{scroll-margin-top:94px}
@media(max-width:700px){.products .shop-bar{scroll-margin-top:88px}.products .product-grid{scroll-margin-top:82px}.products .products-collapse-bar{scroll-margin-top:82px}}
/* Separate repeat-purchase and review actions in account orders. */
.order-again-col{display:grid;grid-template-columns:1fr 1fr;gap:7px}.order-again-col>small{grid-column:1/-1}.btn-write-review{display:flex;align-items:center;justify-content:center;padding:9px 11px;border:1px solid #b66cff;background:rgba(139,92,246,.15);color:#e7d5ff;font-size:9px;text-transform:uppercase;letter-spacing:.7px;animation:writeReviewPulse 2s ease-in-out infinite}.btn-write-review:hover{color:#fff;background:rgba(139,92,246,.28)}@keyframes writeReviewPulse{0%,100%{box-shadow:0 0 5px rgba(182,108,255,.25)}50%{box-shadow:0 0 17px rgba(182,108,255,.9),inset 0 0 8px rgba(139,92,246,.24)}}
#verified-reviews{scroll-margin-top:28px}.review-form{grid-template-columns:145px minmax(220px,430px) 155px!important;justify-content:start;align-items:end}.review-form textarea{min-height:52px!important;height:52px;max-height:95px}.review-form select{height:42px}.review-form .btn{width:155px!important;min-height:42px;padding:11px 13px;align-self:end}
@media(max-width:800px){.review-form{grid-template-columns:1fr!important}.review-form textarea{width:100%;height:64px}.review-form .btn{width:100%!important}.order-again-col{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.btn-write-review{animation:none}}
/* Fixed-header clearance for Review deep links. */
#verified-reviews{scroll-margin-top:96px}
/* On phones, category SEO links become a compact footer to the catalog. */
@media(max-width:700px){.products{display:flex;flex-direction:column}.products>.section-heading{order:1}.products>.shop-bar{order:2}.products>.products-collapse-bar{order:3}.products>.product-grid{order:4}}
/* Product Status visual refresh: purple glass, luminous depth, preserved status colors. */
.status-content-v2{position:relative}.status-filters-grid button{position:relative;overflow:hidden;border:1px solid rgba(171,105,255,.48);background:linear-gradient(145deg,rgba(56,30,88,.42),rgba(12,13,21,.94) 58%,rgba(30,18,48,.72));color:#c8a9f5;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 12px rgba(139,92,246,.1);transition:transform .25s,border-color .25s,box-shadow .25s,color .25s}.status-filters-grid button::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(210,174,255,.16) 48%,transparent 68%);transform:translateX(-105%);transition:transform .5s}.status-filters-grid button:hover::before,.status-filters-grid button.active::before{transform:translateX(105%)}.status-filters-grid button:hover,.status-filters-grid button.active{transform:translateY(-2px);border-color:#b86cff;color:#fff;background:linear-gradient(145deg,rgba(110,53,174,.48),rgba(24,16,39,.96));box-shadow:0 0 18px rgba(156,82,255,.45),inset 0 0 14px rgba(139,92,246,.15)}
.status-card-v2{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 15%,rgba(147,76,245,.18),transparent 42%),linear-gradient(145deg,rgba(25,18,39,.96),rgba(10,12,19,.98) 62%,rgba(22,13,34,.96));border-top:1px solid rgba(183,116,255,.5);border-right:1px solid rgba(132,79,195,.38);border-bottom:1px solid rgba(91,55,134,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 26px rgba(0,0,0,.3),0 0 13px rgba(139,92,246,.1);transition:transform .28s,border-color .28s,box-shadow .28s}.status-card-v2::after{content:"";position:absolute;width:120px;height:120px;right:-65px;bottom:-80px;border-radius:50%;pointer-events:none;background:rgba(162,91,255,.22);filter:blur(30px);transition:.3s}.status-card-v2:hover{transform:translateY(-5px) scale(1.012);border-top-color:#cf9cff;border-right-color:rgba(182,108,255,.72);border-bottom-color:rgba(139,92,246,.68);box-shadow:0 16px 38px rgba(0,0,0,.48),0 0 23px rgba(151,75,255,.38),inset 0 0 20px rgba(139,92,246,.08)}.status-card-v2:hover::after{background:rgba(188,120,255,.35)}.status-card-v2 h3{color:#fff;text-shadow:0 0 10px rgba(182,108,255,.18)}.status-card-v2 small{color:#8f80a6}.status-card-top b{color:#b9a2d5}
.status-details-btn{position:relative;z-index:1;border-color:#9256d9;background:linear-gradient(135deg,rgba(102,50,157,.28),rgba(20,15,30,.92));color:#f3eaff;box-shadow:inset 0 0 10px rgba(139,92,246,.1),0 0 8px rgba(139,92,246,.12)}.status-details-btn:hover{transform:translateY(-1px);border-color:#c789ff;background:linear-gradient(135deg,#7540ae,#432267);box-shadow:0 0 18px rgba(182,108,255,.62),inset 0 1px 0 rgba(255,255,255,.2)}
@media(prefers-reduced-motion:reduce){.status-filters-grid button,.status-card-v2,.status-details-btn{transition:none}}
/* Keep Related Products visually connected to the reviews above it. */
.product-proof{padding-bottom:38px!important}.related-products{padding-top:34px!important}
@media(max-width:700px){.product-proof{padding-bottom:24px!important}.related-products{padding-top:24px!important}}
/* Account Upgrade plans are all monthly: retain the animated tier border, omit the redundant badge. */
.account-upgrade-product .tier-option .bv-tag,.product-card[data-category="reseller packages"] .bv-chip{display:none!important}
/* Status totals: purple-glass cards with status-colored orbiting borders. */
@property --status-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.status-stat{--status-rgb:139,92,246;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(var(--status-rgb),.32)!important;background:radial-gradient(circle at 50% 0,rgba(var(--status-rgb),.13),transparent 52%),linear-gradient(145deg,rgba(29,20,44,.96),rgba(10,12,19,.99) 65%,rgba(22,13,34,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 28px rgba(0,0,0,.34),0 0 15px rgba(var(--status-rgb),.1);transition:transform .25s,box-shadow .25s}.status-stat.op{--status-rgb:85,223,160}.status-stat.up{--status-rgb:126,190,255}.status-stat.off{--status-rgb:255,113,138}.status-stat::before,.status-stat b::after{content:"";position:absolute;pointer-events:none;background:conic-gradient(from var(--status-angle),transparent 0 60%,rgba(var(--status-rgb),.08) 70%,rgba(var(--status-rgb),1) 82%,rgba(var(--status-rgb),.25) 91%,transparent 100%);animation:statusAccentOrbit 3.2s linear infinite}.status-stat::before{z-index:-1;inset:-1px;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.status-stat>*{position:relative;z-index:1}.status-stat b{display:table;margin:0 auto;padding:7px 16px;min-width:74px;border-radius:3px;text-shadow:0 0 14px rgba(var(--status-rgb),.4)}.status-stat b::after{inset:0;padding:1px;border-radius:3px;animation-duration:2.25s;animation-direction:reverse;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.status-stat:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(0,0,0,.46),0 0 24px rgba(var(--status-rgb),.28),inset 0 0 18px rgba(139,92,246,.08)}
@keyframes statusAccentOrbit{to{--status-angle:360deg}}
@media(prefers-reduced-motion:reduce){.status-stat::before,.status-stat b::after{animation:none;background:rgba(var(--status-rgb),.72)}}
/* Purple-black stage behind the lower Product Status content. */
.status-content-v2{isolation:isolate}.status-content-v2::before{content:"";position:absolute;z-index:-2;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 18% 18%,rgba(111,43,181,.2),transparent 38%),radial-gradient(ellipse at 82% 55%,rgba(75,28,132,.18),transparent 42%),linear-gradient(155deg,#08060d 0%,#10091a 42%,#05060a 74%,#13091f 100%)}.status-content-v2::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(169,95,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(169,95,255,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,black 12%,black 86%,transparent)}
/* Status search now belongs to the same purple-glass control family as its filters. */
.status-search-row .search{border:1px solid rgba(171,105,255,.5);background:linear-gradient(145deg,rgba(54,29,85,.44),rgba(12,13,21,.96) 62%,rgba(31,18,48,.76));color:#c69cff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 13px rgba(139,92,246,.14);transition:border-color .25s,box-shadow .25s,background .25s}.status-search-row .search>span{color:#c16fff;font-size:17px;text-shadow:0 0 10px rgba(182,108,255,.85)}.status-search-row .search input::placeholder{color:#8f80a6}.status-search-row .search:focus-within{border-color:#c084ff;background:linear-gradient(145deg,rgba(77,37,119,.55),rgba(15,13,24,.98));box-shadow:0 0 20px rgba(167,81,255,.42),inset 0 0 12px rgba(139,92,246,.1)}
/* Orbit the matching status color clockwise inside the number itself, never around a box. */
@property --number-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.status-stat b{padding:4px 0;min-width:0;border-radius:0;color:transparent!important;background:conic-gradient(from var(--number-angle),rgba(var(--status-rgb),.38),rgba(var(--status-rgb),1) 17%,rgba(var(--status-rgb),.52) 36%,rgba(var(--status-rgb),1) 58%,rgba(var(--status-rgb),.4) 78%,rgba(var(--status-rgb),.9));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 7px rgba(var(--status-rgb),.36));animation:statusNumberClockwise 2.4s linear infinite}.status-stat b::after{display:none!important}@keyframes statusNumberClockwise{to{--number-angle:360deg}}
/* Main catalog background: deep violet-black instead of flat gray. */
.products{position:relative;background:radial-gradient(ellipse at 12% 16%,rgba(117,48,185,.18),transparent 38%),radial-gradient(ellipse at 88% 72%,rgba(83,30,145,.16),transparent 42%),linear-gradient(150deg,#07060b 0%,#11091b 43%,#08080e 72%,#160b22 100%)}.products::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(166,91,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(166,91,255,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 88%,transparent)}.products>*{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.status-stat b{animation:none}}
/* Admin Discord command center. */
.discord-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.discord-command-grid article{padding:22px;border:1px solid rgba(139,92,246,.38);background:linear-gradient(145deg,rgba(43,25,66,.5),rgba(10,12,18,.97));box-shadow:0 0 18px rgba(139,92,246,.1)}.discord-command-grid article>p{color:var(--muted);font-size:11px}.discord-command-grid code{color:var(--violet)}.discord-command-grid .admin-form{padding:0;border:0;background:none}.discord-command-grid textarea{min-height:130px}@media(max-width:900px){.discord-command-grid{grid-template-columns:1fr}}
/* Discord delivery-history deletion controls. */
.discord-history-delete-all,.discord-history-delete{display:flex;align-items:center;gap:7px}.discord-history-delete-all select,.discord-history-delete select{background:#0b0d13;border:1px solid rgba(139,92,246,.4);color:#d9c6ff;padding:9px;font-size:10px}.discord-history-list>div{grid-template-columns:minmax(0,1fr) auto auto}.discord-history-delete .danger-btn,.discord-history-delete-all .danger-btn{white-space:nowrap}@media(max-width:760px){.discord-history-delete-all{width:100%;flex-wrap:wrap}.discord-history-delete-all select{flex:1}.discord-history-list>div{grid-template-columns:1fr}.discord-history-delete{width:100%}.discord-history-delete select{min-width:0;flex:1}}
.field-note{display:block;margin-top:6px;color:#81758f;font-size:9px;line-height:1.4}.discord-command-grid input[type="datetime-local"]{color-scheme:dark;border-color:rgba(182,108,255,.5);box-shadow:0 0 10px rgba(139,92,246,.1)}.discord-command-grid input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(58%) sepia(57%) saturate(2572%) hue-rotate(239deg);cursor:pointer}
.giveaway-entry-list>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.giveaway-entry-list>div>span:nth-child(2){text-align:left}.giveaway-entry-list small{display:block;margin-top:4px}@media(max-width:700px){.giveaway-entry-list>div{grid-template-columns:1fr}.giveaway-entry-list>div>span:nth-child(2){padding-top:8px;border-top:1px solid var(--line)}}
.raffle-active-card{padding:25px;border:1px solid rgba(182,108,255,.5);background:radial-gradient(circle at 90% 10%,rgba(139,92,246,.2),transparent 40%),#0d0b14;box-shadow:0 0 24px rgba(139,92,246,.15)}.raffle-active-card>p{color:var(--muted);line-height:1.7}.raffle-active-card>form{display:inline-block;margin-left:8px}.raffle-create-form textarea{min-height:130px}.raffle-entry-list>div{grid-template-columns:minmax(0,1fr) auto}.raffle-entry-list>div>b{color:var(--violet)}@media(max-width:600px){.raffle-active-card>form{display:block;margin:10px 0 0}.raffle-active-card .btn,.raffle-active-card .danger-btn{width:100%}}
.balance-positive{color:#55dfa0}.balance-negative{color:#ff718a}
.balance-amount{font-size:15px;color:#55dfa0;font-weight:800}
.filter-ticket-icon{vertical-align:-4px;margin-right:3px;flex-shrink:0;color:#d5b5ff;filter:drop-shadow(0 0 5px rgba(182,108,255,.45))}
.filter-handshake-icon{vertical-align:-5px}
.filter-credit-icon{vertical-align:-5px;color:#7fe6b8;filter:drop-shadow(0 0 6px rgba(85,223,160,.6))}
.filter-dma-icon{vertical-align:-5px;margin-right:2px;color:#aefcff;filter:drop-shadow(0 0 6px rgba(77,231,255,.6))}
.filter-raffle-icon{vertical-align:-7px;margin-right:4px;color:#ffe066;filter:drop-shadow(0 0 7px rgba(255,200,60,.75))}
.credit-amount-control{grid-template-columns:36px 24px 1fr 36px!important}
.credit-dollar-sign{display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.09);color:#d5b5ff;font:700 15px Space Grotesk;border-inline:1px solid rgba(182,108,255,.35)}
.credit-amount-control input{text-align:left!important;padding-left:10px;font-size:16px!important;border-inline:0!important}
.credit-total{display:flex!important;align-items:center;gap:8px}
.balance-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;border:1px solid rgba(85,223,160,.35);background:radial-gradient(circle at 90% 10%,rgba(85,223,160,.1),transparent 45%),#0d0f15}
.balance-card small{color:#7cd99c;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}
.balance-card b{display:block;margin-top:6px;font:800 34px Space Grotesk;color:#fff;text-shadow:0 0 14px rgba(85,223,160,.35)}
.btn-add-credits{background:linear-gradient(100deg,#1e7a4f,#2fb872)!important;border-color:#2fb872!important;box-shadow:0 12px 40px rgba(47,184,114,.28)!important}
.btn-add-credits:hover{border-color:#55dfa0!important;box-shadow:0 0 20px rgba(85,223,160,.5)!important}
.balance-card-actions{display:flex;align-items:center;gap:10px}
.btn-gift-credits{background:linear-gradient(100deg,#7141ce,#9a59e7)!important;border-color:#a75df2!important;box-shadow:0 12px 40px rgba(139,92,246,.28)!important;cursor:pointer}
.btn-gift-credits:hover{border-color:#c088ff!important;box-shadow:0 0 20px rgba(182,108,255,.5)!important}
.dashboard-tight-bottom{padding-bottom:20px!important}
.dashboard-tight-top{padding-top:20px!important}
@media(max-width:600px){.balance-card{flex-direction:column;align-items:stretch;text-align:center;padding:16px 18px;gap:12px}.balance-card b{font-size:23px;margin-top:3px}.balance-card .btn{width:100%;padding:11px 16px;font-size:10px}.balance-card-actions{flex-direction:column;width:100%}}
.gift-credits-backdrop{position:fixed;inset:0;background:rgba(4,5,8,.85);backdrop-filter:blur(6px);z-index:2050;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;animation:modalIn .2s ease forwards}
.gift-credits-backdrop[hidden]{display:none}
.gift-credits-modal{position:relative;width:min(420px,94vw);padding:36px 30px 30px;text-align:center;background:linear-gradient(150deg,rgba(30,18,48,.96),rgba(10,11,17,.98));border:1px solid rgba(182,108,255,.45);border-radius:10px;box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 50px rgba(139,92,246,.22);overflow:hidden}
.gift-credits-close{position:absolute;top:14px;right:16px;background:none;border:0;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;z-index:1}
.gift-credits-close:hover{color:#fff}
.gift-credits-balance{position:absolute;top:16px;left:18px;z-index:1;font:700 10px Inter;letter-spacing:.3px;background:linear-gradient(90deg,#ac76ff,#5be7ff);-webkit-background-clip:text;color:transparent}
.gift-credits-balance b{font-size:11px}
.save-friend-block{display:flex;flex-direction:column;gap:8px;margin-top:-2px}
.save-friend-block[hidden]{display:none}
.save-friend-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;text-transform:none!important;letter-spacing:normal!important;color:#d7bdff!important;font-size:11px!important;cursor:pointer}
.save-friend-toggle input{width:16px;height:16px;accent-color:var(--violet)}
.friend-note-input{width:100%}
.gift-credits-burst{position:absolute;inset:0;pointer-events:none}
.gift-credits-burst span{position:absolute;font-size:20px;opacity:0;animation:giftSparkle 1.8s ease-in-out infinite}
.gift-credits-burst span:nth-child(1){left:10%;top:16%;animation-delay:.1s}
.gift-credits-burst span:nth-child(2){left:85%;top:20%;animation-delay:.5s}
.gift-credits-burst span:nth-child(3){left:20%;top:80%;animation-delay:.8s}
.gift-credits-icon{position:relative;font-size:46px;line-height:1;margin-bottom:10px;animation:giftIconBounce 1.4s ease-in-out infinite}
.gift-credits-modal h2{position:relative;margin:0 0 8px;font:700 22px Space Grotesk;background:linear-gradient(90deg,#ac76ff,#5be7ff);-webkit-background-clip:text;color:transparent}
.gift-credits-modal p{position:relative;margin:0 0 20px;color:#c3b3da;font-size:12.5px;line-height:1.6}
.gift-credits-modal form{position:relative;display:flex;flex-direction:column;gap:10px;text-align:left}
.gift-credits-modal label{display:grid;gap:6px;color:#a794c2;font-size:9px;text-transform:uppercase;letter-spacing:1px}
.gift-credits-modal input{background:#110b1e;border:1px solid rgba(139,92,246,.35);border-radius:3px;padding:11px;color:#fff}
.gift-credits-modal input:focus{outline:0;border-color:#a75df2;box-shadow:0 0 12px rgba(139,92,246,.3)}
.dashboard+.dashboard{padding-top:20px}
.dashboard:has(+.dashboard){padding-bottom:20px}
.profile-card{display:flex;align-items:center;gap:18px;padding:24px 26px;border:1px solid rgba(139,92,246,.3);background:radial-gradient(circle at 10% 0%,rgba(139,92,246,.12),transparent 55%),linear-gradient(160deg,#12101c,#0a0b10);transition:border-color .25s ease,box-shadow .25s ease}
.profile-card:hover{border-color:#a56aff;box-shadow:0 10px 24px rgba(139,92,246,.22),0 0 18px rgba(139,92,246,.28)}
.profile-card img{width:64px;height:64px;border-radius:50%;border:2px solid rgba(139,92,246,.5)}
.profile-card h2{margin:0;font-size:20px}.profile-card small{color:var(--muted);font-size:10px}
.account-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.account-stats-grid article{padding:18px;border:1px solid rgba(139,92,246,.3);background:linear-gradient(160deg,#12101c,#0a0b10);text-align:center;transition:border-color .25s ease,box-shadow .25s ease}
.account-stats-grid article:hover{border-color:#a56aff;box-shadow:0 10px 24px rgba(139,92,246,.22),0 0 18px rgba(139,92,246,.28)}
.account-stats-grid small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;text-transform:uppercase}
.account-stats-grid b{display:block;margin-top:8px;font:800 22px Space Grotesk;color:#c99aff}
@media(max-width:700px){.account-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-card{flex-direction:column;text-align:center}}
.use-balance-check{display:flex;align-items:center;gap:9px;margin:14px 0;padding:12px 14px;border:1px solid rgba(85,223,160,.35);background:rgba(85,223,160,.06);color:#9bdcb8;font-size:11px;cursor:pointer}
.use-balance-check input{width:auto;accent-color:#55dfa0}
.use-balance-check.use-balance-disabled{opacity:.5;cursor:not-allowed;color:var(--muted)}
.use-balance-check.use-balance-disabled input{cursor:not-allowed}
.buy-balance-link{display:inline-block;margin:-6px 0 14px;padding:0;border:0;background:none;color:#c99aff;font-size:11px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.buy-balance-link:hover{color:#e0c2ff}
.marketing-opt-in-check{display:flex;align-items:flex-start;gap:9px;margin:14px 0;padding:12px 14px;border:1px solid rgba(139,92,246,.3);background:rgba(139,92,246,.06);color:var(--muted);font-size:11px;line-height:1.5;cursor:pointer}
.marketing-opt-in-check input{width:auto;accent-color:#8b5cf6;margin-top:2px}
.terms-agree-check{display:flex;align-items:flex-start;gap:9px;margin:10px 0 14px;padding:12px 14px;border:1px solid rgba(139,92,246,.3);background:rgba(139,92,246,.06);color:var(--muted);font-size:11px;line-height:1.5;cursor:pointer}
.terms-agree-check input{width:auto;accent-color:#8b5cf6;margin-top:2px}
.terms-agree-check a{color:var(--violet);text-decoration:underline;text-underline-offset:2px}
.balance-adjust-form{display:flex;gap:7px;flex-shrink:0}.balance-adjust-form input[name="amount"]{width:120px}.balance-adjust-form input[name="note"]{width:160px}
.balance-adjust-form input{background:#090a0e;border:1px solid var(--line);color:#fff;padding:8px 10px;font-size:10px}
@media(max-width:700px){.balance-rows>div{align-items:stretch;flex-direction:column}.balance-adjust-form{width:100%}.balance-adjust-form input[name="amount"],.balance-adjust-form input[name="note"]{width:0;flex:1}}
.raffle-banner-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:14px 16px;border:1px solid rgba(139,92,246,.3);background:rgba(139,92,246,.06)}.raffle-banner-toggle-row>span:first-child{display:grid;gap:4px;min-width:0}.raffle-banner-toggle-row b{color:#d7bdff;font-size:12px}.raffle-banner-toggle-row small{color:var(--muted);font-size:10px;line-height:1.5}
.raffle-banner-toggle-actions{display:flex;gap:8px;flex-shrink:0}
.raffle-banner-toggle-table small{line-height:1.5}
.raffle-banner-toggle-table .raffle-banner-toggle-actions{margin-left:auto}
@media(max-width:600px){.raffle-banner-toggle-row{flex-direction:column;align-items:stretch}.raffle-banner-toggle-actions{flex-direction:column}.raffle-banner-toggle-actions button{width:100%}.raffle-banner-toggle-table>div{flex-direction:column;align-items:stretch;gap:10px}.raffle-banner-toggle-table .raffle-banner-toggle-actions{margin-left:0}}
.raffle-account-section{padding-bottom:45px}.raffle-account-list>div{grid-template-columns:minmax(0,1fr) auto}.raffle-account-list>div>b{font:700 20px Space Grotesk;color:var(--violet)}
/* Dedicated product pages: top-aligned media, compact feature disclosure, purple checks. */
.product-detail-v3{align-items:start;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:42px;padding-top:112px}.product-detail-v3 .product-showcase{position:sticky;top:22px;width:100%;padding:12px;background:linear-gradient(145deg,rgba(38,21,58,.46),#0a0b11);border-color:rgba(139,92,246,.35);box-shadow:0 18px 55px rgba(0,0,0,.32)}.product-detail-v3 .product-gallery{width:100%;margin:0}.product-detail-v3 .gallery-main{aspect-ratio:16/10;background:#080910}.product-detail-v3 .product-art{height:auto;min-height:360px}.product-purchase-panel{min-width:0;padding-top:3px}.product-detail-v3 h1{font-size:clamp(42px,4.2vw,62px);line-height:1;letter-spacing:-2.6px;margin-bottom:16px}.product-description{max-width:none;font-size:13px;line-height:1.75;margin-bottom:18px}.product-feature-dropdown{margin:18px 0;border:1px solid rgba(139,92,246,.42);background:linear-gradient(135deg,rgba(52,28,79,.35),rgba(10,11,17,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.product-feature-dropdown summary{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:13px;padding:15px 16px;cursor:pointer;list-style:none;color:#eee5fc;font:700 12px Space Grotesk}.product-feature-dropdown summary::-webkit-details-marker{display:none}.product-feature-dropdown summary>b{color:#9b7bbb;font:600 9px Inter;text-transform:uppercase;letter-spacing:.7px}.product-feature-dropdown summary>i{color:#c37cff;font-style:normal;font-size:17px;transition:transform .2s}.product-feature-dropdown[open] summary>i{transform:rotate(180deg)}.product-feature-dropdown .feature-list{margin:0;padding:4px 17px 17px;border-top:1px solid rgba(139,92,246,.22);max-height:290px;overflow:auto}.product-feature-dropdown .feature-list li{padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.045);color:#aeb0bb}.product-feature-dropdown .feature-list li::first-letter,.product-detail-v3 .feature-list li::first-letter{color:#b66cff!important}.product-detail-v3 .tier-select{margin:16px 0 8px}.product-detail-v3 .price{margin:12px 0 18px;font-size:34px}.product-guide-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:13px;padding:13px 15px;border:1px solid rgba(182,108,255,.42);background:rgba(139,92,246,.08);transition:.2s}.product-guide-cta>span{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(182,108,255,.45);color:#c78bff}.product-guide-cta small,.product-guide-cta b{display:block}.product-guide-cta small{color:#7f718e;font-size:7px;letter-spacing:1.1px}.product-guide-cta b{margin-top:4px;color:#d8c9ec;font-size:10px}.product-guide-cta>i{color:#b66cff;font-style:normal}.product-guide-cta:hover{border-color:#b66cff;background:rgba(139,92,246,.16);box-shadow:0 0 16px rgba(139,92,246,.2)}
@media(max-width:900px){.product-detail-v3{grid-template-columns:1fr;gap:25px;padding-top:92px}.product-detail-v3 .product-showcase{position:static}.product-detail-v3 .gallery-main{aspect-ratio:16/9}.product-detail-v3 .product-art{min-height:240px}.product-detail-v3 h1{font-size:42px}}
@media(max-width:520px){.product-detail-v3{padding-top:82px}.product-detail-v3 .product-showcase{padding:7px}.product-detail-v3 h1{font-size:34px}.product-description{font-size:11.5px}.product-feature-dropdown summary{padding:13px}.product-detail-v3 .product-actions{flex-direction:column}.product-detail-v3 .product-actions .full-btn{width:100%}}
@media(max-width:520px){
  .product-detail-v3,.product-detail-v3>*,.product-detail-v3 .product-showcase,.product-detail-v3 .product-gallery,.product-detail-v3 .gallery-main,.product-purchase-panel{width:100%;max-width:100%;min-width:0}
  .product-detail-v3{overflow:hidden}
  .product-detail-v3 .gallery-thumbs{max-width:100%;min-width:0;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .product-detail-v3 .gallery-thumbs .thumb{flex:0 0 58px}
  .product-description,.product-feature-dropdown li{overflow-wrap:anywhere}
}

/* GitBook-inspired customer documentation in UltraCore's dark digital theme. */
.docs-page{background:radial-gradient(circle at 58% 0,rgba(139,92,246,.09),transparent 32%),#08090d;min-height:100vh}.docs-shell{display:grid;grid-template-columns:270px minmax(0,820px) 170px;gap:0;max-width:1320px;margin:auto;padding-top:78px}.docs-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:28px 22px;border-right:1px solid rgba(139,92,246,.2);background:rgba(8,8,14,.86);backdrop-filter:blur(15px)}.docs-brand{display:flex;align-items:center;gap:11px;padding-bottom:22px;border-bottom:1px solid var(--line)}.docs-brand-logo{display:block;width:35px;height:35px;object-fit:contain}.docs-brand b,.docs-brand small{display:block}.docs-brand b{font:700 13px Space Grotesk}.docs-brand small{margin-top:3px;color:#6f6878;font-size:8px}.docs-search{display:flex;align-items:center;gap:8px;margin:18px 0;padding:9px 10px;border:1px solid var(--line);background:#0d0e14;color:#8a6ea5}.docs-search input{min-width:0;width:100%;border:0;outline:0;background:none;color:#ddd;font-size:10px}.docs-nav{display:grid}.docs-nav>small{margin:21px 9px 7px;color:#62596d;font-size:7px;font-weight:800;letter-spacing:1.3px}.docs-nav a{padding:8px 10px;border-left:1px solid transparent;color:#898391;font-size:10px;transition:.16s}.docs-nav a:hover,.docs-nav a.active{color:#e6d4fb;border-left-color:#b66cff;background:linear-gradient(90deg,rgba(139,92,246,.14),transparent)}.docs-sidebar-foot{margin-top:25px;padding:13px;border:1px solid rgba(85,223,160,.18);color:#79737f;font-size:8px}.docs-sidebar-foot .status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#55dfa0;box-shadow:0 0 8px #55dfa0}.docs-content{min-width:0;padding:44px 58px 90px;border-right:1px solid rgba(139,92,246,.15);background:linear-gradient(180deg,rgba(19,13,29,.34),transparent 400px)}.docs-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:42px;color:#68616f;font-size:9px}.docs-breadcrumb a:hover{color:#b66cff}.docs-breadcrumb b{color:#a88ec4}.docs-hero{scroll-margin-top:20px;padding-bottom:44px;border-bottom:1px solid rgba(139,92,246,.2)}.docs-hero h1{margin:13px 0 20px;max-width:none!important;font-size:clamp(46px,5vw,70px);line-height:1;letter-spacing:-3px}.docs-hero>p{max-width:680px;color:#a29ba8;font-size:14px;line-height:1.8}.docs-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.docs-meta span{padding:7px 9px;border:1px solid rgba(139,92,246,.25);background:rgba(139,92,246,.06);color:#8e7c9f;font-size:8px;text-transform:uppercase;letter-spacing:.7px}.docs-section{position:relative;scroll-margin-top:25px;padding:44px 0;border-bottom:1px solid rgba(255,255,255,.065)}.docs-section h2{margin:0 0 17px;font-size:29px;letter-spacing:-1px}.docs-section>p{color:#9d97a3;font-size:12px;line-height:1.85}.docs-section strong{color:#d9c4f2}.docs-step{position:absolute;right:0;top:46px;color:rgba(182,108,255,.27);font:700 13px Space Grotesk;letter-spacing:1px}.docs-callout{margin:24px 0 0;padding:17px 18px;border-left:2px solid #a95cff;background:rgba(139,92,246,.08)}.docs-callout.warning{border-color:#e2ad58;background:rgba(226,173,88,.06)}.docs-callout b{color:#e7dbf4;font-size:11px}.docs-callout p{margin:6px 0 0;color:#8c8493;font-size:10px;line-height:1.65}.docs-table{margin-top:23px;border:1px solid var(--line)}.docs-table>div{display:grid;grid-template-columns:155px 1fr;gap:20px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:10px}.docs-table>div:last-child{border:0}.docs-table b{color:#c9b1e3}.docs-table span{color:#89838f;line-height:1.6}.docs-steps{counter-reset:docstep;display:grid;gap:11px;margin:22px 0;padding:0;list-style:none}.docs-steps li{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:14px;border:1px solid rgba(139,92,246,.17);background:rgba(255,255,255,.015)}.docs-steps b{color:#c393f0;font-size:10px}.docs-steps span{color:#918a97;font-size:10px;line-height:1.65}.docs-placeholder{margin-top:20px;padding:21px;border:1px dashed rgba(182,108,255,.38);background:rgba(139,92,246,.04)}.docs-placeholder b{font-size:11px;color:#c8addf}.docs-placeholder p{margin:7px 0 0;color:#79717f;font-size:9px}.docs-download{display:flex;justify-content:space-between;margin-top:20px;padding:14px 17px;border:1px solid #9c59da;background:rgba(139,92,246,.12);color:#e8d9f8;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.loader-card{margin:25px 0;padding:20px;border:1px solid rgba(182,108,255,.42);background:radial-gradient(circle at 15% 20%,rgba(139,92,246,.17),transparent 35%),#090a10;box-shadow:0 17px 45px rgba(0,0,0,.35),inset 0 0 24px rgba(139,92,246,.04)}.loader-card header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.loader-orb{width:30px;height:30px;border:1px solid #a861e7;transform:rotate(45deg);background:rgba(139,92,246,.16);box-shadow:0 0 13px rgba(182,108,255,.45)}.loader-card small,.loader-card b{display:block}.loader-card small{color:#74637f;font-size:7px;letter-spacing:1.2px}.loader-card b{margin-top:4px;color:#d7c4e9;font-size:11px}.loader-card code{color:#9e6fc8;font-size:8px}.loader-progress{height:3px;margin:20px 0;background:#191421}.loader-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#7133bd,#cf78ff);box-shadow:0 0 8px #a95cff}.loader-card footer{display:flex;gap:20px;color:#6f6877;font-size:8px}.loader-card footer b{margin-left:auto;color:#55dfa0;font-size:8px}.docs-note{padding:12px 14px!important;border:1px solid rgba(77,231,255,.15);color:#718b91!important;font-size:9px!important}.docs-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.docs-check-grid span{padding:12px;border:1px solid rgba(139,92,246,.18);color:#9f8caf;font-size:9px}.docs-check-grid span::first-letter{color:#b66cff}.docs-details{margin-top:10px;border:1px solid rgba(139,92,246,.2);background:rgba(255,255,255,.012)}.docs-details summary{display:flex;justify-content:space-between;padding:14px 15px;cursor:pointer;color:#c7b5d9;font-size:10px}.docs-details summary span{color:#b66cff}.docs-details p{padding:0 15px 15px;margin:0;color:#8d8693;font-size:10px;line-height:1.7}.docs-details ul{display:grid;gap:8px;padding:0 18px 17px;list-style:none;color:#91899a;font-size:10px}.docs-details li::first-letter{color:#b66cff}.docs-actions{display:flex;gap:10px;margin-top:24px}.docs-pagination{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:40px}.docs-pagination a{padding:17px;border:1px solid rgba(139,92,246,.22);background:rgba(139,92,246,.035)}.docs-pagination a:last-child{text-align:right}.docs-pagination small,.docs-pagination b{display:block}.docs-pagination small{color:#64596e;font-size:7px;letter-spacing:1px}.docs-pagination b{margin-top:6px;color:#bba4cf;font-size:10px}.docs-toc{position:sticky;top:78px;height:max-content;padding:45px 20px;display:grid;gap:10px}.docs-toc small{margin-bottom:5px;color:#5f5667;font-size:7px;letter-spacing:1px}.docs-toc a{color:#756d7c;font-size:9px}.docs-toc a:hover{color:#b66cff}.docs-mobile-head{display:none}
@media(max-width:1080px){.docs-shell{grid-template-columns:250px minmax(0,1fr)}.docs-toc{display:none}.docs-content{border-right:0}}
@media(max-width:760px){.docs-mobile-head{position:sticky;top:0;z-index:31;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;height:56px;padding:0 14px;border-bottom:1px solid rgba(139,92,246,.25);background:rgba(8,8,13,.96);font-size:9px}.docs-mobile-head b{text-align:center}.docs-mobile-head button{border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.09);color:#cba8ef;padding:7px;font-size:8px}.docs-shell{display:block;padding-top:0}.docs-sidebar{display:none;position:fixed;z-index:35;top:56px;left:0;bottom:0;width:min(300px,88vw);height:auto;box-shadow:25px 0 70px #000}.docs-sidebar.open{display:block}.docs-content{padding:34px 18px 70px}.docs-breadcrumb{margin-bottom:28px;overflow-x:auto;white-space:nowrap}.docs-hero h1{font-size:42px}.docs-section{padding:34px 0}.docs-section h2{font-size:24px}.docs-table>div,.docs-steps li{grid-template-columns:1fr;gap:7px}.docs-check-grid{grid-template-columns:1fr}.docs-actions{flex-direction:column}.docs-pagination{grid-template-columns:1fr}.docs-pagination a:last-child{text-align:left}}

/* Main-card raffle quantity popover replaces the ordinary duration picker. */
.product-card .raffle-card-popover{width:292px;min-width:292px;padding:14px;gap:12px;background:radial-gradient(circle at 90% 5%,rgba(139,92,246,.2),transparent 42%),#0b0b13;border-color:rgba(182,108,255,.58);box-shadow:0 22px 60px rgba(0,0,0,.72),0 0 24px rgba(139,92,246,.2)}.raffle-card-popover-title{display:grid;gap:4px;padding-right:34px}.raffle-card-popover-title b{color:#f1e8ff;font:700 14px Space Grotesk}.raffle-card-popover-title small{color:#857792;font-size:9px;letter-spacing:.2px}.raffle-card-popover .raffle-quantity-control{width:100%;grid-template-columns:42px 1fr 42px}.raffle-card-popover .raffle-quantity-control button{display:grid;width:42px;height:auto;padding:0;place-items:center;border-radius:0;background:rgba(139,92,246,.13);font-size:20px}.raffle-card-popover .raffle-quantity-control button:hover{background:rgba(139,92,246,.3)}.raffle-card-popover .raffle-quantity-total{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;text-align:left}.raffle-card-popover .raffle-quantity-total b{font-size:20px}.raffle-card-popover .raffle-card-add-tickets{display:flex;width:100%;height:auto;padding:12px 14px;justify-content:center;border:1px solid #a45ee9;border-radius:2px;background:linear-gradient(100deg,#7038c9,#a653ed);color:#fff;font:800 10px Inter;letter-spacing:1px;text-transform:uppercase;box-shadow:0 0 15px rgba(139,92,246,.23)}.raffle-card-popover .raffle-card-add-tickets:hover{background:linear-gradient(100deg,#8147d8,#b764f3);box-shadow:0 0 21px rgba(182,108,255,.45)}.raffle-card-popover .tier-popover-close{position:absolute;top:10px;right:10px}
.raffle-card-popover .credit-amount-control{grid-template-columns:42px 24px 1fr 42px!important}
@media(max-width:420px){.product-card .raffle-card-popover{right:-1px;width:min(292px,calc(100vw - 48px));min-width:0}}
/* Live raffle countdown: orbiting catalog-art ticker plus a calm static timer in Details. */
.raffle-art-countdown{position:absolute;z-index:4;inset:8px;pointer-events:none;overflow:hidden;border:1px solid rgba(190,112,255,.42);box-shadow:inset 0 0 18px rgba(139,92,246,.17),0 0 17px rgba(139,92,246,.22)}.raffle-art-countdown::before{content:"";position:absolute;inset:-2px;padding:2px;background:conic-gradient(from var(--raffle-orbit),transparent 0 57%,#7b37db 68%,#e1afff 76%,#9a4eff 86%,transparent 100%);animation:raffleBorderOrbit 3.1s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.raffle-countdown-marquee{position:absolute;top:0;left:0;right:0;overflow:hidden;padding:8px 0;border-bottom:1px solid rgba(190,112,255,.42);background:linear-gradient(90deg,rgba(17,7,28,.96),rgba(67,25,101,.94),rgba(17,7,28,.96));box-shadow:0 0 16px rgba(182,108,255,.42)}.raffle-countdown-track{display:flex;width:max-content;animation:raffleCountdownMarquee 14s linear infinite}.raffle-countdown-track b{display:block;padding-right:70px;color:#e3bcff;font:700 9px Space Grotesk;letter-spacing:1.1px;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 9px #b66cff}.raffle-static-countdown{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0;padding:13px 15px;border:1px solid rgba(182,108,255,.45);background:linear-gradient(100deg,rgba(94,38,143,.24),rgba(12,11,18,.96));box-shadow:inset 0 0 13px rgba(139,92,246,.08),0 0 13px rgba(139,92,246,.12)}.raffle-static-countdown small{color:#9d7dbd;font-size:8px;letter-spacing:1.4px;white-space:nowrap}.raffle-static-countdown b{color:#dcb6ff;font:700 11px Space Grotesk;text-align:right;text-shadow:0 0 9px rgba(182,108,255,.5)}.raffle-static-countdown.ended b,.raffle-art-countdown.ended b{color:#ff718a;text-shadow:0 0 9px rgba(255,113,138,.5)}@property --raffle-orbit{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes raffleBorderOrbit{to{--raffle-orbit:360deg}}@keyframes raffleCountdownMarquee{to{transform:translateX(-50%)}}
@media(max-width:620px){.raffle-static-countdown{align-items:flex-start;flex-direction:column;gap:7px}.raffle-static-countdown b{text-align:left;font-size:10px}.raffle-countdown-track b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.raffle-art-countdown::before,.raffle-countdown-track{animation:none}}
/* The raffle price itself is presented as a neon ticket, never a generic tier box. */
.raffle-ticket-tier-select,.raffle-product .tier-select{justify-content:center}.raffle-ticket-tier-select .tier-option,.raffle-product .tier-select .tier-option{position:relative;isolation:isolate;flex:0 0 194px!important;width:194px;min-height:92px;padding:20px 18px 18px 70px!important;align-items:flex-start!important;justify-content:center;text-align:left!important;gap:5px!important;overflow:hidden;border:0!important;clip-path:polygon(0 0,100% 0,100% 36%,94% 43%,94% 57%,100% 64%,100% 100%,0 100%,0 64%,6% 57%,6% 43%,0 36%);background:linear-gradient(115deg,rgba(31,15,48,.98),rgba(92,38,139,.72) 46%,rgba(20,12,31,.98) 74%);background-size:220% 100%;box-shadow:inset 0 0 0 1px rgba(205,128,255,.9),inset 0 0 19px rgba(139,92,246,.25);filter:drop-shadow(0 0 8px rgba(182,108,255,.54));animation:raffleTicketPriceGlow 2.8s ease-in-out infinite}.raffle-ticket-tier-select .tier-option::before,.raffle-product .tier-select .tier-option::before{content:"$";position:absolute;z-index:2;left:18px;top:50%;width:34px;height:34px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid #d28bff;border-radius:50%;background:radial-gradient(circle,#7e39bb,#24112f 72%);color:#f2d8ff;font:800 20px Space Grotesk;text-shadow:0 0 9px #dc9cff;box-shadow:0 0 14px rgba(182,108,255,.65),inset 0 0 8px rgba(255,255,255,.12)}.raffle-ticket-tier-select .tier-option::after,.raffle-product .tier-select .tier-option::after{content:"";position:absolute;z-index:1;left:59px;top:12px;bottom:12px;border-left:1px dashed rgba(215,158,255,.55)}.raffle-ticket-tier-select .tier-option span,.raffle-ticket-tier-select .tier-option b,.raffle-product .tier-select .tier-option span,.raffle-product .tier-select .tier-option b{position:relative;z-index:2}.raffle-ticket-tier-select .tier-option span,.raffle-product .tier-select .tier-option span{color:#a995b9!important;font-size:10px!important;text-transform:uppercase;letter-spacing:1px}.raffle-ticket-tier-select .tier-option b,.raffle-product .tier-select .tier-option b{color:#fff!important;font:700 22px Space Grotesk!important;white-space:nowrap;text-shadow:0 0 10px rgba(219,166,255,.46)}.raffle-ticket-tier-select .tier-option.active,.raffle-product .tier-select .tier-option.active{background:linear-gradient(115deg,rgba(50,21,75,.98),rgba(127,53,187,.8) 48%,rgba(30,13,45,.98));background-size:220% 100%;filter:drop-shadow(0 0 13px rgba(190,105,255,.82))}.raffle-ticket-tier-select .tier-option input,.raffle-product .tier-select .tier-option input{pointer-events:none}
@keyframes raffleTicketPriceGlow{0%,100%{background-position:0 50%;filter:drop-shadow(0 0 7px rgba(182,108,255,.42))}50%{background-position:100% 50%;filter:drop-shadow(0 0 16px rgba(197,113,255,.9))}}
@media(max-width:460px){.raffle-ticket-tier-select .tier-option,.raffle-product .tier-select .tier-option{flex-basis:174px!important;width:174px;min-height:84px;padding-left:65px!important}.raffle-ticket-tier-select .tier-option::before,.raffle-product .tier-select .tier-option::before{left:16px;width:31px;height:31px}.raffle-ticket-tier-select .tier-option::after,.raffle-product .tier-select .tier-option::after{left:54px}.raffle-ticket-tier-select .tier-option b,.raffle-product .tier-select .tier-option b{font-size:19px!important}}
@media(prefers-reduced-motion:reduce){.raffle-ticket-tier-select .tier-option,.raffle-product .tier-select .tier-option{animation:none}}
/* Compact raffle price ticket: retain the perforated stub, remove the dollar medallion. */
.raffle-ticket-tier-select .tier-option,.raffle-product .tier-select .tier-option{flex-basis:154px!important;width:154px;min-height:70px;padding:13px 12px 12px 50px!important}.raffle-ticket-tier-select .tier-option::before,.raffle-product .tier-select .tier-option::before{display:none!important}.raffle-ticket-tier-select .tier-option::after,.raffle-product .tier-select .tier-option::after{left:37px;top:10px;bottom:10px}.raffle-ticket-tier-select .tier-option span,.raffle-product .tier-select .tier-option span{font-size:8px!important}.raffle-ticket-tier-select .tier-option b,.raffle-product .tier-select .tier-option b{font-size:17px!important}
@media(max-width:460px){.raffle-ticket-tier-select .tier-option,.raffle-product .tier-select .tier-option{flex-basis:142px!important;width:142px;min-height:66px;padding:11px 10px 10px 45px!important}.raffle-ticket-tier-select .tier-option::after,.raffle-product .tier-select .tier-option::after{left:33px}.raffle-ticket-tier-select .tier-option b,.raffle-product .tier-select .tier-option b{font-size:16px!important}}
/* Gold raffle ticket finish with a traveling metallic glint and zero violet. */
.raffle-ticket-tier-select .tier-option,.raffle-ticket-tier-select .tier-option.active,.raffle-product .tier-select .tier-option,.raffle-product .tier-select .tier-option.active{background:linear-gradient(112deg,#120e05 0%,#3b2a08 20%,#b78319 38%,#fff2a6 48%,#c18a1a 56%,#49320a 72%,#120e05 100%)!important;background-size:280% 100%!important;box-shadow:inset 0 0 0 1px #d7a936,inset 0 0 18px rgba(255,194,61,.24);filter:drop-shadow(0 0 8px rgba(232,176,44,.54));animation:raffleTicketGoldGlint 2.7s ease-in-out infinite!important}.raffle-ticket-tier-select .tier-option::after,.raffle-product .tier-select .tier-option::after{border-left-color:rgba(255,218,116,.72)!important}.raffle-ticket-tier-select .tier-option span,.raffle-product .tier-select .tier-option span{color:#ead58e!important;text-shadow:0 0 7px rgba(232,176,44,.38)}.raffle-ticket-tier-select .tier-option b,.raffle-product .tier-select .tier-option b{color:#fff7d1!important;text-shadow:0 0 10px rgba(255,198,55,.7)!important}
@keyframes raffleTicketGoldGlint{0%,100%{background-position:0 50%;filter:drop-shadow(0 0 6px rgba(217,159,29,.42))}48%{background-position:100% 50%;filter:drop-shadow(0 0 16px rgba(255,202,70,.92))}62%{background-position:76% 50%;filter:drop-shadow(0 0 10px rgba(229,171,36,.62))}}
@media(prefers-reduced-motion:reduce){.raffle-ticket-tier-select .tier-option,.raffle-product .tier-select .tier-option{animation:none!important;background-position:50% 50%!important}}
/* Softer raffle price ticket: even gold surface, rounded notches, heavenly edge glow. */
.raffle-ticket-tier-select .tier-option,
.raffle-ticket-tier-select .tier-option.active,
.raffle-product .tier-select .tier-option,
.raffle-product .tier-select .tier-option.active{
  overflow:hidden;
  border-radius:16px!important;
  clip-path:none!important;
  -webkit-mask:radial-gradient(circle 10px at left center,transparent 9px,#000 10px),radial-gradient(circle 10px at right center,transparent 9px,#000 10px);
  -webkit-mask-composite:source-in;
  mask:radial-gradient(circle 10px at left center,transparent 9px,#000 10px),radial-gradient(circle 10px at right center,transparent 9px,#000 10px);
  mask-composite:intersect;
  background:#dfad2f!important;
  background-size:auto!important;
  box-shadow:inset 0 0 0 2px #ffe784,inset 0 0 14px rgba(255,246,188,.32);
  filter:drop-shadow(0 0 4px #fff8c9) drop-shadow(0 0 13px rgba(255,218,94,.98)) drop-shadow(0 0 28px rgba(238,177,35,.78));
  animation:raffleTicketHeavenlyGlow 3.15s ease-in-out infinite!important;
}
.raffle-ticket-tier-select .tier-option::before,
.raffle-product .tier-select .tier-option::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  top:-55%!important;
  bottom:-55%!important;
  left:-34%!important;
  width:20%!important;
  height:auto!important;
  transform:skewX(-19deg)!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,224,.9),transparent)!important;
  color:transparent!important;
  box-shadow:none!important;
  animation:raffleTicketHeavenlySweep 2.8s ease-in-out infinite!important;
}
.raffle-ticket-tier-select .tier-option::after,
.raffle-product .tier-select .tier-option::after{
  border-left:1px dashed rgba(255,244,179,.82)!important;
}
.raffle-ticket-tier-select .tier-option span,
.raffle-product .tier-select .tier-option span{color:#fff2bd!important;text-shadow:0 1px 2px rgba(104,64,0,.46),0 0 8px rgba(255,246,196,.48)!important}
.raffle-ticket-tier-select .tier-option b,
.raffle-product .tier-select .tier-option b{color:#fffbea!important;text-shadow:0 1px 2px rgba(98,57,0,.56),0 0 11px rgba(255,250,207,.72)!important}
@keyframes raffleTicketHeavenlyGlow{
  0%,100%{filter:drop-shadow(0 0 7px rgba(255,255,225,1)) drop-shadow(0 0 18px rgba(255,224,111,1)) drop-shadow(0 0 42px rgba(244,184,37,.94)) drop-shadow(0 0 66px rgba(218,143,13,.56));box-shadow:inset 0 0 0 2px #fff0a1,inset 0 0 22px rgba(255,250,210,.46)}
  48%{filter:drop-shadow(0 0 2px rgba(255,247,191,.74)) drop-shadow(0 0 7px rgba(255,205,62,.62)) drop-shadow(0 0 18px rgba(224,157,21,.42));box-shadow:inset 0 0 0 2px #e2b23c,inset 0 0 10px rgba(255,240,170,.2)}
  72%{filter:drop-shadow(0 0 5px rgba(255,253,217,.92)) drop-shadow(0 0 13px rgba(255,216,91,.88)) drop-shadow(0 0 31px rgba(235,171,29,.7));box-shadow:inset 0 0 0 2px #ffe784,inset 0 0 17px rgba(255,246,188,.34)}
}
@keyframes raffleTicketHeavenlySweep{
  0%,18%{left:-34%;opacity:0}
  30%{opacity:.9}
  58%,100%{left:124%;opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .raffle-ticket-tier-select .tier-option,
  .raffle-product .tier-select .tier-option,
  .raffle-ticket-tier-select .tier-option::before,
  .raffle-product .tier-select .tier-option::before{animation:none!important}
}
.ticket-qty-badge{position:absolute;z-index:2;left:15px;top:50%;transform:translateY(-50%);color:#4a2f02;font:800 15px Space Grotesk;font-style:normal;text-shadow:0 1px 1px rgba(255,246,196,.5)}
.ticket-qty-badge.wide{left:10px;font-size:11px}
@media(max-width:460px){.ticket-qty-badge{left:12px;font-size:13px}.ticket-qty-badge.wide{left:8px;font-size:10px}}
/* Raffle quantity selection in catalog product views and the Buy Now confirmation. */
.raffle-purchase-quantity{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:18px;margin:16px 0;padding:15px 16px;border:1px solid rgba(182,108,255,.5);background:radial-gradient(circle at 90% 20%,rgba(139,92,246,.16),transparent 45%),linear-gradient(145deg,rgba(39,22,61,.72),rgba(10,10,17,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 17px rgba(139,92,246,.13)}.raffle-purchase-quantity[hidden],.raffle-static-countdown[hidden]{display:none!important}.raffle-purchase-quantity>div:first-child{display:grid;gap:4px}.raffle-purchase-quantity>div:first-child>b{color:#f1e9ff;font:700 13px Space Grotesk}.raffle-purchase-quantity>div:first-child>small{color:#827492;font-size:9px}.raffle-quantity-total{display:grid;gap:3px;min-width:88px;color:#897b9d;font-size:9px;text-transform:uppercase;letter-spacing:.8px;text-align:right}.raffle-quantity-total b{color:#c88aff;font:700 18px Space Grotesk;text-shadow:0 0 10px rgba(182,108,255,.35)}.modal-raffle-quantity{margin:13px 0 8px}.raffle-quantity-prompt-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(3,3,7,.82);backdrop-filter:blur(8px);animation:modalIn .18s ease forwards}.raffle-quantity-prompt{position:relative;width:min(520px,96vw);padding:30px;border:1px solid rgba(182,108,255,.62);background:radial-gradient(circle at 86% 8%,rgba(139,92,246,.22),transparent 42%),#0b0b12;box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 32px rgba(139,92,246,.22)}.raffle-quantity-prompt h2{margin:8px 0;font:700 28px Space Grotesk;color:#fff}.raffle-quantity-prompt>p{margin:0 0 20px;color:var(--muted);font-size:11px;line-height:1.6}.raffle-prompt-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-size:20px;cursor:pointer}.raffle-quantity-prompt .full-btn{margin-top:8px}.raffle-product .tier-select+.price{display:none}
.credit-product .tier-select,.credit-product .tier-select+.price{display:none}
.credit-tier-select .tier-option{position:relative;isolation:isolate;flex:0 0 194px!important;width:194px;min-height:92px;padding:20px 18px 18px 70px!important;align-items:flex-start!important;justify-content:center;text-align:left!important;gap:5px!important;overflow:hidden;border:1px solid rgba(139,92,246,.4)!important;clip-path:none;background:linear-gradient(115deg,rgba(31,15,48,.98),rgba(92,38,139,.6) 46%,rgba(20,12,31,.98) 74%);box-shadow:inset 0 0 0 1px rgba(139,92,246,.45),inset 0 0 19px rgba(139,92,246,.18);filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}
.credit-tier-select .tier-option::before{content:"🪙";position:absolute;z-index:2;left:18px;top:50%;width:34px;height:34px;display:grid;place-items:center;transform:translateY(-50%);font-size:19px}
.credit-tier-select .tier-option::after{content:"";position:absolute;z-index:1;left:59px;top:12px;bottom:12px;border-left:1px dashed rgba(139,92,246,.4)}
.credit-tier-select .tier-option span,.credit-tier-select .tier-option b{position:relative;z-index:2}
.credit-tier-select .tier-option span{color:#a995b9!important;font-size:10px!important;text-transform:uppercase;letter-spacing:1px}
.credit-tier-select .tier-option b{color:#fff!important;font:700 22px Space Grotesk!important;white-space:nowrap;text-shadow:0 0 10px rgba(139,92,246,.4)}
.credit-tier-select .tier-option.active{background:linear-gradient(115deg,rgba(50,21,75,.98),rgba(127,53,187,.55) 48%,rgba(30,13,45,.98));filter:drop-shadow(0 0 13px rgba(139,92,246,.55))}
@media(max-width:620px){.raffle-purchase-quantity{grid-template-columns:1fr auto}.raffle-quantity-total{grid-column:1/-1;display:flex;justify-content:space-between;text-align:left}.raffle-quantity-prompt{padding:25px 17px}.modal-raffle-quantity{grid-template-columns:1fr}.modal-raffle-quantity .raffle-quantity-control{width:100%;grid-template-columns:44px 1fr 44px}}
/* Admin-only Guide Books workspace and managed documentation pages. */
.guide-books-admin,.guide-book-editor-page{min-height:100vh;background:radial-gradient(circle at 78% 11%,rgba(139,92,246,.12),transparent 30%),linear-gradient(160deg,#08070d,#0d0915 46%,#07080c 78%)}
.guide-books-admin-hero,.guide-book-editor-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 34%,rgba(154,76,255,.28),transparent 36%),linear-gradient(118deg,#08090e 34%,#140b21 72%,#08090e)}
.guide-books-admin-hero::after,.guide-book-editor-hero::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.3;background-image:linear-gradient(rgba(176,104,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(176,104,255,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,black 48%,transparent)}
.guide-books-admin-shell,.guide-book-editor-shell{width:min(1380px,calc(100% - 40px));margin:auto;padding:42px 0 110px}
.guide-books-admin-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.guide-books-admin-nav a{padding:9px 12px;border:1px solid rgba(139,92,246,.24);background:rgba(12,11,18,.74);color:#8c7b99;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.guide-books-admin-nav a:hover,.guide-books-admin-nav a.active{border-color:#a75df2;color:#ead9fa;background:rgba(102,48,158,.2)}
.guide-books-admin-nav a.view-book-link{border-color:rgba(77,231,255,.4);background:rgba(77,231,255,.08);color:#7fe0ff}.guide-books-admin-nav a.view-book-link:hover{border-color:#4de7ff;color:#d4f7ff;background:rgba(77,231,255,.18)}
.guide-books-admin-head,.guide-book-editor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:21px}.guide-books-admin-head h2,.guide-book-editor-heading h2{margin:7px 0 0;font:700 clamp(25px,3vw,36px) Space Grotesk;letter-spacing:-1px}.guide-books-admin-head .search{width:min(390px,100%);border-color:rgba(182,108,255,.42);background:rgba(8,9,14,.78)}
.guide-book-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.guide-book-admin-card{position:relative;overflow:hidden;display:grid;grid-template-columns:58px minmax(0,1fr) 145px;align-items:center;gap:17px;min-height:176px;padding:19px;border:1px solid rgba(121,68,188,.38);background-image:linear-gradient(rgba(185,112,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,112,255,.035) 1px,transparent 1px),radial-gradient(circle at 96% 0,rgba(139,92,246,.18),transparent 43%),linear-gradient(142deg,rgba(20,16,29,.98),rgba(10,11,17,.99) 64%,rgba(27,16,42,.92));background-size:28px 28px,28px 28px,auto,auto;transition:.25s}.guide-book-admin-card::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;background:linear-gradient(transparent,#b66cff,transparent);box-shadow:0 0 12px rgba(182,108,255,.8)}.guide-book-admin-card:hover{transform:translateY(-3px);border-color:rgba(182,108,255,.72);box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 25px rgba(139,92,246,.16)}
.guide-book-admin-icon{display:grid;width:54px;height:72px;place-items:center;border:1px solid rgba(182,108,255,.42);background:linear-gradient(155deg,rgba(102,51,156,.32),rgba(13,13,20,.96));color:#c17aff;font-size:20px;clip-path:polygon(0 0,78% 0,100% 17%,100% 100%,0 100%)}.guide-book-admin-icon span{position:absolute;margin-top:47px;color:#70617c;font:700 7px Space Grotesk}
.guide-book-admin-card-body{min-width:0}.guide-book-admin-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.guide-book-admin-card-top>small{color:#76677f;font-size:8px;text-transform:uppercase;letter-spacing:.8px}.guide-book-admin-card h3{margin:10px 0 3px;font-size:16px}.guide-book-admin-card-body>b{color:#a88abb;font-size:9px}.guide-book-admin-card p{display:-webkit-box;overflow:hidden;margin:9px 0;color:#807787;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.guide-book-admin-meta{display:flex;flex-wrap:wrap;gap:8px 13px;color:#6e6576;font-size:8px}.guide-book-admin-meta strong{color:#b99acd}.guide-book-admin-actions{display:grid;gap:7px;padding-left:15px;border-left:1px solid rgba(139,92,246,.17)}.guide-book-admin-actions .btn{width:100%;gap:8px;padding:11px 9px;font-size:8px;letter-spacing:.7px}
.guide-book-settings-panel,.guide-pages-panel{position:relative;margin-bottom:22px;padding:24px;border:1px solid rgba(139,92,246,.32);background-image:linear-gradient(rgba(185,112,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(185,112,255,.03) 1px,transparent 1px),radial-gradient(circle at 96% 0,rgba(139,92,246,.14),transparent 42%),linear-gradient(142deg,rgba(20,16,29,.98),rgba(9,10,16,.99));background-size:30px 30px,30px 30px,auto,auto;box-shadow:0 20px 55px rgba(0,0,0,.3)}
.guide-book-editor-heading p{margin:7px 0 0;color:#7d7483;font-size:10px}.guide-book-settings-form,.guide-add-page form,.guide-page-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-book-settings-form label,.guide-add-page label,.guide-page-form label{display:grid;gap:7px;color:#91829e;font-size:8px;text-transform:uppercase;letter-spacing:.8px}.guide-book-settings-form input,.guide-book-settings-form textarea,.guide-add-page input,.guide-add-page textarea,.guide-page-form input,.guide-page-form textarea{width:100%;min-width:0;border:1px solid rgba(139,92,246,.28);outline:0;background:rgba(8,9,14,.88);color:#eee7f5;padding:12px;font-size:11px;line-height:1.55;resize:vertical}.guide-book-settings-form input:focus,.guide-book-settings-form textarea:focus,.guide-add-page input:focus,.guide-add-page textarea:focus,.guide-page-form input:focus,.guide-page-form textarea:focus{border-color:#ae66f3;box-shadow:0 0 13px rgba(139,92,246,.18)}.guide-book-settings-form .wide,.guide-add-page .wide,.guide-page-form .wide{grid-column:1/-1}.guide-book-settings-form .btn,.guide-add-page .btn,.guide-page-form .btn{justify-self:start}
.guide-publish-toggle{display:flex!important;align-items:center;gap:11px;padding:12px;border:1px solid rgba(85,223,160,.24);background:rgba(85,223,160,.045);text-transform:none!important;letter-spacing:0!important;cursor:pointer}.guide-publish-toggle input{width:17px!important;height:17px;accent-color:#55dfa0}.guide-publish-toggle span{display:grid;gap:3px}.guide-publish-toggle b{color:#cbeedd;font-size:10px}.guide-publish-toggle small{color:#6d8278;font-size:8px}.guide-attachment-list{display:grid;gap:7px;margin-top:20px;padding-top:17px;border-top:1px solid rgba(139,92,246,.18)}.guide-attachment-list>small{color:#6d5f77;font-size:7px;letter-spacing:1px}.guide-attachment-list a{display:flex;justify-content:space-between;gap:15px;padding:10px 12px;border:1px solid rgba(139,92,246,.2);background:rgba(139,92,246,.04);font-size:9px}.guide-attachment-list a span{color:#b77cff}
.guide-add-page{min-width:150px}.guide-add-page>summary{padding:11px 14px;border:1px solid #9256d9;background:rgba(139,92,246,.12);color:#eadcff;font-size:9px;text-align:center;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;list-style:none}.guide-add-page>summary::-webkit-details-marker{display:none}.guide-add-page[open]{width:min(760px,100%)}.guide-add-page[open]>summary{margin-bottom:13px}.guide-add-page form{padding:16px;border:1px solid rgba(139,92,246,.25);background:rgba(8,9,14,.88)}
.guide-page-editor-list{display:grid;gap:10px}.guide-page-editor{border:1px solid rgba(139,92,246,.26);background:rgba(8,9,14,.82)}.guide-page-editor>summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto 22px;align-items:center;gap:12px;min-height:68px;padding:11px 15px;cursor:pointer;list-style:none}.guide-page-editor>summary::-webkit-details-marker{display:none}.guide-page-editor>summary>span:nth-child(2){display:grid;gap:4px}.guide-page-editor>summary b{font:600 13px Space Grotesk}.guide-page-editor>summary small{color:#766b7e;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.guide-page-editor>summary i{color:#a55ce5;font-style:normal;transition:transform .2s}.guide-page-editor[open]>summary i{transform:rotate(180deg)}.guide-page-order{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(182,108,255,.35);background:rgba(139,92,246,.08);color:#b478ec;font:700 10px Space Grotesk}.guide-page-form{padding:18px;border-top:1px solid rgba(139,92,246,.18)}.guide-page-form textarea{min-height:260px;font-family:Inter,Arial,sans-serif}.guide-page-delete{display:flex;justify-content:flex-end;padding:0 18px 18px}.guide-page-delete .danger-btn{padding:9px 12px}
.docs-page-body{color:#9d97a3;font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.docs-page a[href="/account/keys"]{color:#4da6ff;font-style:italic;text-decoration:underline;text-decoration-color:rgba(77,166,255,.4)}
.docs-page a[href="/account/keys"]:hover{text-decoration-color:#4da6ff}.docs-primary-download{margin-top:22px}
@media(max-width:1050px){.guide-book-admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){.guide-books-admin-shell,.guide-book-editor-shell{width:calc(100% - 28px);padding-top:28px}.guide-books-admin-head,.guide-book-editor-heading{align-items:stretch;flex-direction:column}.guide-books-admin-head .search{width:100%}.guide-book-admin-card{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:15px}.guide-book-admin-icon{width:46px;height:64px}.guide-book-admin-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;padding:13px 0 0;border-top:1px solid rgba(139,92,246,.17);border-left:0}.guide-book-settings-panel,.guide-pages-panel{padding:15px}.guide-book-settings-form,.guide-add-page form,.guide-page-form{grid-template-columns:1fr}.guide-book-settings-form .wide,.guide-add-page .wide,.guide-page-form .wide{grid-column:1}.guide-add-page[open]{width:100%}.guide-page-editor>summary{grid-template-columns:40px minmax(0,1fr) auto}.guide-page-editor>summary i{display:none}.guide-page-order{width:36px;height:36px}.guide-page-form textarea{min-height:220px}}
/* Status adopts the Guides library's document-grid shells; status-number colors remain intact. */
.page-hero.status-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 34%,rgba(154,76,255,.28),transparent 36%),linear-gradient(118deg,#08090e 34%,#140b21 72%,#08090e)}
.page-hero.status-hero::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.3;background-image:linear-gradient(rgba(176,104,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(176,104,255,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,black 48%,transparent)}
.status-content-v2::before{background:radial-gradient(circle at 78% 11%,rgba(139,92,246,.12),transparent 30%),linear-gradient(160deg,#08070d,#0d0915 46%,#07080c 78%)!important}
.status-content-v2::after{opacity:.28!important;background-image:linear-gradient(rgba(176,104,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(176,104,255,.065) 1px,transparent 1px)!important;background-size:52px 52px!important}
.status-stat{background-image:linear-gradient(rgba(185,112,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,112,255,.035) 1px,transparent 1px),radial-gradient(circle at 92% 0,rgba(139,92,246,.16),transparent 44%),linear-gradient(142deg,rgba(20,16,29,.98),rgba(10,11,17,.99) 64%,rgba(27,16,42,.92))!important;background-size:28px 28px,28px 28px,auto,auto!important;border:1px solid rgba(var(--status-rgb),.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 38px rgba(0,0,0,.34),0 0 16px rgba(var(--status-rgb),.1)}
.status-stat span{color:#8b8095}
.status-search-row{max-width:720px;padding:13px;border:1px solid rgba(154,82,239,.28);background:linear-gradient(110deg,rgba(36,20,54,.72),rgba(10,11,17,.94) 58%,rgba(29,17,44,.74));box-shadow:0 15px 45px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
.status-search-row .search{height:46px;border-color:rgba(182,108,255,.42);background:rgba(8,9,14,.78);box-shadow:inset 0 0 13px rgba(139,92,246,.06)}
.status-filters-grid{max-width:920px;padding:13px;border:1px solid rgba(154,82,239,.24);background:linear-gradient(110deg,rgba(31,18,47,.62),rgba(9,10,16,.92) 58%,rgba(25,15,38,.66));box-shadow:0 15px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)}
.status-filters-grid button{min-height:40px;border-color:rgba(139,92,246,.24);background:rgba(11,12,18,.76);color:#81758c;box-shadow:none}
.status-filters-grid button:hover,.status-filters-grid button.active{transform:translateY(-1px);border-color:#a75df2;background:linear-gradient(135deg,rgba(102,48,158,.45),rgba(31,17,48,.88));color:#f0e1ff;box-shadow:0 0 14px rgba(139,92,246,.2),inset 0 0 10px rgba(139,92,246,.08)}
.status-card-v2{--status-rgb:139,92,246;position:relative;overflow:hidden;min-height:134px;padding:19px;background-image:linear-gradient(rgba(185,112,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,112,255,.035) 1px,transparent 1px),radial-gradient(circle at 96% 0,rgba(139,92,246,.18),transparent 43%),linear-gradient(142deg,rgba(20,16,29,.98),rgba(10,11,17,.99) 64%,rgba(27,16,42,.92));background-size:28px 28px,28px 28px,auto,auto;border:1px solid rgba(var(--status-rgb),.38);box-shadow:0 13px 36px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035)}
.status-card-v2.operational{--status-rgb:85,223,160;border-left:1px solid rgba(var(--status-rgb),.38)}.status-card-v2.updating{--status-rgb:126,190,255;border-left:1px solid rgba(var(--status-rgb),.38)}.status-card-v2.offline{--status-rgb:255,113,138;border-left:1px solid rgba(var(--status-rgb),.38)}
.status-card-v2::before{content:"";position:absolute;z-index:1;left:0;top:13px;bottom:13px;width:2px;background:linear-gradient(transparent,rgba(var(--status-rgb),1),transparent);box-shadow:0 0 12px rgba(var(--status-rgb),.78);pointer-events:none}
.status-card-v2::after{left:auto;right:-45px;top:-45px;bottom:auto;width:115px;height:115px;border-radius:50%;background:rgba(139,92,246,.12);filter:blur(34px)}
.status-card-v2:hover{transform:translateY(-3px);border-color:rgba(var(--status-rgb),.7);box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 25px rgba(var(--status-rgb),.16)}
.status-card-v2 h3{color:#f2edf7;text-shadow:none}.status-card-v2 small{color:#81758d}.status-card-top b{color:rgb(var(--status-rgb))}
.status-details-btn{border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.055);color:#cbb4dc;box-shadow:none}
.status-details-btn:hover{border-color:#a75df2;background:linear-gradient(135deg,rgba(102,48,158,.45),rgba(31,17,48,.88));color:#fff;box-shadow:0 0 14px rgba(139,92,246,.24)}
@media(max-width:700px){.status-search-row,.status-filters-grid{padding:9px}.status-card-v2{min-height:0}}
/* Main catalog Raffles filter: an unmistakably gold, animated premium treatment. */
.products .shop-bar>.filters button[data-filter="raffles"]{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff2a8!important;
  border-color:#e4b43d!important;
  background:#dca91f!important;
  background-image:repeating-linear-gradient(114deg,rgba(255,241,189,.16) 0 1px,transparent 1px 4px)!important;
  text-shadow:0 0 7px rgba(255,220,102,.9),0 1px 2px #271600!important;
  box-shadow:inset 0 1px 0 rgba(255,246,187,.7),inset 0 -1px 0 rgba(80,48,0,.9),0 0 13px rgba(230,169,35,.55),0 0 25px rgba(180,115,12,.22)!important;
  animation:rafflesFilterGoldFlow 5.6s ease-in-out infinite!important;
}
.products .shop-bar>.filters button[data-filter="raffles"]::before{
  display:none!important;
}
.products .shop-bar>.filters button[data-filter="raffles"]::after{
  content:"";
  position:absolute;
  z-index:2;
  top:-55%;
  bottom:-55%;
  left:-38%;
  width:19%;
  pointer-events:none;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,245,176,.3),#fffbd5,rgba(255,212,76,.42),transparent)!important;
  filter:blur(.25px);
  animation:rafflesFilterGoldSweep 5.6s ease-in-out infinite!important;
}
.products .shop-bar>.filters button[data-filter="raffles"]:hover,
.products .shop-bar>.filters button[data-filter="raffles"].active{
  color:#fff9d5!important;
  border-color:#ffe176!important;
  background:#e5b52d!important;
  background-image:repeating-linear-gradient(114deg,rgba(255,251,222,.18) 0 1px,transparent 1px 4px)!important;
  box-shadow:inset 0 1px 0 rgba(255,253,217,.86),inset 0 -1px 0 rgba(91,53,0,.85),0 0 18px rgba(255,198,54,.82),0 0 38px rgba(207,136,13,.4)!important;
}
@keyframes rafflesFilterGoldFlow{
  0%,100%{background-position:0 50%,0 50%;filter:saturate(1)}
  45%{background-position:100% 50%,100% 50%;filter:saturate(1.18) brightness(1.08)}
  62%{background-position:76% 50%,78% 50%;filter:saturate(1.05)}
}
@keyframes rafflesFilterGoldSweep{
  0%,20%{left:-38%;opacity:0}
  30%{opacity:.95}
  54%,100%{left:125%;opacity:0}
}
@keyframes rafflesFilterGoldSpark{
  0%{background-position:115% 50%;opacity:.25}
  48%{opacity:.75}
  100%{background-position:-105% 50%;opacity:.25}
}
@media(prefers-reduced-motion:reduce){
  .products .shop-bar>.filters button[data-filter="raffles"],
  .products .shop-bar>.filters button[data-filter="raffles"]::before,
  .products .shop-bar>.filters button[data-filter="raffles"]::after{animation:none!important}
}
/* Rich Discord posts and per-page social preview controls. */

/* Live Visitors: first-party click and attention heatmap. */
.heatmap-workspace{padding-bottom:90px}.heatmap-title-actions{display:flex;align-items:center;gap:12px}.heatmap-title-actions .danger-btn{min-height:0}.heatmap-controls{display:flex;align-items:end;gap:12px;padding:16px;border:1px solid var(--line);background:#0b0d13}.heatmap-controls label{display:grid;gap:7px;min-width:220px;color:#737988;font-size:9px;text-transform:uppercase;letter-spacing:1px}.heatmap-controls select{height:40px;padding:0 12px;border:1px solid rgba(139,92,246,.35);background:#11131b;color:#e8eaf1}.heatmap-controls select option{background:#11131b;color:#e8eaf1}.heatmap-toggle{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid rgba(139,92,246,.35);background:#11131b;color:#c7cad4;font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;user-select:none}.heatmap-toggle input{accent-color:#8b5cf6;width:14px;height:14px;cursor:pointer}.heatmap-toggle:has(input:checked){border-color:#8b5cf6;background:rgba(139,92,246,.14);color:#e8eaf1;box-shadow:0 0 9px rgba(139,92,246,.25)}
.heatmap-legend{display:flex;gap:15px;margin-left:auto;padding:11px;color:#9297a5;font-size:10px}.heatmap-legend span{display:flex;align-items:center;gap:7px}.heatmap-legend i{width:9px;height:9px;border-radius:50%}.heatmap-legend .cool{background:#4de7ff;box-shadow:0 0 9px #4de7ff}.heatmap-legend .warm{background:#ff4d89;box-shadow:0 0 9px #ff4d89}
.heatmap-kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:12px 0}.heatmap-kpis article{display:grid;gap:7px;padding:18px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(139,92,246,.1),#0c0e14)}.heatmap-kpis small{color:#737988;font-size:9px;text-transform:uppercase;letter-spacing:1px}.heatmap-kpis b{font:700 24px Space Grotesk;color:#fff}
.heatmap-stage{padding:14px;border:1px solid rgba(139,92,246,.35);background:radial-gradient(circle at 50% 50%,rgba(111,51,173,.17),transparent 62%),#08090d}.heatmap-browser{overflow:hidden;border:1px solid #292d39;background:#0c0e15;box-shadow:0 24px 70px rgba(0,0,0,.42)}.heatmap-browser>header{display:flex;align-items:center;gap:6px;height:35px;padding:0 12px;border-bottom:1px solid #292d39;background:#141721}.heatmap-browser>header i{width:7px;height:7px;border-radius:50%;background:#414756}.heatmap-browser>header i:first-child{background:#ff6685}.heatmap-browser>header i:nth-child(2){background:#ffc65c}.heatmap-browser>header i:nth-child(3){background:#59d99a}.heatmap-browser>header span{margin-left:8px;color:#777e8d;font-size:9px}
.heatmap-surface{position:relative;isolation:isolate;height:min(58vh,620px);min-height:380px;overflow:hidden;background:linear-gradient(180deg,#10121a,#08090e)}.heatmap-grid{position:absolute;inset:0;z-index:-2;opacity:.36;background-image:linear-gradient(rgba(139,92,246,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.12) 1px,transparent 1px);background-size:8.333% 10%}.heatmap-surface>p{position:absolute;inset:0;display:grid;place-items:center;color:#555b68;font-size:11px}.heatmap-surface canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.heatmap-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.heatmap-ranking{padding:18px;border:1px solid rgba(85,223,160,.25);background:#0c0e14}.heatmap-ranking.quiet{border-color:rgba(255,113,138,.24)}.heatmap-ranking.elements{grid-column:1/-1;border-color:rgba(139,92,246,.35)}.heatmap-ranking>header{margin-bottom:13px}.heatmap-ranking header small{color:#55dfa0;font-size:8px;letter-spacing:1.3px}.heatmap-ranking.quiet header small{color:#ff718a}.heatmap-ranking.elements header small{color:#b987ff}.heatmap-ranking h3{margin:4px 0 0;font:600 17px Space Grotesk}.heatmap-rank-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 0 13px;border-bottom:1px solid var(--line)}.heatmap-rank-row:last-child{border:0}.heatmap-rank-row span{min-width:0;display:grid;gap:4px}.heatmap-rank-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e5e7ef;font-size:11px}.heatmap-rank-row small{color:#666d7b;font-size:8.5px}.heatmap-rank-row strong{color:#bfa0f2;font-size:10px}.heatmap-rank-row>i{position:absolute;left:0;right:0;bottom:5px;height:2px;background:#171a22}.heatmap-rank-row>i em{display:block;height:100%;background:linear-gradient(90deg,#7040c4,#4de7ff);box-shadow:0 0 7px rgba(139,92,246,.35)}.heatmap-ranking.quiet .heatmap-rank-row>i em{background:linear-gradient(90deg,#59283d,#ff718a)}.heatmap-none{padding:20px 0;color:#646a78;font-size:10px}
.heatmap-rank-row.hm-clickable{cursor:pointer;transition:background-color .15s ease;border-radius:4px;padding-left:8px;padding-right:8px;margin:0 -8px}.heatmap-rank-row.hm-clickable:hover,.heatmap-rank-row.hm-clickable:focus-visible{background:rgba(139,92,246,.1);outline:none}.heatmap-rank-row.hm-clickable:focus-visible{box-shadow:inset 0 0 0 1px rgba(139,92,246,.55)}
.heatmap-member-modal-backdrop .keys-modal-body>p.lead{margin:-8px 0 18px;color:#8b91a1;font-size:11.5px}.heatmap-member-list{display:grid;gap:4px;max-height:50vh;overflow-y:auto}.heatmap-member-list .heatmap-rank-row{cursor:default;padding-left:0;padding-right:0;margin:0}.heatmap-member-row .user-row-info{gap:9px}
@media(max-width:800px){.heatmap-controls{align-items:stretch;flex-direction:column}.heatmap-controls label{min-width:0}.heatmap-legend{margin:0}.heatmap-kpis{grid-template-columns:1fr 1fr}.heatmap-analysis-grid{grid-template-columns:1fr}.heatmap-ranking.elements{grid-column:auto}.heatmap-surface{min-height:310px}}

/* The desktop page is intentionally enlarged, so keep its dense global navigation
   compact and prevent labels from collapsing into vertical letter stacks. */
@media(min-width:1181px){
  .app-header{padding-inline:18px;justify-content:center;gap:18px}
  .app-header .logo{flex:0 0 auto;margin-right:0;font-size:17px}
  .app-header .logo-mark{width:31px;height:31px}
  .app-header .desktop-nav{flex:0 1 auto;min-width:0;max-width:920px;margin:0;gap:clamp(10px,1.15vw,18px)!important;font-size:10.5px!important;justify-content:center}
  .app-header .desktop-nav>a,.app-header .desktop-nav>.super-admin-menu{flex:0 0 auto;min-width:max-content;white-space:nowrap}
  .app-header .desktop-icon-link,.app-header .desktop-nav .mobile-reseller-link,.app-header .desktop-nav .mobile-admin-link{gap:4px}
  .app-header .desktop-nav svg{flex:0 0 auto;width:13px;height:13px}
  .app-header .header-actions{flex:0 0 auto;margin-left:0;gap:10px;font-size:10px}
  .app-header .mail-button{width:31px;height:31px;margin-right:4px}
  .app-header .user-chip{gap:6px;font-size:10px}
  .app-header .user-chip img{width:27px;height:27px}
  .app-header .user-chip-name{max-width:72px}
  .app-header .balance-chip{font-size:8px;padding:5px 7px}
  .app-header .cart-link{padding-inline:3px}
  .app-header .super-admin-trigger{padding-inline:8px}
}
.discord-image-input,.social-preview-form input[type="file"],.raffle-create-form input[type="file"]{padding:10px;border:1px dashed rgba(182,108,255,.55);background:rgba(139,92,246,.07);color:#b9a5d8;cursor:pointer}.discord-image-input::file-selector-button,.social-preview-form input[type="file"]::file-selector-button,.raffle-create-form input[type="file"]::file-selector-button{margin-right:10px;padding:8px 11px;border:1px solid #8550c7;background:#241438;color:#eadcff;cursor:pointer}.social-preview-form{grid-template-columns:minmax(220px,1fr) minmax(260px,1.4fr) auto;align-items:end}.social-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.social-preview-grid article{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:14px;overflow:hidden;border:1px solid rgba(139,92,246,.34);background:#0b0b12;padding:9px}.social-preview-grid img{width:120px;aspect-ratio:1.91/1;object-fit:cover;border:1px solid rgba(182,108,255,.3)}.social-preview-grid b,.social-preview-grid small{display:block;overflow-wrap:anywhere}.social-preview-grid small{margin-top:5px;color:var(--muted);font-size:9px}.raffle-admin-image{display:block;width:min(100%,620px);max-height:330px;object-fit:cover;margin:0 0 22px;border:1px solid rgba(182,108,255,.45);box-shadow:0 0 20px rgba(139,92,246,.18)}
@media(max-width:900px){.social-preview-form{grid-template-columns:1fr}.social-preview-grid{grid-template-columns:1fr}}@media(max-width:560px){.social-preview-grid article{grid-template-columns:90px minmax(0,1fr)}.social-preview-grid img{width:90px}.social-preview-grid form{grid-column:1/-1}.social-preview-grid .danger-btn{width:100%}}
.raffle-quantity-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.raffle-quantity-row label{display:grid;gap:4px;color:#e8dcfa;font-size:12px}.raffle-quantity-row label small{color:#716881;font-size:9px}.raffle-quantity-control{display:grid;grid-template-columns:36px 64px 36px;align-items:stretch;border:1px solid rgba(182,108,255,.55);background:#090a0f;box-shadow:0 0 14px rgba(139,92,246,.14)}.raffle-quantity-control button{border:0;background:rgba(139,92,246,.13);color:#d5b5ff;font-size:19px;cursor:pointer}.raffle-quantity-control button:hover{background:rgba(139,92,246,.3);color:#fff}.raffle-quantity-control input{width:100%;min-width:0;border:0;border-inline:1px solid rgba(182,108,255,.35);outline:0;background:#0c0b12;color:#fff;text-align:center;font:700 15px Space Grotesk;-moz-appearance:textfield}.raffle-quantity-control input::-webkit-inner-spin-button,.raffle-quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none}.raffle-checkout-summary [data-ticket-count]{font-style:normal;color:#b77cff}@media(max-width:470px){.raffle-quantity-row{align-items:stretch;flex-direction:column}.raffle-quantity-control{grid-template-columns:42px 1fr 42px}}
.guide-book-admin-card.hidden{display:none}
.guide-books-admin-controls{margin-bottom:22px}
.guide-books-admin-controls .guide-books-admin-filters{margin:0;padding:0;border:0;background:none;box-shadow:none}
.guide-books-admin-controls .guide-books-admin-filters button{min-height:40px}

.guide-loader-upload{position:relative;padding:14px;border:1px solid rgba(182,108,255,.3);background:linear-gradient(135deg,rgba(139,92,246,.09),rgba(12,11,18,.78))}
.guide-loader-upload input[type=file]{border:1px dashed rgba(182,108,255,.42)!important;background:rgba(8,9,14,.72)!important;color:#bfa6d9!important;cursor:pointer}
.guide-loader-upload small{color:#786985;font-size:8px;line-height:1.55;text-transform:none;letter-spacing:.1px}
.guide-current-download{display:grid;gap:8px;margin-top:18px;padding:14px;border:1px solid rgba(85,223,160,.22);background:linear-gradient(90deg,rgba(85,223,160,.055),rgba(139,92,246,.045));overflow:hidden}
.guide-current-download small{color:#72c89d;font-size:7px;letter-spacing:1px}
.guide-current-download a{display:flex;justify-content:space-between;gap:14px;min-width:0;color:#d7f7e4;font-size:10px;word-break:break-all}
.guide-current-download span{color:#55dfa0}
.docs-loader-download-panel{margin-top:24px;padding:20px;border:1px solid rgba(182,108,255,.34);background-image:linear-gradient(rgba(185,112,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,112,255,.035) 1px,transparent 1px),radial-gradient(circle at 100% 0,rgba(139,92,246,.18),transparent 42%),linear-gradient(135deg,rgba(18,14,28,.96),rgba(8,9,14,.98));background-size:28px 28px,28px 28px,auto,auto;box-shadow:inset 0 0 24px rgba(139,92,246,.06),0 16px 36px rgba(0,0,0,.25)}
.docs-loader-download-panel small,.docs-loader-download-panel b{display:block}
.docs-loader-download-panel small{color:#a56eee;font-size:7px;font-weight:800;letter-spacing:1.2px}
.docs-loader-download-panel b{margin-top:7px;color:#efe6f8;font-size:14px}
.docs-loader-download-panel p{max-width:620px;margin:8px 0 0;color:#8e8596;font-size:10px;line-height:1.7}
.docs-section-download{margin-top:16px;background:linear-gradient(90deg,rgba(139,92,246,.18),rgba(182,108,255,.09));box-shadow:0 0 18px rgba(139,92,246,.14)}

/* Product Status mirrors the Guides library layout: connected controls and long landscape cards. */
.status-page{position:relative;background:radial-gradient(circle at 78% 11%,rgba(139,92,246,.12),transparent 30%),linear-gradient(160deg,#08070d,#0d0915 46%,#07080c 78%)}
.status-page .status-content-v2{padding-top:54px;padding-bottom:110px}
.status-page .status-dashboard-head{align-items:flex-end}
.status-page .status-overview{display:grid;grid-template-columns:repeat(3,minmax(112px,145px));gap:10px;max-width:none;margin:0}
.status-page .status-stat{min-height:66px;padding:11px 13px}
.status-page .status-stat b{font-size:27px}
.status-page .status-stat span{font-size:8px}
.status-page .status-control-panel{grid-template-columns:1fr;gap:10px;padding:9px;align-items:center;margin-bottom:20px}
.status-page .status-search{width:100%;max-width:none;height:46px;margin:0;border-color:rgba(182,108,255,.42);background:rgba(8,9,14,.72);box-shadow:inset 0 0 13px rgba(139,92,246,.06)}
.status-page .status-search>span{color:#c378ff;font-size:17px;text-shadow:0 0 10px rgba(182,108,255,.85)}
.status-page .status-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none;align-items:stretch}
.status-page .status-filters-grid button{position:relative;width:100%;min-height:54px;padding:9px 14px 9px 50px;text-align:center;white-space:normal;line-height:1.25;overflow:hidden;border-color:rgba(168,112,255,.4);background:linear-gradient(135deg,rgba(48,26,78,.55),rgba(11,12,18,.88));color:#d0a8ff;box-shadow:0 0 10px rgba(139,92,246,.12)}
.status-page .status-filters-grid button:hover,.status-page .status-filters-grid button.active{border-color:#c088ff;background:linear-gradient(135deg,rgba(122,58,192,.55),rgba(38,20,58,.92));color:#fff;box-shadow:0 0 24px rgba(168,112,255,.42),inset 0 0 12px rgba(139,92,246,.14)}
@media(max-width:620px){.status-page .status-filters-grid button{padding:8px 10px}}
.status-page .status-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.status-page .status-card-v2{--status-rgb:139,92,246;display:grid;grid-template-columns:64px minmax(0,1fr) 154px;align-items:center;gap:18px;min-height:156px;padding:19px;border:1px solid rgba(var(--status-rgb),.55);background:radial-gradient(circle at 96% 0,rgba(var(--status-rgb),.18),transparent 48%),linear-gradient(142deg,rgba(28,21,40,.98),rgba(12,12,19,.99) 64%,rgba(34,19,52,.92));box-shadow:0 0 0 1px rgba(0,0,0,.2),0 10px 26px rgba(0,0,0,.28);cursor:pointer}
.status-page .status-card-v2.operational{--status-rgb:85,223,160}.status-page .status-card-v2.updating{--status-rgb:126,190,255}.status-page .status-card-v2.offline{--status-rgb:255,113,138}
.status-page .status-card-v2::before{content:"";position:absolute;inset:0;z-index:0;width:auto;height:auto;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(185,112,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,112,255,.035) 1px,transparent 1px);background-size:28px 28px;box-shadow:none;filter:none;mask-image:linear-gradient(90deg,black,transparent 78%)}
.status-page .status-card-v2::after{content:"";position:absolute;z-index:1;left:0;right:auto;top:13px;bottom:13px;width:2px;height:auto;border-radius:0;background:linear-gradient(transparent,rgba(var(--status-rgb),1),transparent);box-shadow:0 0 12px rgba(var(--status-rgb),.78);opacity:.78;filter:none;pointer-events:none}
.status-page .status-card-v2>*{position:relative;z-index:2}
.status-page .status-card-v2:hover{transform:translateY(-3px);border-color:rgba(var(--status-rgb),.7);box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 25px rgba(var(--status-rgb),.16)}
.status-page .status-card-icon{border-color:rgba(var(--status-rgb),.42);background:linear-gradient(155deg,rgba(var(--status-rgb),.18),rgba(13,13,20,.96))}
.status-page .status-card-icon i{color:rgb(var(--status-rgb));text-shadow:0 0 11px rgba(var(--status-rgb),.65)}
.status-page .status-card-main{display:flex;min-width:0;flex-direction:column;gap:6px;align-items:stretch}
.status-page .status-card-top b{color:rgb(var(--status-rgb))}
.status-page .status-card-v2 h3{margin:0;color:#f2edf7;font-size:16px;line-height:1.22;text-shadow:none;overflow-wrap:anywhere}
.status-page .status-card-v2 small{color:#c3a3ea;font-size:8px;letter-spacing:.8px;text-transform:uppercase}
.status-page .status-card-v2 p{display:-webkit-box;overflow:hidden;margin:2px 0 0;color:#a99cba;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.status-page .status-card-action{display:flex;flex-direction:column;align-self:stretch;align-items:stretch;justify-content:center;gap:8px;border-left:1px solid rgba(139,92,246,.24);padding-left:17px}
.status-page .status-details-btn{width:100%;gap:10px;padding:12px 10px;border-color:rgba(168,112,255,.45);background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(20,14,30,.6));color:#dcc4f5;font-size:8px;letter-spacing:.8px}
.status-page .status-details-btn:hover{border-color:#c088ff;background:linear-gradient(135deg,rgba(122,58,192,.55),rgba(38,20,58,.92));color:#fff;box-shadow:0 0 18px rgba(168,112,255,.35)}
.status-quick-form{width:100%}
.status-quick-select{width:100%;padding:9px 8px;border-radius:6px;font:800 8px Inter;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:#0d1017;border:1px solid var(--line);color:var(--text);transition:.2s;-webkit-appearance:none;appearance:none;text-align:center;text-align-last:center}
.status-quick-select.operational{color:#55dfa0;border-color:#275a43;background:#10251c}
.status-quick-select.updating{color:#7ebeff;border-color:#305678;background:#122232}
.status-quick-select.offline{color:#ff718a;border-color:#742f3c;background:#2d1419}
.status-quick-select:hover{filter:brightness(1.2)}
@media(max-width:1180px){.status-page .status-grid-v2{grid-template-columns:1fr}}
@media(max-width:800px){.status-page .status-dashboard-head{align-items:stretch;flex-direction:column}.status-page .status-overview{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.status-page .status-control-panel{grid-template-columns:1fr}.status-page .status-filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.status-page .status-content-v2{padding:32px 14px 80px}.status-page .status-dashboard-head{gap:20px}.status-page .status-control-panel{padding:10px}.status-page .status-search{max-width:none}.status-page .status-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-page .status-card-v2{grid-template-columns:50px minmax(0,1fr);gap:13px;min-height:0;padding:15px}.status-page .status-card-icon{width:48px;height:66px}.status-page .status-card-action{grid-column:1 / -1;border-top:1px solid rgba(139,92,246,.17);border-left:0;padding:12px 0 0}.status-page .status-details-btn{padding:11px}.status-page .status-quick-select{padding:11px 8px;font-size:8px;text-align:center;text-align-last:center}.status-page .status-card-v2 p{-webkit-line-clamp:3}.status-page .status-stat{padding:9px 8px}.status-page .status-stat b{font-size:22px}}
.status-page .status-card-v2.hidden{display:none}

.admin-page>.admin-section{scroll-margin-top:92px}
.admin-section-label{margin:38px auto 10px}

/* Super-admin public image hosting library. */
.image-host-page{background:radial-gradient(circle at 82% 8%,rgba(139,92,246,.12),transparent 31%),#07080c}
.image-host-hero{min-height:0}
.image-host-controls{padding-top:48px;padding-bottom:36px}
.image-host-control-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}
.image-host-panel{display:flex;flex-direction:column;align-items:stretch;padding:25px;border:1px solid rgba(139,92,246,.34);background:linear-gradient(145deg,rgba(34,20,52,.7),rgba(10,12,18,.98));box-shadow:0 18px 55px rgba(0,0,0,.25)}
.image-host-panel h2{margin:8px 0 5px;font:700 23px Space Grotesk}
.image-host-panel>p{margin:0 0 20px;color:var(--muted);font-size:10px;line-height:1.6}
.image-host-panel code{color:#cda8ff}
.image-host-panel label{display:grid;gap:7px;color:#9ea3af;font-size:10px;text-transform:uppercase;letter-spacing:.7px}
.image-host-panel input,.image-host-panel select{width:100%;min-width:0;background:#090a0f;border:1px solid rgba(139,92,246,.35);color:#fff;padding:12px 13px;outline:none}
.image-host-panel input:focus,.image-host-panel select:focus{border-color:var(--violet);box-shadow:0 0 13px rgba(139,92,246,.2)}
.image-host-panel>.btn{margin-top:16px}
.image-host-folder-fields{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin:14px 0}
.image-host-folder-fields>span{padding-bottom:13px;color:#625d69;font-size:9px;text-transform:uppercase}
.image-drop-zone{place-items:center!important;padding:28px 18px;border:1px dashed rgba(182,108,255,.55);background:rgba(139,92,246,.055);cursor:pointer;text-align:center;transition:.2s}
.image-drop-zone:hover,.image-drop-zone.dragging{border-color:#d296ff;background:rgba(139,92,246,.14);box-shadow:inset 0 0 28px rgba(139,92,246,.12)}
.image-drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.image-drop-zone b{color:#e9dcf5;font:700 17px Space Grotesk;text-transform:none;letter-spacing:0}
.image-drop-zone span{color:#8c8295;font-size:10px;text-transform:none;letter-spacing:0}
.image-drop-zone small{color:#725e84;font-size:8px;letter-spacing:1px}
.image-upload-selection{margin-top:10px;color:#bfa0dc;font-size:10px;text-align:center}
.image-upload-queue{display:grid;gap:7px;margin-top:11px}
.image-upload-queue[hidden]{display:none}
.image-upload-queue-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.image-upload-queue-head b{flex-shrink:0;color:#e0c4ff;font:800 14px Space Grotesk;text-shadow:0 0 10px rgba(182,108,255,.55)}
.image-upload-queue-head small{overflow:hidden;color:#a991bc;font-size:9px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.image-upload-progress-track{height:9px;overflow:hidden;border:1px solid rgba(139,92,246,.45);border-radius:10px;background:#090a0f}
.image-upload-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7141ce,#b66cff,#4de7ff);box-shadow:0 0 12px rgba(182,108,255,.75);transition:width .22s ease}
.image-host-limit-note{margin:10px 0 0!important;text-align:center}
.image-host-library{padding-top:35px}
.image-host-library>.admin-title>div h2{margin:7px 0 0}
.image-host-folder{margin-bottom:28px;border:1px solid rgba(139,92,246,.28);background:#0b0d13;scroll-margin-top:100px}
.image-host-folder>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(139,92,246,.12),transparent)}
.image-host-folder-toggle{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:18px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:left;text-transform:none!important;letter-spacing:0!important}
.image-host-folder-toggle>div{min-width:0}
.image-host-folder-toggle i{flex-shrink:0;color:#c891ff;font-size:20px;font-style:normal;line-height:1;transition:transform .22s ease}
.image-host-folder:not(.collapsed) .image-host-folder-toggle i{transform:rotate(180deg)}
.image-host-folder>header h3{margin:0 0 4px;font:700 18px Space Grotesk;color:#f1e8fa}
.image-host-folder>header span{color:#746e7b;font-size:9px}
.image-host-folder>header button,.image-host-card figcaption button,.image-host-card figcaption a{padding:8px 10px;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.06);color:#c6a3e8;font-size:8px;text-transform:uppercase;letter-spacing:.6px;cursor:pointer}
.image-host-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.06)}
.image-host-folder-body{display:block}
.image-host-folder.collapsed .image-host-folder-body{display:none}
.image-host-folder.collapsed>header{border-bottom:0}
.image-host-card{min-width:0;margin:0;background:#090a0f}
.image-host-card>a,.image-host-card>img{display:block;aspect-ratio:16/10;overflow:hidden;background:repeating-conic-gradient(#11131a 0 25%,#0c0e14 0 50%) 50%/16px 16px}
.image-host-card img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .25s;cursor:pointer}
.image-host-card:hover img{transform:scale(1.025)}
.image-host-card figcaption{display:grid;gap:7px;padding:12px}
.image-host-card figcaption>b{overflow:hidden;color:#ddd6e5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.image-host-card figcaption>small{color:#66616c;font-size:8px}
.image-host-card figcaption>input{min-width:0;width:100%;padding:7px 8px;border:1px solid rgba(255,255,255,.08);background:#07080c;color:#777081;font-size:8px}
.image-host-card figcaption>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.image-host-card figcaption form{margin:0 0 0 auto}
.image-host-card figcaption .danger-btn{padding:8px 10px;font-size:8px}
.image-host-empty{padding:38px;text-align:center;color:#706a77;font-size:10px}
.image-host-empty-main{border:1px dashed rgba(139,92,246,.32);background:rgba(139,92,246,.035)}
@media(max-width:1100px){.image-host-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.image-host-control-grid{grid-template-columns:1fr}.image-host-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.backups-schedule-note{display:inline-block;margin:16px auto 0;padding:9px 16px;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.08);color:#c9b8f5;font-size:11px;border-radius:999px}
.backups-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.backups-warning{margin:12px 0 0!important;padding:10px 12px;border:1px solid rgba(255,88,118,.4);background:rgba(255,88,118,.08);color:#ff9bad!important;font-size:9px!important;line-height:1.6}
.backups-warning code{color:#ffbfca}
.backups-row-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.backups-row-actions .btn{padding:9px 14px;font-size:9px}
.backups-table code{word-break:break-all}
@media(max-width:1000px){.backups-control-grid{grid-template-columns:1fr}}
@media(max-width:700px){.backups-row-actions{width:100%}.backups-row-actions .btn,.backups-row-actions form{flex:1}.backups-row-actions button{width:100%}}
@media(max-width:560px){.image-host-folder-fields{grid-template-columns:1fr}.image-host-folder-fields>span{padding:0;text-align:center}.image-host-grid{grid-template-columns:1fr}.image-host-folder>header{align-items:flex-start;flex-direction:column}.image-host-folder>header button{width:100%}.image-host-library>.admin-title{align-items:stretch;flex-direction:column}.image-copy-all{width:100%}}
.admin-page[data-admin-page="overview"]>.admin-section:not(#growth),.admin-page[data-admin-page="catalog"]>#orders,.admin-page[data-admin-page="catalog"]>#resellers,.admin-page[data-admin-page="catalog"]>#users,.admin-page[data-admin-page="sales"]>#products,.admin-page[data-admin-page="sales"]>#categories,.admin-page[data-admin-page="sales"]>#guides,.admin-page[data-admin-page="sales"]>#users,.admin-page[data-admin-page="customers"]>#products,.admin-page[data-admin-page="customers"]>#orders,.admin-page[data-admin-page="customers"]>#categories,.admin-page[data-admin-page="customers"]>#guides,.admin-page[data-admin-page="customers"]>#resellers{display:none!important}
.admin-page[data-admin-page="products"]>#orders,.admin-page[data-admin-page="products"]>#categories,.admin-page[data-admin-page="products"]>#guides,.admin-page[data-admin-page="products"]>#resellers,.admin-page[data-admin-page="products"]>#users,
.admin-page[data-admin-page="categories"]>#products,.admin-page[data-admin-page="categories"]>#orders,.admin-page[data-admin-page="categories"]>#guides,.admin-page[data-admin-page="categories"]>#resellers,.admin-page[data-admin-page="categories"]>#users,
.admin-page[data-admin-page="coupons"]>#products,.admin-page[data-admin-page="coupons"]>#orders,.admin-page[data-admin-page="coupons"]>#guides,.admin-page[data-admin-page="coupons"]>#resellers,.admin-page[data-admin-page="coupons"]>#users,
.admin-page[data-admin-page="guide-files"]>#products,.admin-page[data-admin-page="guide-files"]>#orders,.admin-page[data-admin-page="guide-files"]>#categories,.admin-page[data-admin-page="guide-files"]>#resellers,.admin-page[data-admin-page="guide-files"]>#users,
.admin-page[data-admin-page="growth"]>.admin-section:not(#growth),.admin-page[data-admin-page="orders-keys"]>#products,.admin-page[data-admin-page="orders-keys"]>#categories,.admin-page[data-admin-page="orders-keys"]>#guides,.admin-page[data-admin-page="orders-keys"]>#resellers,.admin-page[data-admin-page="orders-keys"]>#users,
.admin-page[data-admin-page="resellers"]>#products,.admin-page[data-admin-page="resellers"]>#orders,.admin-page[data-admin-page="resellers"]>#categories,.admin-page[data-admin-page="resellers"]>#guides,.admin-page[data-admin-page="resellers"]>#users,
.admin-page[data-admin-page="users-roles"]>#products,.admin-page[data-admin-page="users-roles"]>#orders,.admin-page[data-admin-page="users-roles"]>#categories,.admin-page[data-admin-page="users-roles"]>#guides,.admin-page[data-admin-page="users-roles"]>#resellers{display:none!important}
.admin-page[data-admin-page="categories"]>#categories>div:last-child{display:none}.admin-page[data-admin-page="coupons"]>#categories>div:first-child{display:none}.admin-page[data-admin-page="categories"]>#categories,.admin-page[data-admin-page="coupons"]>#categories{grid-template-columns:1fr}
.global-admin-nav-shell{position:relative;z-index:6;padding:92px 0 1px;background:#07080c}.global-admin-nav-shell .admin-tabs{position:static!important}
.receipt-exports{display:flex;gap:8px;flex-wrap:wrap}.receipt-exports .btn{width:auto}.receipt-table code{display:block;margin-top:7px;overflow-wrap:anywhere}.visitor-table>div>span:first-child{min-width:0}.visitor-table small{overflow-wrap:anywhere}
@media(max-width:700px){
  .page-hero{min-height:300px;padding:118px 16px 52px}.page-hero h1,.product-detail h1,.checkout-shell h1{font-size:clamp(38px,13vw,54px);letter-spacing:-2px;overflow-wrap:anywhere}
  .admin-section{padding:38px 14px 0}.admin-title{align-items:stretch;flex-direction:column;gap:14px}.admin-form,.admin-form.open{grid-template-columns:1fr;padding:15px}.admin-form .wide{grid-column:auto}.split{grid-template-columns:1fr;gap:34px}
  .admin-table>div{align-items:stretch;flex-direction:column;gap:10px;padding:13px}.admin-table>div>form,.admin-table>div>details,.admin-table>div>button{max-width:100%}.admin-table code{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .receipt-exports{display:grid;grid-template-columns:repeat(3,1fr)}.receipt-exports .btn{min-width:0;padding-inline:8px}.growth-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-stats article{min-width:0;padding:16px 10px}.growth-stats b{font-size:clamp(18px,7vw,28px)}
  .cart-shell,.product-detail,.checkout-layout,.account-grid,.reseller-layout{grid-template-columns:1fr!important;padding-inline:14px!important;gap:22px!important}.cart-line{grid-template-columns:45px minmax(0,1fr);gap:10px}.cart-line>*:not(.cart-line-info):not(.mini-art){grid-column:2}.mini-art{width:45px;height:45px}.cart-summary{position:static}.product-showcase .product-art{height:min(82vw,360px)}
  img,video,iframe{max-width:100%;height:auto}.footer{padding-inline:16px}.flash-stack{left:12px;right:12px}.flash{overflow-wrap:anywhere}
}
/* Admin polish: Orders & Fulfillment + Users & Roles dark-purple controls. */
#orders .search,#users .search{border:1px solid rgba(182,108,255,.42);background:linear-gradient(145deg,rgba(31,18,47,.72),rgba(8,9,14,.92));box-shadow:0 0 16px rgba(139,92,246,.13),inset 0 1px 0 rgba(255,255,255,.035)}
#orders .search span,#users .search span{color:#c378ff;text-shadow:0 0 10px rgba(182,108,255,.8)}
#orders .search input,#users .search input{color:#d8bbff}
#orders .search input::placeholder,#users .search input::placeholder{color:#826f98}
#orders .admin-table,#users .admin-table{border-color:rgba(139,92,246,.28);background:linear-gradient(180deg,rgba(15,12,23,.88),rgba(8,9,14,.96));box-shadow:0 18px 45px rgba(0,0,0,.22)}
#orders .admin-table>div,#users .admin-table>div{gap:13px;padding:13px 15px;border-bottom-color:rgba(139,92,246,.16);background:linear-gradient(90deg,rgba(139,92,246,.035),transparent 38%)}
#orders .admin-table>div:hover,#users .admin-table>div:hover{background:linear-gradient(90deg,rgba(139,92,246,.09),rgba(9,10,16,.92))}
#orders .admin-table>div>span:first-child,#users .user-row-info{min-width:0;flex:1 1 260px}
#orders .admin-table>div>span:first-child>b,#users .user-row-info>b{color:#c989ff!important;font-size:14px;line-height:1.2;text-shadow:0 0 10px rgba(182,108,255,.32)}
#orders .admin-table>div>span:first-child>small,#users .user-row-info small{color:#9b86af;font-size:9px;line-height:1.45}
#orders .admin-table>div>span:first-child>small{display:block}
#orders .admin-table .status-badge,#users .admin-table .status-badge{width:auto;min-width:0;padding:4px 7px;border-radius:999px;font-size:7px;letter-spacing:.65px;line-height:1;vertical-align:middle}
#orders .admin-table>div>span:first-child>small .status-badge{display:inline-flex!important;width:auto!important;max-width:max-content;margin-left:4px}
#orders .key-form,#users .role-form{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 1 auto;min-width:0}
#orders .key-form input,#users .role-form input,#users .role-form select,#orders .key-edit .key-form input{height:34px;min-width:0;width:clamp(118px,13vw,178px);border:1px solid rgba(178,98,255,.46);background:linear-gradient(145deg,rgba(18,12,28,.96),rgba(7,8,13,.98));color:#c989ff;padding:8px 10px;font-size:10px;box-shadow:0 0 12px rgba(139,92,246,.12),inset 0 0 10px rgba(139,92,246,.045)}
.key-form-disabled input,.key-form-disabled button{border-color:var(--line)!important;background:#14161c!important;color:#5c6270!important;box-shadow:none!important;cursor:not-allowed!important}
.key-form-disabled input::placeholder{color:#5c6270}
#orders .key-form input::placeholder,#users .role-form input::placeholder{color:#7e629b}
#orders .key-form input:focus,#users .role-form input:focus,#users .role-form select:focus{outline:0;border-color:#c989ff;box-shadow:0 0 18px rgba(182,108,255,.35),inset 0 0 12px rgba(139,92,246,.08)}
#users .role-form select{width:126px;appearance:auto;color:#c989ff}
#orders .key-form button,#orders .admin-table form .danger-btn,#orders .key-edit summary,#users .role-form button,#users .randomize-code-btn,#users .clear-ip-btn{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(182,108,255,.52);background:rgba(8,9,14,.92);color:#c989ff!important;padding:8px 11px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;box-shadow:0 0 10px rgba(139,92,246,.1);transition:.18s}
#orders .key-form button:hover,#orders .admin-table form .danger-btn:hover,#orders .key-edit summary:hover,#users .role-form button:hover,#users .randomize-code-btn:hover,#users .clear-ip-btn:hover{border-color:#c989ff;background:rgba(139,92,246,.14);color:#fff!important;box-shadow:0 0 16px rgba(182,108,255,.34)}
#orders .admin-table code{border-color:rgba(182,108,255,.42);background:#090812;color:#c989ff;box-shadow:0 0 12px rgba(139,92,246,.12)}
#users .user-row-info img{width:31px;height:31px;border:1px solid rgba(182,108,255,.45);box-shadow:0 0 12px rgba(139,92,246,.22)}
#users .clear-ip-form{display:inline-flex;margin-left:7px}
#users .ip-shared{color:#ff8fa7;text-shadow:0 0 8px rgba(255,113,138,.25)}
#users .ban-user-form{margin-left:auto}
#users .ban-user-btn{min-width:72px;background:rgba(78,25,36,.28)!important;color:#ff91a5!important;border-color:rgba(255,113,138,.34)!important}
#users .ban-user-btn:hover{background:rgba(97,33,44,.42)!important;color:#ffc1cd!important}
#users .unban-user-btn{min-width:72px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(96,255,161,.34);background:rgba(25,78,42,.28)!important;color:#91ffb0!important;padding:8px 11px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.75px;white-space:nowrap;border-radius:4px;cursor:pointer;transition:.18s}
#users .unban-user-btn:hover{background:rgba(33,97,52,.42)!important;color:#c1ffcd!important}
#users .ban-logs-table{margin-top:12px}
#users .ban-log-reason{color:#ff9bad;font-size:10px;line-height:1.4}
@media(max-width:1100px){#orders .admin-table>div,#users .admin-table>div{align-items:stretch;flex-wrap:wrap}#orders .key-form,#users .role-form{justify-content:flex-start}#orders .admin-table>div>form:not(.key-form){margin-left:auto}}
@media(max-width:700px){#orders .admin-table>div,#users .admin-table>div{padding:12px;gap:10px}#orders .key-form,#users .role-form{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}#users .role-form{grid-template-columns:1fr auto}#orders .key-form input,#users .role-form input,#users .role-form select{width:100%}#orders .key-form button,#users .role-form button,#users .randomize-code-btn{width:100%;font-size:7.5px;padding-inline:7px}#orders .admin-table>div>form:not(.key-form),#users .clear-ip-form{margin-left:0}#orders .admin-table>div>span:first-child>b,#users .user-row-info>b{font-size:13px}}
/* Final phone containment pass: cards, actions, forms, and long values stay inside the viewport. */
@media(max-width:800px){
  .app-main{width:100%;max-width:100%;overflow:hidden}
  .app-main section,.app-main article,.app-main div,.app-main form,.app-main label{min-width:0}
  .dashboard{width:100%;padding-right:14px;padding-left:14px;padding-bottom:70px}
  .order{grid-template-columns:minmax(0,1fr) auto;width:100%;gap:14px;padding:16px}
  .order>div:first-child{min-width:0}.order>div:first-child small,.order h3,.order>div:first-child span{overflow-wrap:anywhere}
  .license-area{grid-column:1/-1;width:100%;min-width:0;flex-direction:column;gap:16px;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}
  .license-keys-col,.guide-links-col,.order-again-col{width:100%;min-width:0;max-width:100%;flex:none}
  .guide-links-col,.order-again-col{grid-template-columns:1fr;border-left:0;border-top:1px solid var(--line);padding:16px 0 0}
  .key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:7px}
  .key-row .key-value{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .btn-download-guide,.btn-order-again,.btn-write-review{width:100%;min-width:0;max-width:100%;justify-content:center;white-space:normal;overflow-wrap:anywhere;text-align:center}
  .dashboard-head{align-items:flex-start;flex-direction:column;gap:10px}.dashboard-head>*{max-width:100%}
  .contact-preferences,.order-summary,.product-showcase,.funnel-panel,.empty-state{width:100%;max-width:100%;padding-right:16px;padding-left:16px}
  .contact-preferences form,.coupon-form{grid-template-columns:1fr;flex-direction:column}.contact-preferences input,.coupon-form input{width:100%;min-width:0}
  .btn,.account-btn,.danger-btn,button,a{overflow-wrap:anywhere}.btn{max-width:100%;white-space:normal;text-align:center}
  input,select,textarea{max-width:100%;min-width:0}
  .admin-table,.orders,.wishlist-grid,.review-grid,.product-grid,.cart-lines{width:100%;max-width:100%;min-width:0}
  .admin-table>div>*{min-width:0;max-width:100%}.admin-table small,.admin-table b,.admin-table code{overflow-wrap:anywhere}
  .summary-line,.summary-product{min-width:0;gap:10px}.summary-line>*{min-width:0;overflow-wrap:anywhere}
}
.admin-section-label{margin:34px auto 12px!important}

/* Forum administration: compact, themed editing surfaces. */
#new-plan .admin-inline-form,#new-category .admin-inline-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;padding:20px;border:1px solid rgba(139,92,246,.32);border-radius:6px;background:linear-gradient(145deg,rgba(24,15,37,.92),rgba(9,10,16,.98));box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.03)}
#new-plan input,#new-plan select,#new-category input,#new-category select,#plans input,#plans select,#categories input,#categories select{min-width:0;height:40px;border:1px solid rgba(139,92,246,.28);border-radius:4px;outline:0;background:#0b0c12;color:#eee8f7;padding:9px 11px;font-size:11px;transition:border-color .18s,box-shadow .18s}
#new-plan input:focus,#new-plan select:focus,#new-category input:focus,#new-category select:focus,#plans input:focus,#plans select:focus,#categories input:focus,#categories select:focus{border-color:#a765ed;box-shadow:0 0 0 3px rgba(139,92,246,.13)}
#new-plan input[name="name"],#new-plan input[name="slug"]{grid-column:span 3}#new-plan input[name="price"],#new-plan input[name="duration_days"]{grid-column:span 2}
#new-plan .editor-active{grid-column:span 2}#new-plan input[name="badge_color"]{grid-column:span 1;width:54px;padding:4px}#new-plan label:not(.editor-active){grid-column:span 4}
#new-category input[name="name"],#new-category input[name="slug"],#new-category input[name="group_name"]{grid-column:span 3}#new-category input[name="description"]{grid-column:span 3}
#new-category select{grid-column:span 3}#new-category .editor-active{grid-column:span 3}
#new-plan .editor-active,#new-category .editor-active,#plans .editor-active,#categories .editor-active{display:flex;align-items:center;gap:8px;min-height:40px;color:#b5a8c5;font-size:10px;white-space:nowrap}
#new-plan .editor-active input,#new-category .editor-active input,#plans .editor-active input,#categories .editor-active input{width:16px;height:16px;padding:0;accent-color:#9b59df}
#new-plan label:not(.editor-active),#plans label:not(.editor-active){display:grid;gap:6px;color:#9487a5;font-size:9px;text-transform:uppercase;letter-spacing:.7px}
#new-plan input[type="file"],#plans input[type="file"]{height:40px;padding:5px;color:#82778e;font-size:9px}
#new-plan input[type="file"]::file-selector-button,#plans input[type="file"]::file-selector-button{height:28px;margin-right:8px;padding:0 10px;border:1px solid rgba(182,108,255,.42);border-radius:3px;background:#181121;color:#c99aff;font-size:8px;font-weight:800;text-transform:uppercase;cursor:pointer}
#new-plan button,#new-category button,#plans button:not(.danger-btn),#categories button:not(.danger-btn){min-height:40px;padding:9px 15px;border:1px solid #8c50ca;border-radius:4px;background:linear-gradient(135deg,#563078,#7d43ad);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.75px;box-shadow:0 7px 18px rgba(92,43,132,.2)}
#new-plan>form>button,#new-category>form>button{grid-column:span 2}
#plans .admin-table,#categories .admin-table{display:grid;gap:12px;border:0;background:none}
#plans .admin-table>div,#categories .admin-table>div{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid rgba(139,92,246,.24);border-radius:6px;background:linear-gradient(110deg,rgba(23,15,34,.86),rgba(9,10,15,.96) 45%);box-shadow:0 12px 30px rgba(0,0,0,.18)}
#plans .admin-table>div>span:first-child,#categories .admin-table>div>span:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}
#plans .admin-table>div>span:first-child b,#categories .admin-table>div>span:first-child b{color:#eadcf7;font-size:13px;line-height:1.25}
#plans .admin-table>div>span:first-child small,#categories .admin-table>div>span:first-child small{grid-column:1/-1;margin-top:3px;color:#82768d;line-height:1.45}
#plans .admin-inline-form,#categories .admin-inline-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:center;min-width:0}
#plans .admin-inline-form input[name="name"]{grid-column:span 3}#plans .admin-inline-form input[name="price"],#plans .admin-inline-form input[name="duration_days"]{grid-column:span 2}#plans .admin-inline-form .editor-active{grid-column:span 2}
#plans .admin-inline-form input[name="badge_color"]{grid-column:span 1;width:46px;padding:4px}#plans .admin-inline-form label:not(.editor-active){grid-column:span 4}#plans .admin-inline-form button{grid-column:span 2}
#categories .admin-inline-form input[name="name"],#categories .admin-inline-form input[name="group_name"],#categories .admin-inline-form input[name="description"]{grid-column:span 4}
#categories .admin-inline-form select{grid-column:span 3}#categories .admin-inline-form input[name="sort_order"]{grid-column:span 1;width:100%!important}#categories .admin-inline-form .editor-active{grid-column:span 2}#categories .admin-inline-form button{grid-column:span 2}
#plans .danger-btn,#categories .danger-btn{min-height:36px;border:1px solid rgba(255,113,138,.34);border-radius:4px;background:rgba(78,25,36,.28);color:#ff91a5;padding:8px 12px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.65px}
@media(max-width:1050px){#plans .admin-table>div,#categories .admin-table>div{grid-template-columns:1fr}#plans .admin-table>div>form:last-child,#categories .admin-table>div>form:last-child{justify-self:end}}
@media(max-width:700px){#new-plan .admin-inline-form,#new-category .admin-inline-form{grid-template-columns:1fr}#new-plan .admin-inline-form>*,#new-category .admin-inline-form>*{grid-column:1!important;width:100%}#plans .admin-inline-form,#categories .admin-inline-form{grid-template-columns:1fr 1fr}#plans .admin-inline-form>*,#categories .admin-inline-form>*{grid-column:auto!important;width:100%!important}#plans .admin-inline-form label:not(.editor-active),#categories .admin-inline-form input[name="description"]{grid-column:1/-1!important}}

/* Image-host-inspired forum workspaces with tighter, more polished hierarchy. */
#new-plan,#plans,#new-category,#categories{position:relative;margin-top:42px;padding:58px 34px 32px;border:1px solid rgba(139,92,246,.34);border-radius:7px;background:radial-gradient(circle at 92% 0,rgba(139,92,246,.15),transparent 32%),linear-gradient(145deg,rgba(30,18,47,.82),rgba(8,10,16,.98) 62%);box-shadow:0 24px 65px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035);overflow:hidden}
#new-plan::before,#plans::before,#new-category::before,#categories::before{position:absolute;left:34px;top:25px;color:#b98aff;font:800 10px Inter;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 12px rgba(182,108,255,.35)}
#new-plan::before,#new-category::before{content:"01 · CREATE"}#plans::before,#categories::before{content:"02 · MANAGE"}
#new-plan::after,#plans::after,#new-category::after,#categories::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#9d5ee0 16%,rgba(255,255,255,.45) 52%,transparent 88%);opacity:.55}
#new-plan .admin-title,#plans .admin-title,#new-category .admin-title,#categories .admin-title{margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid rgba(139,92,246,.2)}
#new-plan .admin-title h2,#plans .admin-title h2,#new-category .admin-title h2,#categories .admin-title h2{font-size:25px;letter-spacing:-.7px;color:#f3eafa}
#new-plan .admin-inline-form,#new-category .admin-inline-form{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
#plans .admin-table>div,#categories .admin-table>div{position:relative;border-color:rgba(139,92,246,.22);background:linear-gradient(115deg,rgba(20,14,30,.94),rgba(7,9,14,.98) 56%);box-shadow:inset 3px 0 rgba(154,89,220,.32),0 12px 30px rgba(0,0,0,.18);transition:border-color .18s,background .18s,transform .18s}
#plans .admin-table>div:hover,#categories .admin-table>div:hover{transform:translateY(-1px);border-color:rgba(182,108,255,.46);background:linear-gradient(115deg,rgba(31,18,46,.96),rgba(8,10,16,.99) 62%)}
#new-plan button,#new-category button,#plans button:not(.danger-btn),#categories button:not(.danger-btn){background:linear-gradient(110deg,#4d286f,#713b9d 58%,#8b52bb);border-color:#9257c8;box-shadow:0 9px 24px rgba(86,38,124,.24),inset 0 1px rgba(255,255,255,.12)}
#new-plan button:hover,#new-category button:hover,#plans button:not(.danger-btn):hover,#categories button:not(.danger-btn):hover{border-color:#c38af3;background:linear-gradient(110deg,#61338a,#874cb7 58%,#a267d0);box-shadow:0 10px 28px rgba(122,61,171,.35)}
@media(min-width:1100px){#new-plan,#new-category{margin-top:52px}#plans,#categories{margin-top:34px}}
@media(max-width:700px){#new-plan,#plans,#new-category,#categories{margin-top:22px;padding:52px 16px 20px}#new-plan::before,#plans::before,#new-category::before,#categories::before{left:16px;top:21px}#new-plan .admin-title h2,#plans .admin-title h2,#new-category .admin-title h2,#categories .admin-title h2{font-size:21px}}
/* Admin nav v4: a real two-row layout — a row of toggle pills always on top, and a
   single flowing row of links (from whichever groups are open) underneath. Plain
   buttons + a tiny JS toggle (see script.js) instead of <details>, since display:contents
   on <details> is unreliable across browsers for reordering summary vs. content. */
.admin-page>.admin-tabs.admin-tabs-v2,.global-admin-nav-shell .admin-tabs.admin-tabs-v2,.page-nav-shell .admin-tabs.admin-tabs-v2{
  position:static!important;top:auto!important;z-index:1!important;transform:none!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:8px!important;
  width:min(1180px,calc(100% - 48px))!important;max-width:none!important;
  margin:24px auto 18px!important;padding:0 0 14px!important;border:0!important;border-bottom:1px solid rgba(139,92,246,.16)!important;background:none!important;box-shadow:none!important;
}
.admin-nav-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;width:100%}
.admin-nav-pill{
  position:relative;isolation:isolate;
  display:flex;align-items:center;gap:8px;
  padding:11px 17px;border:1px solid rgba(139,92,246,.3);background:rgba(139,92,246,.07);border-radius:3px;
  color:#d7bdff;font:800 11.5px Inter;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;
  transition:border-color .15s,background .15s;
}
.admin-nav-pill:hover{border-color:rgba(182,108,255,.6);background:rgba(139,92,246,.13);color:#fff}
.admin-nav-pill[aria-expanded="true"]{border-color:rgba(182,108,255,.55);background:rgba(139,92,246,.14);color:#fff}
.admin-nav-pill[aria-expanded="true"]::before{content:"";position:absolute;z-index:-1;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--collapse-orbit),transparent 0 62%,#9a4eff 72%,#e9c7ff 80%,#b66cff 88%,transparent 100%);animation:productsCollapseOrbit 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@media(prefers-reduced-motion:reduce){.admin-nav-pill[aria-expanded="true"]::before{animation:none}}
.admin-nav-caret{flex-shrink:0;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);transition:transform .18s;animation:adminNavCaretPulse 2.6s ease-in-out infinite}
.admin-nav-search{position:relative;isolation:isolate;z-index:1001;display:flex;align-items:center;width:min(1180px,calc(100% - 48px));max-width:none;margin:24px auto 14px;height:42px;box-sizing:border-box;padding:0 14px;border:1px solid rgba(139,92,246,.3);border-radius:3px;background:rgba(139,92,246,.07);transition:border-color .15s,background .15s}
.admin-nav-search+.admin-tabs-v2{margin-top:0!important}
.admin-nav-search:focus-within{border-color:rgba(182,108,255,.6);background:rgba(139,92,246,.13);box-shadow:0 0 0 3px rgba(139,92,246,.14)}
.admin-nav-search-icon{flex:none;color:#a596b8;margin-right:10px}
.admin-nav-search:focus-within .admin-nav-search-icon{color:#d7bdff}
.admin-nav-search input[type="search"]{flex:1;height:100%;border:0;background:none;color:#eadcff;font:700 12px Inter;letter-spacing:.2px;padding:0}
.admin-nav-search input[type="search"]::placeholder{color:#8b7a9e}
.admin-nav-search input[type="search"]::-webkit-search-cancel-button{filter:invert(1) brightness(2);cursor:pointer}
.admin-nav-search-results{position:absolute;z-index:40;top:calc(100% + 8px);left:0;right:0;display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto;padding:8px;border:1px solid rgba(182,108,255,.4);border-radius:3px;background:#1a1024;box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 0 1px rgba(139,92,246,.1)}
.admin-nav-search-results[hidden]{display:none}
.admin-nav-search-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:38px;box-sizing:border-box;padding:0 12px;border:1px solid transparent;border-radius:2px;background:none;color:#eadcff;font:700 11px Inter;text-align:left;cursor:pointer;transition:border-color .12s,background .12s}
.admin-nav-search-row:hover,.admin-nav-search-row.active{border-color:rgba(139,92,246,.4);background:rgba(139,92,246,.13);color:#fff}
.admin-nav-search-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-nav-search-section{flex:none;color:#a596b8;font:800 9px Inter;text-transform:uppercase;letter-spacing:.8px}
.admin-nav-search-row:hover .admin-nav-search-section,.admin-nav-search-row.active .admin-nav-search-section{color:#c3a3ea}
.admin-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:6px;padding:0 4px;border-radius:20px;background:#ff718a;color:#1a0509;font:800 9px Space Grotesk;box-shadow:0 0 8px rgba(255,113,138,.6);animation:adminNavBadgePulse 1.6s ease-in-out infinite}
@keyframes adminNavBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.admin-nav-pill[aria-expanded="true"] .admin-nav-caret{transform:rotate(-135deg)}
@keyframes adminNavCaretPulse{0%,100%{opacity:.55;filter:drop-shadow(0 0 0 transparent)}50%{opacity:1;filter:drop-shadow(0 0 4px currentColor)}}
@media(prefers-reduced-motion:reduce){.admin-nav-caret{animation:none}}
.admin-nav-panels{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.admin-nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;width:100%}
.admin-nav-links[hidden]{display:none}
.admin-nav-links a{
  position:relative;isolation:isolate;
  padding:8px 14px!important;border:1px solid rgba(77,231,255,.4)!important;background:rgba(77,231,255,.08)!important;border-radius:2px;
  color:#fff!important;font:800 9.5px Inter!important;text-transform:uppercase;letter-spacing:.6px!important;text-align:left!important;white-space:nowrap;
  min-height:0!important;width:auto!important;box-shadow:0 0 9px rgba(77,231,255,.22)!important;transition:.15s;
}
.admin-nav-links a:hover{border-color:rgba(77,231,255,.8)!important;background:rgba(77,231,255,.18)!important;color:#fff!important;box-shadow:0 0 16px rgba(77,231,255,.5)!important}
.admin-nav-links a.active{color:#4de7ff!important;border-color:rgba(77,231,255,.8)!important;background:rgba(77,231,255,.16)!important}
.admin-nav-links a.active::before{content:"";position:absolute;z-index:-1;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--collapse-orbit),transparent 0 62%,#9a4eff 72%,#e9c7ff 80%,#b66cff 88%,transparent 100%);animation:productsCollapseOrbit 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@media(prefers-reduced-motion:reduce){.admin-nav-links a.active::before{animation:none}}
@media(max-width:760px){
  .admin-page>.admin-tabs.admin-tabs-v2,.global-admin-nav-shell .admin-tabs.admin-tabs-v2,.page-nav-shell .admin-tabs.admin-tabs-v2{
    width:calc(100% - 28px)!important;margin:16px auto 14px!important;
  }
}

@media(max-width:1180px){.desktop-nav{display:none!important}.header-actions{margin-left:auto!important}.menu-btn{display:flex!important;width:40px;height:35px;border:0;background:none;flex-direction:column;justify-content:center;gap:7px}.mobile-nav.open{display:flex!important}}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-card:last-child{grid-column:auto!important}.product-detail,.checkout-shell{grid-template-columns:1fr!important;gap:34px!important}.admin-form,.admin-inline-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.page-hero{min-height:0!important;padding:118px 16px 56px!important}.page-hero h1,.product-detail h1,.checkout-shell h1{max-width:100%!important;font-size:clamp(36px,12vw,52px)!important;line-height:1!important;letter-spacing:-2px!important}.section{padding:68px 16px!important}.product-grid,.feature-grid,.step-grid{grid-template-columns:1fr!important}.product-card:last-child{grid-column:auto!important}.admin-form,.admin-inline-form{grid-template-columns:1fr!important;padding:16px!important}.admin-form .wide,.admin-inline-form>*{grid-column:auto!important}.admin-table>div{align-items:stretch!important;flex-direction:column!important;gap:14px!important}.admin-table form,.admin-table input,.admin-table select,.admin-table textarea{width:100%!important;max-width:100%!important}.order{grid-template-columns:1fr!important}.license-area{grid-column:auto!important}.status-list article{align-items:flex-start!important;flex-direction:column!important}}
@media(max-width:480px){.footer-main{grid-template-columns:1fr!important}.footer-brand{grid-column:auto!important}.status-legend{grid-template-columns:1fr!important}}

/* Theme tokens are the required source for new UI colors. Space Purple is default. */
html[data-theme="space-purple"]{--bg:#07080c;--panel:#0c0e14;--panel2:#11141c;--text:#f7f8fb;--muted:#8b91a1;--line:rgba(182,108,255,.18);--purple:#8b5cf6;--violet:#b66cff;--cyan:#4de7ff;--theme-deep:#090711;--theme-accent:#b66cff;--theme-accent-2:#7d43df}
html[data-theme="blue-black"]{--bg:#03070d;--panel:#07111d;--panel2:#0b1928;--text:#f2f8ff;--muted:#8296aa;--line:rgba(56,189,248,.2);--purple:#2563eb;--violet:#38bdf8;--cyan:#67e8f9;--theme-deep:#020912;--theme-accent:#38bdf8;--theme-accent-2:#2563eb}
html[data-theme="red-black-white"]{--bg:#040404;--panel:#0d0d0d;--panel2:#161616;--text:#fff;--muted:#a8a8ac;--line:rgba(255,61,87,.22);--purple:#dc1738;--violet:#ff3d57;--cyan:#fff;--theme-deep:#020202;--theme-accent:#ff3d57;--theme-accent-2:#a90825}
html[data-theme="pink-white"]{--bg:#100810;--panel:#1b0d1a;--panel2:#271226;--text:#fff8fd;--muted:#c7adbf;--line:rgba(255,112,194,.23);--purple:#e83e9d;--violet:#ff70c2;--cyan:#fff;--theme-deep:#130712;--theme-accent:#ff70c2;--theme-accent-2:#d92d91}
html[data-theme] body{background:var(--bg);color:var(--text)}html[data-theme] .app-header,html[data-theme] .mobile-nav{background:color-mix(in srgb,var(--theme-deep) 91%,transparent)}html[data-theme] .btn-primary{background:linear-gradient(105deg,var(--theme-accent-2),var(--theme-accent));box-shadow:0 12px 36px color-mix(in srgb,var(--theme-accent) 27%,transparent)}html[data-theme] .page-hero{background:radial-gradient(circle at 75% 30%,color-mix(in srgb,var(--theme-accent) 18%,transparent),transparent 30%),linear-gradient(var(--panel2),var(--bg))}
html[data-theme] body:has(.forum-page) .site-announcements{background:var(--theme-deep)}html[data-theme] body:has(.forum-page) .site-announcements article{--notice-color:var(--theme-accent)!important;--notice-body-color:color-mix(in srgb,var(--theme-accent) 42%,var(--text))!important;border-bottom-color:color-mix(in srgb,var(--theme-accent) 42%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--theme-deep) 96%,var(--theme-accent) 4%),color-mix(in srgb,var(--panel2) 82%,var(--theme-accent) 18%),color-mix(in srgb,var(--theme-deep) 96%,var(--theme-accent) 4%));box-shadow:inset 0 -1px color-mix(in srgb,var(--theme-accent) 14%,transparent),0 0 18px color-mix(in srgb,var(--theme-accent) 10%,transparent)}

/* The selected forum theme is the palette for the entire site. */
html[data-theme] main,html[data-theme] .products,html[data-theme] .features,html[data-theme] .steps,html[data-theme] .dashboard,html[data-theme] .admin-page,html[data-theme] .status-page,html[data-theme] .guides-page{background-color:var(--bg);color:var(--text)}
html[data-theme] .hero{border-color:var(--line);background:radial-gradient(circle at 80% 42%,color-mix(in srgb,var(--theme-accent) 20%,transparent),transparent 35%),linear-gradient(110deg,var(--bg) 30%,var(--panel2))}
html[data-theme] .hero::before{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 96%,transparent) 0%,color-mix(in srgb,var(--bg) 40%,transparent) 60%,color-mix(in srgb,var(--bg) 65%,transparent)),repeating-linear-gradient(90deg,transparent 0,transparent 99px,color-mix(in srgb,var(--theme-accent) 3%,transparent) 100px)}
html[data-theme] .products{background:linear-gradient(var(--panel2),var(--bg))}html[data-theme] .features{background:radial-gradient(circle at 60% 30%,color-mix(in srgb,var(--theme-accent) 10%,transparent),transparent 38%),var(--bg)}html[data-theme] .steps{background:var(--panel)}
html[data-theme] .product-card,html[data-theme] .feature-card,html[data-theme] .dashboard,html[data-theme] .contact-preferences,html[data-theme] .order,html[data-theme] .status-list article,html[data-theme] .guide-card,html[data-theme] .admin-table>div{border-color:color-mix(in srgb,var(--theme-accent) 28%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,var(--theme-accent) 6%),var(--panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 12%,transparent),0 14px 38px rgba(0,0,0,.22)}
html[data-theme] .product-card:hover,html[data-theme] .feature-card:hover,html[data-theme] .guide-card:hover{border-color:color-mix(in srgb,var(--theme-accent) 60%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--theme-accent) 24%,transparent),0 20px 60px rgba(0,0,0,.35)}
html[data-theme] .product-art,html[data-theme] .search,html[data-theme] input,html[data-theme] textarea,html[data-theme] select{border-color:var(--line);background-color:var(--theme-deep);color:var(--text)}
html[data-theme] .products .shop-bar>.search,html[data-theme] .products .shop-bar>.filters button{border-color:color-mix(in srgb,var(--theme-accent) 45%,transparent);background:color-mix(in srgb,var(--theme-accent) 8%,var(--panel));color:var(--theme-accent)}
html[data-theme] .products .shop-bar>.filters button:hover,html[data-theme] .products .shop-bar>.filters button.active{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 18%,var(--panel));color:var(--text);box-shadow:0 0 18px color-mix(in srgb,var(--theme-accent) 34%,transparent)}
html[data-theme] .site-announcements{background:var(--theme-deep)}html[data-theme] .site-announcements article{--notice-color:var(--theme-accent)!important;--notice-body-color:color-mix(in srgb,var(--theme-accent) 45%,var(--text))!important;border-bottom-color:color-mix(in srgb,var(--theme-accent) 42%,transparent);background:linear-gradient(90deg,var(--theme-deep),color-mix(in srgb,var(--panel2) 78%,var(--theme-accent) 22%),var(--theme-deep))}
html[data-theme] .footer{border-color:var(--line);background:color-mix(in srgb,var(--theme-deep) 94%,black 6%)}html[data-theme] .kicker,html[data-theme] .eyebrow,html[data-theme] .accent,html[data-theme] h2 em,html[data-theme] a:hover{color:var(--theme-accent)}

/* Reseller Packages and Account Credit: the generic html[data-theme] filter-button rule above
   has two element selectors (html + button) in it, which outranks these on pure specificity no
   matter where they sit in the file — so these are prefixed with a bare `html` too, to match
   that specificity and win (same fix pattern as the DMA card art below). */
html .products .shop-bar>.filters button[data-filter="reseller packages"]{position:relative;isolation:isolate;color:#fff;border-color:#c7a4ff;background:repeating-linear-gradient(114deg,rgba(255,255,255,.16) 0 1px,transparent 1px 4px),linear-gradient(115deg,#6d3fa8 0%,#9f6ed6 50%,#b987ff 100%);box-shadow:0 0 12px rgba(182,108,255,.45),inset 0 1px 0 rgba(255,255,255,.4)}
html .products .shop-bar>.filters button[data-filter="reseller packages"]{border-radius:3px}
html .products .shop-bar>.filters button[data-filter="reseller packages"]::before{content:"";position:absolute;inset:-2px;z-index:-1;padding:2px;border-radius:5px;background:conic-gradient(from var(--dma-angle,0deg),transparent 0%,transparent 66%,#7f3fc1 80%,#e0c2ff 90%,#7f3fc1 97%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:dma-border-spin 2.6s linear infinite}
html .products .shop-bar>.filters button[data-filter="reseller packages"]:hover,html .products .shop-bar>.filters button[data-filter="reseller packages"].active{border-color:#fff;color:#fff;box-shadow:0 0 22px rgba(182,108,255,.9),inset 0 1px 0 rgba(255,255,255,.75)}
@media(prefers-reduced-motion:reduce){html .products .shop-bar>.filters button[data-filter="reseller packages"]::before{animation:none}}
html .products .shop-bar>.filters button[data-filter="account credit"]{position:relative;isolation:isolate;color:#fff;border-color:#7fe6b8;background:repeating-linear-gradient(114deg,rgba(255,255,255,.16) 0 1px,transparent 1px 4px),linear-gradient(115deg,#1c6b4c 0%,#3fae7f 50%,#55dfa0 100%);box-shadow:0 0 12px rgba(85,223,160,.45),inset 0 1px 0 rgba(255,255,255,.4)}
html .products .shop-bar>.filters button[data-filter="account credit"]{border-radius:3px}
html .products .shop-bar>.filters button[data-filter="account credit"]::before{content:"";position:absolute;inset:-2px;z-index:-1;padding:2px;border-radius:5px;background:conic-gradient(from var(--dma-angle,0deg),transparent 0%,transparent 66%,#1f9e64 80%,#c2ffe4 90%,#1f9e64 97%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:dma-border-spin 2.6s linear infinite}
html .products .shop-bar>.filters button[data-filter="account credit"]:hover,html .products .shop-bar>.filters button[data-filter="account credit"].active{border-color:#fff;color:#fff;box-shadow:0 0 22px rgba(85,223,160,.9),inset 0 1px 0 rgba(255,255,255,.75)}
@media(prefers-reduced-motion:reduce){html .products .shop-bar>.filters button[data-filter="account credit"]::before{animation:none}}

/* DMA Software uses the restored 32-bit PCIe card art regardless of its display label. The
   `html` prefix on the button rule matches the generic html[data-theme] filter-button rule's
   specificity (it has an extra html+button element pair) so this actually wins instead of being
   flattened to a flat color background with no texture (same fix as reseller/credit above). */
html .products .shop-bar>.filters button:has(.filter-dma-art){position:relative;isolation:isolate;justify-content:flex-start;overflow:hidden;padding-left:92px;color:color-mix(in srgb,var(--theme-accent) 72%,white 28%);border-color:color-mix(in srgb,var(--theme-accent) 55%,transparent);background:repeating-linear-gradient(114deg,rgba(255,255,255,.14) 0 1px,transparent 1px 4px),linear-gradient(115deg,color-mix(in srgb,var(--theme-accent-2) 34%,var(--panel)),color-mix(in srgb,var(--theme-accent) 13%,var(--theme-deep)))}
.products .shop-bar>.filters button:has(.filter-dma-art) .filter-dma-art{z-index:1;left:0;bottom:-4px;width:114px;height:98px;opacity:1;filter:brightness(1.12) saturate(1.04) drop-shadow(0 8px 8px rgba(0,0,0,.38)) drop-shadow(0 0 9px color-mix(in srgb,var(--theme-accent) 48%,transparent))}
.products .shop-bar>.filters button:has(.filter-dma-art) .filter-utility-label{position:relative;z-index:2}
.products .shop-bar>.filters button:has(.filter-dma-art) .filter-utility-label{left:-8px;display:block;min-width:0;width:calc(100% + 8px);font-size:13.75px;line-height:1.28;text-align:center;white-space:normal;overflow-wrap:normal}
@media(max-width:520px){.products .shop-bar>.filters button:has(.filter-dma-art){padding-left:68px}.products .shop-bar>.filters button:has(.filter-dma-art) .filter-dma-art{left:0;top:50%;bottom:auto;width:76px;height:66px;transform:translateY(-50%)}.products .shop-bar>.filters button:has(.filter-dma-art) .filter-utility-label{font-size:8.5px}}

#users .forum-name-admin-form{padding-left:9px;border-left:1px solid color-mix(in srgb,var(--theme-accent) 24%,transparent)}
#users .forum-name-admin-form label{display:grid;gap:3px;min-width:0}
#users .forum-name-admin-form label small{color:color-mix(in srgb,var(--theme-accent) 76%,white 24%);font-size:7px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
#users .forum-name-admin-form input{width:clamp(145px,15vw,205px)}
@media(max-width:700px){#users .forum-name-admin-form{padding-left:0;border-left:0}#users .forum-name-admin-form label,#users .forum-name-admin-form input{width:100%}}

/* Shop search: one clean themed surface with high-contrast copy — a squared-off box with
   a traveling conic-gradient line animating around its outline. */
@property --search-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
html[data-theme] .products .shop-bar>.search{position:relative;isolation:isolate;height:48px;padding:0 16px;gap:11px;border:1px solid color-mix(in srgb,var(--theme-accent) 58%,transparent);border-radius:0;background:linear-gradient(105deg,color-mix(in srgb,var(--theme-accent) 14%,var(--panel2)),color-mix(in srgb,var(--panel) 94%,var(--theme-deep) 6%));box-shadow:inset 0 1px 0 color-mix(in srgb,white 7%,transparent),0 0 18px color-mix(in srgb,var(--theme-accent) 15%,transparent)}
html[data-theme] .products .shop-bar>.search:focus-within{border-color:var(--theme-accent);background:linear-gradient(105deg,color-mix(in srgb,var(--theme-accent) 20%,var(--panel2)),var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 17%,transparent),0 0 24px color-mix(in srgb,var(--theme-accent) 28%,transparent)}
html[data-theme] .products .shop-bar>.search::before{content:"";position:absolute;inset:-2px;z-index:-1;padding:2px;background:conic-gradient(from var(--search-angle,0deg),transparent 0%,transparent 72%,color-mix(in srgb,var(--theme-accent) 60%,transparent) 84%,var(--theme-accent) 92%,color-mix(in srgb,var(--theme-accent) 60%,transparent) 98%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:search-border-travel 3.4s linear infinite;pointer-events:none}
@keyframes search-border-travel{to{--search-angle:360deg}}
@media(prefers-reduced-motion:reduce){html[data-theme] .products .shop-bar>.search::before{animation:none}}
html[data-theme] .products .shop-bar>.search input{height:100%;padding:0;border:0!important;outline:0;background:transparent!important;color:var(--text)!important;font-size:13px;font-weight:600;caret-color:var(--theme-accent);box-shadow:none!important}
html[data-theme] .products .shop-bar>.search input::placeholder{color:color-mix(in srgb,var(--text) 72%,var(--theme-accent) 28%);opacity:1;font-weight:500}
.shop-search-icon{flex:0 0 auto;fill:none;stroke:var(--theme-accent);stroke-width:1.8;stroke-linecap:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--theme-accent) 60%,transparent))}
.points-balance-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:13px 14px;border:1px solid color-mix(in srgb,var(--theme-accent) 28%,transparent);border-radius:7px;background:color-mix(in srgb,var(--theme-accent) 7%,var(--panel));color:var(--muted);font-size:11px}.points-balance-summary b{color:var(--theme-accent);font:700 13px 'Space Grotesk',sans-serif}.balance-chip{white-space:nowrap}
.theme-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.theme-choice{display:grid;gap:6px;justify-items:center;min-height:118px;padding:11px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--panel2),var(--panel));color:var(--text);text-align:center;box-shadow:none}.theme-choice:hover,.theme-choice.active{transform:translateY(-2px);border-color:var(--theme-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--theme-accent) 22%,transparent),inset 0 0 18px color-mix(in srgb,var(--theme-accent) 8%,transparent)}.theme-choice b{font:700 11px 'Space Grotesk',sans-serif}.theme-choice small{color:var(--muted);font-size:8px;line-height:1.35}
.theme-choice-preview{display:flex;width:100%;height:42px;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);border-radius:6px}.theme-choice-preview i{flex:1}.theme-preview-purple i:nth-child(1){background:#090711}.theme-preview-purple i:nth-child(2){background:#8b5cf6}.theme-preview-purple i:nth-child(3){background:#d9b8ff}.theme-preview-blue i:nth-child(1){background:#020912}.theme-preview-blue i:nth-child(2){background:#2563eb}.theme-preview-blue i:nth-child(3){background:#67e8f9}.theme-preview-red i:nth-child(1){background:#090304}.theme-preview-red i:nth-child(2){background:#dc1738}.theme-preview-red i:nth-child(3){background:#fff}.theme-preview-pink i:nth-child(1){background:#200b1b}.theme-preview-pink i:nth-child(2){background:#ff70c2}.theme-preview-pink i:nth-child(3){background:#fff}
@media(max-width:900px){.theme-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.theme-picker{grid-template-columns:1fr}.theme-choice{min-height:132px}}

/* A filtered game category with 3 or fewer products centers instead of hugging the left edge. */
#products .product-grid.few-results{display:flex!important;flex-wrap:wrap!important;justify-content:center!important}
#products .product-grid.few-results>.product-card{flex:0 1 300px!important}

/* Guides + Status page redesign: rounded, elevated cards and panels instead of the sharp-edged
   look used elsewhere, for a sleeker/more professional feel on these two library-style pages. */
.guides-hero .kicker,.status-hero .kicker{font-size:11px;letter-spacing:3px}
.guides-hero h1,.status-hero h1{letter-spacing:-2.5px}
.guides-sidebar,.status-page .status-control-panel{border-radius:14px;padding:14px}
.guides-sidebar .search,.status-page .status-search{border-radius:9px}
.guides-filters-vertical button,.status-page .status-filters-grid button{border-radius:9px}

/* Guide/status filter copy: neutral white until the control is engaged, then a
   bright themed purple for hover, keyboard focus, and the selected state. */
.guides-filters-vertical button,
.status-page .status-filters-grid button{color:var(--text)}
.guides-filters-vertical button:hover,
.guides-filters-vertical button:focus-visible,
.guides-filters-vertical button.active,
.status-page .status-filters-grid button:hover,
.status-page .status-filters-grid button:focus-visible,
.status-page .status-filters-grid button.active{color:var(--violet);text-shadow:0 0 8px color-mix(in srgb,var(--violet) 80%,transparent),0 0 18px color-mix(in srgb,var(--theme-accent) 55%,transparent)}
.filter-sidebar-art{border-radius:8px}
.guide-card,.status-page .status-card-v2{border-radius:16px;border:1px solid rgba(139,92,246,.22);box-shadow:0 14px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.03)}
.guide-card:hover,.status-page .status-card-v2:hover{transform:translateY(-3px);border-color:rgba(182,108,255,.55);box-shadow:0 20px 46px rgba(0,0,0,.4),0 0 26px rgba(139,92,246,.16),inset 0 1px 0 rgba(255,255,255,.05)}
.guide-card-icon,.status-page .status-card-icon{clip-path:none;border-radius:12px}
.guide-card h3,.status-page .status-card-v2 h3{font-size:17px;letter-spacing:-.3px}
.guide-card-action .btn,.status-page .status-card-action .btn,.status-details-btn{border-radius:9px}
.status-badge{border-radius:20px;font-weight:700}
@media(max-width:620px){.guide-card,.status-page .status-card-v2{border-radius:12px}.guide-card-icon,.status-page .status-card-icon{width:48px;height:48px;border-radius:10px}}

/* The forum landing hero (character art banner) was as tall as the homepage hero — cut it
   down substantially since the forum index/category pages don't need that much dead space. */
.forum-cast-hero{min-height:clamp(400px,34vw,520px)}
.forum-cast-hero .hero-cast-image{object-position:center 25%}
.forum-cast-hero .hero-cast-stage::after{-webkit-mask-position:center 25%;mask-position:center 25%}
@media(max-width:700px){.forum-cast-hero{min-height:0}}

/* Global navigation uses white copy/icons at rest and keeps the established
   bright-purple interaction treatment for hover, focus, and the current page. */
.app-header .desktop-nav a{color:var(--text)}
.app-header .desktop-nav a:hover,
.app-header .desktop-nav a:focus-visible,
.app-header .desktop-nav a.nav-current{color:var(--violet);text-shadow:0 0 8px color-mix(in srgb,var(--violet) 82%,transparent),0 0 18px color-mix(in srgb,var(--theme-accent) 52%,transparent)}

/* Responsive product walkthrough player: themed glass, orbiting accent, calm breathe. */
@property --product-video-orbit{syntax:'<angle>';initial-value:0deg;inherits:false}
.product-video-section{max-width:var(--max);margin:0 auto;padding-top:20px;padding-inline:24px}
.product-video-heading{max-width:720px;margin:0 auto 24px;text-align:center}
.product-video-heading h2{margin:9px 0 11px;color:var(--text);font:700 clamp(30px,4vw,48px)/1 Space Grotesk;letter-spacing:-1.5px}
.product-video-heading p{margin:0;color:var(--muted);font:400 13px/1.75 Inter,sans-serif}
.product-video-card{position:relative;isolation:isolate;max-width:1080px;margin:auto;padding:2px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--theme-deep),var(--panel));box-shadow:0 28px 80px color-mix(in srgb,var(--bg) 78%,transparent),0 0 34px color-mix(in srgb,var(--violet) 18%,transparent);animation:productVideoBreathe 5.5s ease-in-out infinite}
.product-video-card::before{content:"";position:absolute;z-index:-2;inset:-45%;background:conic-gradient(from var(--product-video-orbit),transparent 0 69%,var(--purple) 77%,var(--theme-accent-2) 84%,var(--violet) 91%,transparent 100%);animation:productVideoOrbit 8s linear infinite}
.product-video-card::after{content:"";position:absolute;z-index:-1;inset:2px;background:linear-gradient(145deg,var(--panel2),var(--theme-deep) 54%,var(--panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent)}
.product-video-frame{position:relative;z-index:1;overflow:hidden;background:var(--bg);aspect-ratio:16/9}
.product-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:var(--bg)}
.product-video-meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;color:var(--muted);font:600 9px Space Grotesk;letter-spacing:1.1px;text-transform:uppercase}
.product-video-meta b{color:var(--theme-accent-2);font-weight:700}
.image-host-card video{width:100%;height:100%;display:block;object-fit:contain;background:var(--bg)}
@keyframes productVideoOrbit{to{--product-video-orbit:360deg}}
@keyframes productVideoBreathe{0%,100%{filter:brightness(.96);box-shadow:0 28px 80px color-mix(in srgb,var(--bg) 78%,transparent),0 0 24px color-mix(in srgb,var(--violet) 12%,transparent)}50%{filter:brightness(1.04);box-shadow:0 28px 80px color-mix(in srgb,var(--bg) 78%,transparent),0 0 44px color-mix(in srgb,var(--violet) 27%,transparent)}}
@media(max-width:700px){.product-video-section{padding-inline:14px!important}.product-video-heading{margin-bottom:18px}.product-video-meta{padding:11px 12px}.product-video-card{width:100%}}
@media(prefers-reduced-motion:reduce){.product-video-card,.product-video-card::before{animation:none}}

/* Super Admin MACROStudio licenses */
.macrostudio-license-form{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;align-items:end;margin-top:18px;padding:18px;border:1px solid color-mix(in srgb,var(--violet) 30%,var(--line));background:linear-gradient(145deg,var(--panel2),var(--theme-deep) 58%,var(--panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 6%,transparent),0 16px 38px color-mix(in srgb,var(--bg) 65%,transparent)}
.macrostudio-license-form label{display:flex;min-width:0;flex-direction:column;gap:7px;color:var(--text)}
.macrostudio-license-form label small{color:var(--muted);font:650 9px/1.2 Inter,sans-serif;letter-spacing:.55px;text-transform:uppercase}
.macrostudio-license-form input,.macrostudio-license-form select{width:100%;min-height:39px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;outline:0;background:linear-gradient(145deg,var(--bg),var(--panel2));color:var(--text);font:500 11px/1.2 Inter,sans-serif}
.macrostudio-license-form input:focus,.macrostudio-license-form select:focus{border-color:var(--theme-accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 18%,transparent)}
.macrostudio-license-form .btn{min-height:39px;justify-content:center}
.macrostudio-generated-keys{display:grid;gap:10px;margin-top:16px;padding:16px;border:1px solid color-mix(in srgb,var(--cyan) 38%,var(--line));background:linear-gradient(145deg,var(--theme-deep),var(--panel2));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 7%,transparent),0 0 24px color-mix(in srgb,var(--cyan) 10%,transparent)}
.macrostudio-generated-keys>div:first-child{display:flex;flex-direction:column;gap:3px;text-align:center}
.macrostudio-generated-keys small{color:var(--muted);font:500 10px/1.5 Inter,sans-serif}
.macrostudio-generated-key{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--violet) 24%,var(--line));border-radius:9px;background:linear-gradient(135deg,var(--bg),var(--panel))}
.macrostudio-generated-key span{display:grid;min-width:0;gap:5px}
.macrostudio-generated-key b{font:650 11px Space Grotesk,sans-serif}
.macrostudio-generated-key code{overflow-wrap:anywhere;color:var(--cyan);font:600 11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.macrostudio-generated-key button,.macrostudio-license-actions button{padding:7px 10px;border:1px solid color-mix(in srgb,var(--theme-accent) 42%,var(--line));border-radius:7px;background:linear-gradient(145deg,var(--panel2),var(--theme-deep));color:var(--text);font:650 9px Inter,sans-serif;cursor:pointer}
.macrostudio-generated-key button:hover,.macrostudio-license-actions button:hover{border-color:var(--theme-accent-2);color:var(--theme-accent-2)}
.macrostudio-license-table>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
.macrostudio-license-table small{overflow-wrap:anywhere}
.macrostudio-license-actions{display:flex;align-items:center;gap:7px}
.macrostudio-license-actions form{margin:0}
@media(max-width:1100px){.macrostudio-license-form{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:760px){.macrostudio-license-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.macrostudio-license-table>div{grid-template-columns:minmax(0,1fr) auto}.macrostudio-license-actions{grid-column:1/-1}}
@media(max-width:480px){.macrostudio-license-form{grid-template-columns:1fr}.macrostudio-generated-key{align-items:stretch;flex-direction:column}.macrostudio-license-table>div{grid-template-columns:1fr}.macrostudio-license-actions{grid-column:auto;flex-wrap:wrap}}
.macrostudio-diagnostic-form{display:grid;grid-template-columns:minmax(260px,2fr) minmax(180px,1fr) auto;gap:12px;align-items:end;margin:18px 0;padding:18px;border:1px solid color-mix(in srgb,var(--violet) 34%,var(--line));border-radius:12px;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--purple) 14%,transparent),transparent 38%),linear-gradient(145deg,var(--panel2),var(--theme-deep) 56%,var(--panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 7%,transparent),0 18px 44px color-mix(in srgb,var(--bg) 68%,transparent)}
.macrostudio-diagnostic-form label{display:flex;min-width:0;flex-direction:column;gap:7px}.macrostudio-diagnostic-form label small{color:var(--muted);font:650 9px/1.2 Inter,sans-serif;letter-spacing:.55px;text-transform:uppercase}.macrostudio-diagnostic-form select{width:100%;min-height:41px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;outline:0;background:linear-gradient(145deg,var(--bg),var(--panel2));color:var(--text);font:500 11px/1.2 Inter,sans-serif}.macrostudio-diagnostic-form select:focus{border-color:var(--theme-accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 18%,transparent)}
.macrostudio-diagnostic-preferences{display:grid;gap:8px;margin-bottom:18px}.macrostudio-diagnostic-preferences>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--violet) 22%,var(--line));border-radius:9px;background:linear-gradient(135deg,var(--panel),var(--theme-deep))}.macrostudio-diagnostic-preferences span:first-child{display:grid;gap:4px}.macrostudio-diagnostic-preferences b{font:650 12px Space Grotesk,sans-serif}.macrostudio-diagnostic-preferences small{color:var(--muted);font:500 10px/1.45 Inter,sans-serif}
.macrostudio-diagnostic-reports{display:grid;gap:12px}.macrostudio-diagnostic-report{position:relative;overflow:hidden;padding:17px;border:1px solid color-mix(in srgb,var(--theme-accent) 38%,var(--line));border-radius:12px;background:radial-gradient(circle at 95% 0,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 35%),linear-gradient(145deg,var(--panel2),var(--theme-deep));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 6%,transparent),0 14px 34px color-mix(in srgb,var(--bg) 56%,transparent)}.macrostudio-diagnostic-report.is-resolved{opacity:.72}.macrostudio-diagnostic-report header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.macrostudio-diagnostic-report header>span:first-child{display:grid;gap:4px}.macrostudio-diagnostic-report header b{font:700 14px Space Grotesk,sans-serif;color:var(--text)}.macrostudio-diagnostic-report header small,.macrostudio-diagnostic-report>small{color:var(--muted);font:500 10px/1.5 Inter,sans-serif}.macrostudio-diagnostic-report>p{margin:14px 0;color:var(--text);font:500 12px/1.6 Inter,sans-serif;overflow-wrap:anywhere}.macrostudio-diagnostic-report details{padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--bg),var(--panel))}.macrostudio-diagnostic-report summary{cursor:pointer;color:var(--theme-accent-2);font:650 10px Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.5px}.macrostudio-diagnostic-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:12px 0;color:var(--muted);font:500 10px Inter,sans-serif}.macrostudio-diagnostic-report ol{display:grid;gap:5px;margin:0;padding-left:22px;color:var(--muted);font:500 10px/1.45 Inter,sans-serif}.macrostudio-diagnostic-report code{color:var(--cyan);font:600 10px ui-monospace,SFMono-Regular,Consolas,monospace}.macrostudio-diagnostic-events{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;color:var(--muted);font:500 10px Inter,sans-serif}.macrostudio-diagnostic-events code{padding:3px 6px;border:1px solid var(--line);border-radius:5px;background:var(--panel2)}.macrostudio-diagnostic-report>form{display:flex;gap:8px;margin-top:12px}.macrostudio-diagnostic-report>form input{flex:1;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,var(--bg),var(--panel));color:var(--text)}.macrostudio-diagnostic-report>form button{padding:8px 12px;border:1px solid color-mix(in srgb,var(--theme-accent) 44%,var(--line));border-radius:7px;background:linear-gradient(145deg,var(--panel2),var(--theme-deep));color:var(--text);font:650 9px Inter,sans-serif;cursor:pointer}.macrostudio-diagnostic-report>form button:hover{border-color:var(--theme-accent-2);color:var(--theme-accent-2)}.macrostudio-diagnostic-empty{padding:24px;border:1px dashed color-mix(in srgb,var(--violet) 34%,var(--line));border-radius:10px;background:linear-gradient(145deg,var(--panel),var(--theme-deep));color:var(--muted);text-align:center;font:500 11px Inter,sans-serif}
@media(max-width:900px){.macrostudio-diagnostic-form{grid-template-columns:1fr 1fr}.macrostudio-diagnostic-form .btn{grid-column:1/-1}}@media(max-width:620px){.macrostudio-diagnostic-form{grid-template-columns:1fr;padding:14px}.macrostudio-diagnostic-form .btn{grid-column:auto}.macrostudio-diagnostic-preferences>div,.macrostudio-diagnostic-report header,.macrostudio-diagnostic-report>form{align-items:stretch;flex-direction:column}.macrostudio-diagnostic-report>form button{min-height:38px}}

/* MACROStudio key-product reseller invitation: theme-native promotional card. */
.macrostudio-reseller-cta{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:16px 0;padding:15px 16px;border:1px solid color-mix(in srgb,var(--theme-accent) 36%,var(--line));border-radius:10px;background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 38%),linear-gradient(145deg,var(--panel2),var(--theme-deep) 58%,var(--panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 7%,transparent),0 14px 34px color-mix(in srgb,var(--bg) 58%,transparent);color:var(--text);transition:transform .25s,border-color .25s,box-shadow .25s;animation:macrostudioResellerBreathe 4.8s ease-in-out infinite}
.macrostudio-reseller-cta::before{content:"";position:absolute;z-index:-1;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--macrostudio-reseller-angle),transparent 0 64%,color-mix(in srgb,var(--theme-accent) 55%,transparent) 74%,var(--cyan) 84%,var(--theme-accent) 92%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:macrostudioResellerOrbit 8s linear infinite;pointer-events:none}
.macrostudio-reseller-cta::after{content:"";position:absolute;z-index:-2;width:150px;height:150px;right:-62px;top:-80px;border-radius:50%;background:color-mix(in srgb,var(--theme-accent) 24%,transparent);filter:blur(34px);pointer-events:none}
.macrostudio-reseller-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--cyan) 42%,var(--line));border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 9%,var(--panel2)),var(--theme-deep));color:var(--cyan);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent),0 0 18px color-mix(in srgb,var(--cyan) 11%,transparent)}
.macrostudio-reseller-icon svg{width:25px;height:25px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--cyan) 62%,transparent))}
.macrostudio-reseller-copy{display:grid;min-width:0;gap:3px;text-align:center}.macrostudio-reseller-copy small{color:var(--cyan);font:700 8px/1.2 Inter,sans-serif;letter-spacing:1.25px}.macrostudio-reseller-copy b{color:var(--text);font:700 12px/1.3 Space Grotesk,sans-serif}.macrostudio-reseller-copy>span{color:var(--muted);font:500 9px/1.45 Inter,sans-serif}
.macrostudio-reseller-cta>strong{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--theme-accent) 48%,var(--line));border-radius:7px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent) 15%,var(--panel2)),var(--theme-deep));color:var(--text);font:700 9px/1.2 Space Grotesk,sans-serif;white-space:nowrap}.macrostudio-reseller-cta>strong i{color:var(--cyan);font-style:normal;transition:transform .2s}.macrostudio-reseller-cta:hover{transform:translateY(-2px);border-color:var(--theme-accent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent),0 18px 42px color-mix(in srgb,var(--bg) 64%,transparent),0 0 24px color-mix(in srgb,var(--theme-accent) 24%,transparent)}.macrostudio-reseller-cta:hover>strong i{transform:translateX(3px)}
@property --macrostudio-reseller-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes macrostudioResellerOrbit{to{--macrostudio-reseller-angle:360deg}}@keyframes macrostudioResellerBreathe{0%,100%{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 7%,transparent),0 14px 34px color-mix(in srgb,var(--bg) 58%,transparent),0 0 0 color-mix(in srgb,var(--theme-accent) 0%,transparent)}50%{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent),0 16px 38px color-mix(in srgb,var(--bg) 62%,transparent),0 0 22px color-mix(in srgb,var(--theme-accent) 18%,transparent)}}
@media(max-width:620px){.macrostudio-reseller-cta{grid-template-columns:auto 1fr;padding:14px}.macrostudio-reseller-cta>strong{grid-column:1/-1;width:100%}.macrostudio-reseller-copy{padding-right:4px}}
@media(prefers-reduced-motion:reduce){.macrostudio-reseller-cta,.macrostudio-reseller-cta::before{animation:none}.macrostudio-reseller-cta,.macrostudio-reseller-cta>strong i{transition:none}}

/* Super-admin product-scoped coupons. */
.coupon-admin-panel>.kicker,.coupon-admin-panel>h2,.coupon-admin-panel>.field-note{text-align:center}.coupon-admin-panel>.field-note{max-width:620px;margin:7px auto 16px}.coupon-admin-form{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:repeat(4,minmax(0,1fr));border-color:color-mix(in srgb,var(--theme-accent) 38%,var(--line));border-radius:12px;background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 34%),linear-gradient(145deg,var(--panel2),var(--theme-deep) 58%,var(--panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 7%,transparent),0 18px 46px color-mix(in srgb,var(--bg) 64%,transparent)}
.coupon-product-scope{grid-column:1/-1;min-width:0;margin:0;padding:15px;border:1px solid color-mix(in srgb,var(--theme-accent) 30%,var(--line));border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,var(--theme-accent) 6%),var(--panel))}.coupon-product-scope legend{padding:0 8px;color:var(--theme-accent-2);font:700 10px Space Grotesk,sans-serif;letter-spacing:1px;text-transform:uppercase}.coupon-product-scope>p{margin:0 0 12px;color:var(--muted);font:500 10px/1.5 Inter,sans-serif;text-align:center}.coupon-product-grid{display:grid;max-height:320px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:auto;padding:2px 5px 2px 2px;scrollbar-color:var(--theme-accent) var(--panel)}.coupon-product-group{display:grid;align-content:start;gap:7px;padding:12px;border:1px solid color-mix(in srgb,var(--violet) 22%,var(--line));border-radius:9px;background:linear-gradient(145deg,var(--panel),var(--theme-deep))}.coupon-product-group>small{color:var(--cyan);font:700 8px Inter,sans-serif;letter-spacing:1px;text-align:center;text-transform:uppercase}.coupon-product-option{display:flex!important;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--bg),var(--panel2));color:var(--text)!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;transition:border-color .2s,background .2s,box-shadow .2s}.coupon-product-option:hover,.coupon-product-option:has(input:checked){border-color:var(--theme-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 84%,var(--theme-accent) 16%),var(--theme-deep));box-shadow:0 0 16px color-mix(in srgb,var(--theme-accent) 14%,transparent)}.coupon-product-option input{width:15px!important;height:15px;flex:0 0 15px;margin:0;accent-color:var(--theme-accent)}.coupon-product-option span{display:grid;min-width:0;gap:3px}.coupon-product-option b{overflow-wrap:anywhere;font:650 10px/1.3 Space Grotesk,sans-serif}.coupon-product-option small{overflow-wrap:anywhere;color:var(--muted);font:500 8px/1.3 Inter,sans-serif;text-transform:none}.coupon-crypto-check{grid-column:1/-1;justify-content:center}.coupon-create-btn{grid-column:1/-1;justify-self:center;min-width:180px}.coupon-admin-list{border-radius:10px;overflow:hidden}.coupon-admin-list>div{background:linear-gradient(110deg,color-mix(in srgb,var(--panel2) 95%,var(--theme-accent) 5%),var(--panel))}.coupon-admin-list>div>span:first-child>b{color:var(--theme-accent-2);font:700 13px Space Grotesk,sans-serif}.coupon-scope-label{color:var(--cyan)!important;font-weight:700!important;letter-spacing:.45px}.cart-summary .coupon-scope-note{display:block;margin:-10px 0 14px;color:var(--cyan);font:600 8px/1.45 Inter,sans-serif;text-align:center;letter-spacing:.35px;text-transform:uppercase}
@media(max-width:1100px){.coupon-admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.coupon-product-grid{grid-template-columns:1fr}}
@media(max-width:700px){.coupon-admin-form{grid-template-columns:1fr!important;padding:14px!important}.coupon-product-scope{grid-column:auto}.coupon-product-grid{max-height:360px}.coupon-product-option{padding:8px}.coupon-create-btn{width:100%;min-width:0}.coupon-admin-list>div>form{width:auto!important}.coupon-admin-list>div>form .danger-btn{width:100%}}