/* Z9 shop, membership cards and avatar frames. */
.avatar-frame{box-sizing:border-box;transition:box-shadow .2s ease,transform .2s ease}
.avatar-frame-aurora{border:3px solid #64b9ff!important;box-shadow:0 0 0 2px rgba(139,214,255,.3),0 0 18px rgba(65,155,255,.58)!important}
.avatar-frame-nebula{border:3px solid #9b7df0!important;box-shadow:0 0 0 2px rgba(224,188,255,.28),0 0 18px rgba(128,84,222,.5)!important}
.avatar-frame-emerald{border:3px solid #43c995!important;box-shadow:0 0 0 2px rgba(166,245,213,.3),0 0 18px rgba(37,166,115,.46)!important}
.avatar-frame-champagne{border:3px solid #d8b36a!important;box-shadow:0 0 0 2px rgba(255,232,181,.36),0 0 18px rgba(177,126,41,.42)!important}
.avatar-frame-crystal{border:3px solid #b6e7f5!important;box-shadow:0 0 0 2px rgba(224,251,255,.56),0 0 20px rgba(87,183,215,.46)!important}
.avatar-frame-obsidian{border:3px solid #353943!important;box-shadow:0 0 0 2px rgba(132,139,153,.3),0 0 20px rgba(16,21,29,.5)!important}

.shop-header{align-items:center}.shop-wallet{padding:6px 9px;border-radius:999px;background:rgba(36,107,253,.09);color:#246bfd;font-size:10px;font-weight:750;white-space:nowrap}
.shop-page{display:grid;gap:20px}.shop-tabs{position:sticky;z-index:10;top:7px;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(22px);box-shadow:0 8px 26px rgba(38,66,105,.08)}.shop-tabs a{min-height:38px;display:grid;place-items:center;border-radius:13px;color:#3f4855;font-size:12px;font-weight:750;text-decoration:none}.shop-tabs a:active{background:#edf4ff;color:#246bfd}
.shop-section{scroll-margin-top:76px}.shop-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}.shop-section-title small{color:#246bfd;font-size:8px;font-weight:850;letter-spacing:.13em}.shop-section-title h2,.shop-section-title p{margin:0}.shop-section-title h2{margin-top:2px;font-size:21px}.shop-section-title p{color:#7b8491;font-size:9px;text-align:right}
.privilege-shop-grid{display:grid;gap:12px}.privilege-product{padding:10px;border:1px solid rgba(110,123,143,.12);border-radius:22px;background:rgba(255,255,255,.74);box-shadow:0 10px 30px rgba(35,61,94,.07)}.privilege-product.current{border-color:rgba(36,107,253,.3);box-shadow:0 0 0 2px rgba(36,107,253,.06),0 12px 34px rgba(35,61,94,.1)}
.privilege-card-surface{position:relative;isolation:isolate;min-height:132px;overflow:hidden;padding:17px;border-radius:18px;background:linear-gradient(135deg,var(--member-a),var(--member-b));color:var(--member-text);box-shadow:inset 0 1px rgba(255,255,255,.35),0 10px 24px var(--member-shadow)}.privilege-card-surface::before{content:"";position:absolute;z-index:-1;right:-25px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.32),transparent 67%)}.privilege-card-surface::after{content:"";position:absolute;z-index:-1;left:-60px;bottom:-85px;width:200px;height:150px;border-radius:50%;border:1px solid rgba(255,255,255,.18);transform:rotate(-18deg)}.privilege-card-surface small,.privilege-card-surface h3,.privilege-card-surface strong,.privilege-card-surface em{display:block}.privilege-card-surface small{font-size:8px;letter-spacing:.16em;opacity:.75}.privilege-card-surface h3{margin:18px 0 0;font-size:21px;font-weight:700;letter-spacing:.04em}.privilege-card-surface strong{position:absolute;right:17px;bottom:20px;font-size:25px;letter-spacing:-.04em}.privilege-card-surface em{position:absolute;left:17px;bottom:19px;font-size:7px;font-style:normal;letter-spacing:.16em;opacity:.62}.privilege-card-mark{position:absolute;right:17px;top:15px;font-size:15px;font-weight:850;letter-spacing:-.05em}
.card-bronze{--member-a:#9d6948;--member-b:#d7a47d;--member-text:#fff9f4;--member-shadow:rgba(120,69,38,.22)}.card-silver{--member-a:#7d8794;--member-b:#d5dbe1;--member-text:#fefefe;--member-shadow:rgba(75,88,105,.2)}.card-gold{--member-a:#a97b27;--member-b:#e8c876;--member-text:#fffdf4;--member-shadow:rgba(151,103,19,.22)}.card-diamond{--member-a:#3d75a7;--member-b:#99d8ea;--member-text:#f7fdff;--member-shadow:rgba(36,103,144,.22)}.card-black{--member-a:#15181e;--member-b:#414752;--member-text:#f6f7f9;--member-shadow:rgba(0,0,0,.3)}
.product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 4px 2px}.product-meta>div{min-width:0}.product-meta b,.product-meta small{display:block}.product-meta b{font-size:13px}.product-meta small{margin-top:3px;overflow:hidden;color:#7a8390;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.product-meta form{margin:0}.product-meta button,.avatar-frame-product button,.unequip-frame button{min-height:35px;padding:0 12px;border:0;border-radius:11px;background:#246bfd;color:#fff;font-size:10px;font-weight:750;cursor:pointer}.owned-chip,.muted-chip{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:750;white-space:nowrap}.owned-chip{background:#e7f7ec;color:#25844c}.muted-chip{background:#f0f1f4;color:#848b96}
.unequip-frame{display:flex;justify-content:flex-end;margin:-3px 0 9px}.unequip-frame button,.secondary-shop-button{border:1px solid rgba(36,107,253,.16)!important;background:#fff!important;color:#246bfd!important}
.avatar-frame-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.avatar-frame-product{min-width:0;display:grid;justify-items:center;padding:14px 10px;border:1px solid rgba(110,123,143,.12);border-radius:20px;background:rgba(255,255,255,.76);box-shadow:0 8px 26px rgba(35,61,94,.06);text-align:center}.frame-preview{height:74px;display:grid;place-items:center}.frame-preview img,.frame-preview .z9-avatar{width:62px;height:62px;border-radius:20px;object-fit:cover}.avatar-frame-product h3,.avatar-frame-product p{margin:0}.avatar-frame-product h3{margin-top:7px;font-size:13px}.avatar-frame-product p{height:28px;margin-top:3px;color:#7c8490;font-size:9px;line-height:1.45}.avatar-frame-product>strong{margin:5px 0 8px;color:#246bfd;font-size:12px}.avatar-frame-product form{margin:0}

.owner-rights-card.privilege-tone-bronze{--card-accent:#8d5637;--rights-a:#f5e0d1;--rights-b:#c99470;--rights-text:#432619;--rights-sub:#76513d;--rights-panel:rgba(255,250,246,.45)}
.owner-rights-card.privilege-tone-silver{--card-accent:#5f6c79;--rights-a:#f2f5f7;--rights-b:#aab4be;--rights-text:#26313b;--rights-sub:#5e6974;--rights-panel:rgba(255,255,255,.48)}
.owner-rights-card.privilege-tone-gold{--card-accent:#8d6519;--rights-a:#fff1bd;--rights-b:#d5aa49;--rights-text:#48340e;--rights-sub:#79602a;--rights-panel:rgba(255,252,235,.47)}
.owner-rights-card.privilege-tone-diamond{--card-accent:#286d98;--rights-a:#dff6ff;--rights-b:#75b9dc;--rights-text:#153d57;--rights-sub:#47718b;--rights-panel:rgba(246,253,255,.45)}
.owner-rights-card.privilege-tone-black{--card-accent:#d7b76a;--rights-a:#353a43;--rights-b:#111419;--rights-text:#f5f6f8;--rights-sub:#c0c5ce;--rights-panel:rgba(255,255,255,.08)}
.owner-rights-card.privilege-tone-none{--card-accent:#409cff;--rights-a:rgba(255,255,255,.76);--rights-b:rgba(225,241,255,.57);--rights-text:var(--color-text-primary);--rights-sub:#748397;--rights-panel:rgba(255,255,255,.4)}
.owner-rights-card[class*="privilege-tone-"]{background:linear-gradient(135deg,var(--rights-a),var(--rights-b))!important;color:var(--rights-text)!important}
.owner-rights-card[class*="privilege-tone-"] .rights-card-heading h2,.owner-rights-card[class*="privilege-tone-"] .coin-stats b{color:var(--rights-text)!important}
.owner-rights-card[class*="privilege-tone-"] .rights-card-heading small,.owner-rights-card[class*="privilege-tone-"] .rights-card-grid span,.owner-rights-card[class*="privilege-tone-"] .rights-card-grid small,.owner-rights-card[class*="privilege-tone-"] .coin-stats{color:var(--rights-sub)!important}
.owner-rights-card[class*="privilege-tone-"] .rights-card-grid>div{border-color:rgba(255,255,255,.25)!important;background:var(--rights-panel)!important}
.owner-rights-card[class*="privilege-tone-"] .coin-balance strong{color:var(--rights-text)!important}
.owner-rights-card[class*="privilege-tone-"] .privilege-summary strong{color:var(--card-accent,#e2aa20)!important}
.owner-rights-card[class*="privilege-tone-"] .coin-stats{border-top-color:rgba(255,255,255,.19)!important}
.owner-rights-card[class*="privilege-tone-"]::after{background:radial-gradient(circle,color-mix(in srgb,var(--card-accent,#409cff) 34%,transparent),transparent 68%)}
.owner-rights-card.privilege-tone-black .privilege-summary strong,.owner-rights-card.privilege-tone-black .coin-balance strong{color:#f4d78f!important}.owner-rights-card.privilege-tone-black .privilege-benefits span{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#d7dbe2}

/* Personal backpack */
.backpack-page{display:grid;gap:15px;max-width:720px!important;margin:0 auto;padding-bottom:110px}.backpack-count{padding:6px 9px;border-radius:999px;background:rgba(37,132,247,.09);color:#2584f7;font-size:9px;font-weight:750}.inventory-symbols{position:absolute;width:0;height:0;overflow:hidden}.backpack-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inventory-stat{display:flex;align-items:center;gap:11px;padding:13px!important;overflow:hidden}.inventory-stat>span{width:41px;height:41px;display:grid;place-items:center;flex:0 0 41px;border-radius:13px}.inventory-stat.coin>span{background:linear-gradient(145deg,#fff3ca,#ffe18a);color:#ba7800}.inventory-stat.coupon>span{background:linear-gradient(145deg,#e8efff,#d8e2ff);color:#5e6fe1}.inventory-stat svg,.inventory-item-icon svg,.inventory-empty>svg,.coupon-cut svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.inventory-stat small,.inventory-stat strong,.inventory-stat p{display:block;margin:0}.inventory-stat small{color:#7c8799;font-size:8px}.inventory-stat strong{margin-top:2px;font-size:17px}.inventory-stat p{margin-top:3px;color:#8b94a3;font-size:7px}.backpack-tabs{position:sticky;top:8px;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;border:1px solid rgba(255,255,255,.76);border-radius:17px;background:rgba(244,249,255,.78);backdrop-filter:blur(20px);box-shadow:0 9px 24px rgba(51,83,124,.09)}.backpack-tabs a{padding:9px 5px;border-radius:12px;background:rgba(255,255,255,.68);color:#4b5a6f;font-size:9px;font-weight:750;text-align:center;text-decoration:none}.inventory-section{display:grid;gap:9px;scroll-margin-top:78px}.inventory-section>header{display:flex;align-items:end;justify-content:space-between;padding:0 4px}.inventory-section>header small{color:#087dff;font-size:8px;font-weight:850;letter-spacing:.13em}.inventory-section>header h2{margin:2px 0 0;font-size:17px}.inventory-section>header>span{color:#7d8899;font-size:9px}.inventory-grid,.coupon-inventory-list{display:grid;gap:8px}.inventory-item{position:relative;display:grid;grid-template-columns:49px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px!important}.inventory-item-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#edf5ff,#e2edff);color:#397fe8}.inventory-item>div:nth-child(2){min-width:0}.inventory-item small,.inventory-item h3,.inventory-item p{display:block;margin:0}.inventory-item small{color:#8892a2;font-size:7px}.inventory-item h3{margin-top:2px;font-size:13px}.inventory-item p{margin-top:3px;overflow:hidden;color:#7c8798;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.inventory-state{padding:5px 8px;border-radius:999px;background:#edf1f6;color:#718095;font-size:8px;font-weight:750;white-space:nowrap}.inventory-state.equipped{background:#e3f7eb;color:#16894a}.inventory-item form{margin:0}.inventory-item form button{padding:7px 9px;border:0;border-radius:10px;background:#eaf3ff;color:#087dff;font-size:8px;font-weight:750}.frame-item .inventory-item-icon{background:linear-gradient(145deg,#f7f4ff,#e9f3ff)}.privilege-inventory{overflow:hidden}.privilege-inventory.privilege-tone-bronze{background:linear-gradient(135deg,#fffaf4,#f0d6bd)!important}.privilege-inventory.privilege-tone-silver{background:linear-gradient(135deg,#fbfcff,#dbe2ea)!important}.privilege-inventory.privilege-tone-gold{background:linear-gradient(135deg,#fffdf2,#f5dda0)!important}.privilege-inventory.privilege-tone-diamond{background:linear-gradient(135deg,#f5fbff,#caeafa)!important}.privilege-inventory.privilege-tone-black{background:linear-gradient(135deg,#35383f,#111318)!important;color:#f7f8fa}.privilege-inventory.privilege-tone-black small,.privilege-inventory.privilege-tone-black p{color:#bfc5d0}.inventory-empty{display:grid;place-items:center;min-height:145px;text-align:center}.inventory-empty>svg{width:32px;height:32px;color:#a4afbe}.inventory-empty h3{margin:8px 0 0;font-size:13px}.inventory-empty p{margin:4px 0;color:#7e899a;font-size:9px}.inventory-empty a{margin-top:9px;padding:7px 11px;border-radius:10px;background:#eaf3ff;color:#087dff;font-size:8px;font-weight:750;text-decoration:none}.coupon-inventory{position:relative;display:grid;grid-template-columns:44px 80px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px!important;overflow:hidden}.coupon-inventory:before,.coupon-inventory:after{content:'';position:absolute;left:127px;width:12px;height:12px;border-radius:50%;background:#eef4fa}.coupon-inventory:before{top:-6px}.coupon-inventory:after{bottom:-6px}.coupon-cut{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#e7ecff,#dce4ff);color:#6777dc}.coupon-value{padding-right:10px;border-right:1px dashed rgba(97,113,153,.2)}.coupon-value strong,.coupon-value span{display:block}.coupon-value strong{color:#5f6fdf;font-size:16px}.coupon-value span{margin-top:2px;color:#8791a1;font-size:7px}.coupon-copy{min-width:0}.coupon-copy h3,.coupon-copy p{margin:0}.coupon-copy h3{font-size:11px}.coupon-copy p{margin-top:4px;overflow:hidden;color:#7d8899;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.coupon-inventory.used,.coupon-inventory.expired{opacity:.58;filter:saturate(.55)}
@media(max-width:520px){.backpack-overview{grid-template-columns:1fr 1fr}.inventory-stat{padding:11px!important}.inventory-stat>span{width:36px;height:36px;flex-basis:36px}.inventory-stat strong{font-size:14px}.coupon-inventory{grid-template-columns:38px 68px minmax(0,1fr)}.coupon-inventory>.inventory-state{grid-column:3;justify-self:start}.coupon-inventory:before,.coupon-inventory:after{left:111px}.coupon-cut{width:38px;height:38px}.coupon-value strong{font-size:13px}}
.privilege-shop-link{padding:4px 8px;border-radius:999px;background:rgba(36,107,253,.08);color:#246bfd;font-size:9px;font-weight:750;text-decoration:none}

/* Requested compact personal cards: roughly one third less vertical space. */
.mobile-card.owner-rights-card{padding:8px 10px!important}.rights-card-heading h2{font-size:13px}.rights-card-grid{gap:6px;margin-top:5px}.rights-card-grid>div{padding:6px 8px;border-radius:11px}.rights-card-grid strong{font-size:16px}.rights-card-grid small{font-size:7px}.privilege-benefits{margin-top:5px}.coin-stats{margin-top:5px;padding-top:5px}
.companion-earnings-card .earnings-filters{gap:5px;padding:9px 10px 0}.companion-earnings-card .earnings-filters>a,.companion-earnings-card .earnings-range>summary{min-height:31px;padding:5px 10px;font-size:10px}.companion-earnings-card .earnings-total{padding:13px 10px 11px}.companion-earnings-card .earnings-total strong{font-size:27px}.companion-earnings-card .earnings-total span{font-size:14px}.companion-earnings-card .earnings-metrics>div{padding:11px 5px}.companion-earnings-card .earnings-metrics strong{font-size:14px}.companion-earnings-card .earnings-metrics span{margin-top:4px;font-size:9px}.companion-earnings-card .settled-salary{margin:8px;padding:10px 12px;border-radius:13px}.companion-earnings-card .settled-salary>strong{font-size:18px}.companion-earnings-card .settled-salary>span{font-size:12px}.companion-earnings-card .settled-salary>small{font-size:8px}
.companion-earnings-card .earnings-extra-metrics>div{padding:10px 5px}.companion-earnings-card .earnings-extra-metrics strong{font-size:13px}.companion-earnings-card .earnings-extra-metrics span{font-size:9px}.companion-earnings-card .earnings-expand-button{height:30px}
.member-discount-chip{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:999px;background:#fff0cf;color:#9a6811;font-size:8px;vertical-align:2px}.commerce-option-grid del{color:#9aa1ab;font-size:9px}

/* Desktop shop administration. */
.shop-admin-section{margin-bottom:16px}.shop-admin-form{display:grid;gap:14px;margin-top:14px}.shop-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-admin-product{padding:14px;border:1px solid var(--color-border);border-radius:17px;background:#f9fafc}.shop-admin-product>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.shop-admin-product>header>strong{padding:6px 9px;border-radius:9px;background:linear-gradient(135deg,var(--member-a,#748094),var(--member-b,#adb5c0));color:var(--member-text,#fff);font-size:10px;letter-spacing:.1em}.shop-admin-product>header label{display:flex;align-items:center;gap:5px;font-size:11px}.shop-admin-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.shop-admin-fields label{display:grid;gap:5px;color:var(--color-text-secondary);font-size:10px;font-weight:650}.shop-admin-fields label.wide{grid-column:1/-1}.shop-admin-fields input{min-width:0;min-height:40px;padding:0 10px;border:1px solid var(--color-border);background:#fff}.shop-save-all{justify-self:end}.frame-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-frame-preview{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eaf2fb;color:#246bfd;font-size:11px;font-weight:850}
@media(max-width:980px){.shop-admin-grid,.frame-admin-grid{grid-template-columns:1fr}.shop-admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:640px){.privilege-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-frame-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}