[data-lobby-view="store"] .lobby-panel-card{width:min(1100px,96vw);max-height:90dvh;background:linear-gradient(145deg,#092e55,#06172f 65%);border-color:#3f7aa9}
[data-lobby-view="store"] .lobby-panel-body{padding:22px}
.commerce-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.commerce-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#5cd8ff}.commerce-heading h3{margin:7px 0 16px;font:700 27px/1.2 system-ui;color:#fff}.commerce-wallet{display:flex;gap:14px;white-space:nowrap;font-size:15px;font-weight:800}.commerce-points{color:#ffd258}.commerce-gems{color:#d7a0ff}
.commerce-tabs{display:flex;gap:5px;border-bottom:1px solid #36516d;padding-bottom:9px}.commerce-tabs button{flex:1;background:transparent;border:0;color:#a9c6df;padding:12px 8px;border-radius:9px;font:700 14px system-ui;cursor:pointer}.commerce-tabs [aria-current="page"]{background:#ffd04a;color:#082142;box-shadow:0 4px 18px #ffbd2522}
#commerce-status{font-size:13px;color:#d4eaff;margin:2px 0;min-height:18px}#commerce-status.error{color:#ffb7b7}#commerce-content{min-height:240px;color:#fff}#commerce-content button,.commerce-dialog button{font-family:inherit;cursor:pointer}#commerce-content button:disabled,.commerce-dialog button:disabled{cursor:default;opacity:.55}.commerce-tabs button:focus-visible,#commerce-content button:focus-visible,.commerce-dialog button:focus-visible{outline:3px solid #69ddff;outline-offset:3px}
.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.commerce-card{border:1px solid #335373;border-radius:16px;overflow:hidden;background:#0c2645;display:flex;flex-direction:column}.commerce-art{height:164px;background:radial-gradient(ellipse at 50% 90%,#13648a,#0a1c38 75%);position:relative;display:grid;place-items:center}.commerce-art img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}.commerce-tag{position:absolute;top:10px;left:10px;background:#031529dd;padding:5px 9px;border:1px solid #4981a8;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.commerce-card-body{padding:15px;flex:1;display:flex;flex-direction:column;gap:10px}.commerce-card h4{font-size:17px;margin:0;overflow-wrap:anywhere}.commerce-card p{color:#a5c2dc;font-size:12px;margin:0;line-height:1.5}.commerce-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.commerce-button{background:#ffd14e;color:#092449;border:1px solid #ffde7b;border-radius:8px;padding:10px 13px;font-size:13px;font-weight:800;min-height:40px}.commerce-button.secondary{background:#133859;color:#d8ecff;border-color:#47799d}.commerce-button.gem{background:#69349b;color:#f9edff;border-color:#be7ceb}.commerce-actions .commerce-button{flex:1;white-space:nowrap}.commerce-owned{color:#74e4bf;font-size:12px;font-weight:700}.commerce-empty{text-align:center;padding:48px 20px;border:1px dashed #3f6587;border-radius:16px;background:#0a2440}.commerce-empty b{font-size:23px;display:block;margin-bottom:10px}.commerce-empty p{color:#abc7de;font-size:14px;line-height:1.6;margin:0 auto 20px;max-width:430px}.commerce-subnav{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}.commerce-subnav p{flex:1;text-align:right;color:#a7bfd6;font-size:12px}.commerce-subnav button[aria-pressed="true"]{background:#245b83;border-color:#68c6f2}.commerce-mission{padding:19px}.commerce-mission .mission-icon{font-size:25px;margin-bottom:3px}.commerce-progress{height:7px;background:#04152c;border-radius:6px;overflow:hidden;margin-top:7px}.commerce-progress span{height:100%;display:block;background:linear-gradient(90deg,#1f95ca,#59e4dc);border-radius:6px}.commerce-mission .mission-count{display:flex;justify-content:space-between;color:#a7c5dd;font-size:12px}.commerce-reward-value{font-weight:800;font-size:17px;color:#ffda70}.commerce-note{color:#a8c4db;font-size:12px;line-height:1.7;margin:18px 0}.commerce-default{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #375a79;border-radius:12px;padding:14px 16px;margin-bottom:18px}.commerce-default p{margin:4px 0;color:#aac5dc;font-size:12px}.commerce-default .commerce-actions{margin:0}
.commerce-boxes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.commerce-box{position:relative;overflow:hidden;border:1px solid #8e783a;border-radius:18px;padding:23px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#775a2545,transparent 64%),#0b2744}.commerce-box.weekly{border-color:#76549d;background:radial-gradient(ellipse at 50% 35%,#965dfd48,transparent 64%),#0b2242}.commerce-box h4{font-size:21px;margin:4px 0 0}.commerce-box .box-kicker{font-size:10px;letter-spacing:.16em;color:#ffe096;font-weight:800}.commerce-box.weekly .box-kicker{color:#d6b6ff}.commerce-box p{font-size:12px;color:#bed4e7;line-height:1.6}.commerce-box .commerce-button{width:100%;margin-top:10px}.treasure-art{--metal:#fbd15d;--wood:#704127;width:140px;height:100px;margin:36px auto 22px;position:relative;filter:drop-shadow(0 10px 18px #0008)}.weekly .treasure-art{--metal:#d0a0ff;--wood:#472967}.treasure-art:before{content:"";position:absolute;inset:-30px -30px;background:radial-gradient(#ffdc6155,transparent 65%);z-index:-1}.treasure-art .chest-base{position:absolute;inset:37px 0 0;border:6px solid var(--metal);border-radius:4px 4px 15px 15px;background:repeating-linear-gradient(0deg,transparent 0 17px,#0004 18px 20px),var(--wood);box-shadow:inset 0 5px 8px #0008}.treasure-art .chest-lid{position:absolute;inset:0 0 55px;border:6px solid var(--metal);border-radius:40px 40px 4px 4px;background:linear-gradient(100deg,#fff3,transparent),var(--wood);transform-origin:50% 100%}.treasure-art .chest-lock{position:absolute;top:31px;left:56px;width:28px;height:31px;display:grid;place-items:center;border-radius:4px;color:#503616;background:var(--metal);font-size:20px;font-weight:900;box-shadow:0 3px 7px #0005}.treasure-art .chest-spark{position:absolute;top:-20px;right:-16px;font-size:26px;color:var(--metal)}.treasure-art.opened .chest-lid{transform:translateY(-13px) rotate(-8deg)}.treasure-art.opened .chest-lock{opacity:0}.treasure-art.opening{animation:chest-shake .55s ease-in-out infinite}.commerce-odds{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;border:1px solid #3a5b7a;padding:13px;border-radius:10px;margin-top:16px;font-size:12px;color:#bad5e8}.commerce-odds b{color:#fff}.commerce-dialog{box-sizing:border-box;width:min(420px,92vw);background:linear-gradient(145deg,#153958,#071a35);color:#fff;border:1px solid #548ab5;border-radius:20px;padding:30px;text-align:center;max-height:88dvh;overflow:auto;box-shadow:0 25px 90px #0009}.commerce-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.commerce-dialog h3{font-size:25px;margin:15px 0 8px}.commerce-dialog p{color:#bbd2e4;font-size:14px;line-height:1.6}.commerce-dialog img{width:160px;height:140px;object-fit:contain}.commerce-close{position:absolute;top:8px;right:10px;border:0;background:transparent;color:#d3e4f3;font-size:26px;width:35px;height:35px}.commerce-dialog .reward-symbol{font-size:65px;color:#ffd457}.commerce-dialog .reward-symbol.gems{color:#d6a3ff}.commerce-dialog .commerce-actions{justify-content:center;margin-top:20px}#commerce-themes{margin-top:22px;color:#accbe3;font-size:13px}#commerce-themes summary{cursor:pointer;padding:12px 0;border-top:1px solid #304e6d}#commerce-themes button{margin-top:6px}
@keyframes chest-shake{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-4px)}}
@media(max-width:760px){.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-heading{align-items:flex-start;flex-direction:column;gap:0}.commerce-heading h3{font-size:23px;margin-bottom:12px}.commerce-wallet{margin-bottom:15px}.commerce-default{align-items:flex-start;flex-direction:column}.commerce-box{padding:16px}.commerce-tabs button{font-size:12px;padding:12px 4px}.commerce-subnav p{flex-basis:100%;text-align:left;margin:3px 0}}
@media(max-width:470px){[data-lobby-view="store"] .lobby-panel-body{padding:14px}.commerce-grid,.commerce-boxes{grid-template-columns:1fr}.commerce-art{height:190px}.commerce-heading h3{font-size:22px}.commerce-dialog{padding:25px}.commerce-odds{gap:9px}}
@media(prefers-reduced-motion:reduce){.treasure-art.opening{animation:none}}

/* Reference store: stadium backdrop, gold navigation and portrait product cards. */
.club-icon-definitions{position:absolute;overflow:hidden;pointer-events:none}
.club-icon{display:inline-block;width:28px;height:28px;flex:0 0 auto;vertical-align:middle}
.commerce-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-lobby-view="store"] .lobby-panel{padding:clamp(12px,1.8vw,28px);background:#000d17c9;backdrop-filter:blur(9px)}
[data-lobby-view="store"] .lobby-panel-card{
 --store-cyan:#44dfff;--store-gold:#ffd33f;--store-muted:#accbe6;
 width:min(1440px,100%);max-height:calc(100dvh - clamp(24px,3.6vw,56px));
 position:relative;isolation:isolate;border:1.5px solid #159be0;border-radius:25px;
 background:#031b35 url('store-stadium-v1.png') center top/cover no-repeat;
 box-shadow:0 24px 90px #000a,inset 0 0 45px #004c7633;
 font-family:'Manrope',Arial,sans-serif;color:#f0f8ff;
}
[data-lobby-view="store"] .lobby-panel-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#00244369,#011c374d 60%,#00122770);pointer-events:none}
[data-lobby-view="store"] .lobby-panel-head{padding:16px 20px;min-height:75px;border-bottom:1px solid #1376a878;background:#05264d33;gap:16px}
[data-lobby-view="store"] .lobby-panel-head h2{font-family:'Bebas Neue',Impact,sans-serif;font-size:30px;letter-spacing:.075em;color:var(--store-gold)}
[data-lobby-view="store"] .lobby-panel-close{width:42px;height:42px;border-radius:11px;background:#00162eda;border:1.5px solid #11bfff;color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;box-shadow:0 3px 8px #0004}
[data-lobby-view="store"] .lobby-panel-close:hover{background:#104b73}
[data-lobby-view="store"] .lobby-panel-body{padding:27px 28px 28px;scrollbar-color:#24658a #03182e;scrollbar-width:thin;overscroll-behavior:contain}
[data-lobby-pane="store"]{gap:0}
.commerce-heading{min-height:102px;align-items:flex-start;gap:24px}
.commerce-eyebrow{font-size:clamp(11px,1.1vw,16px);letter-spacing:.28em;color:#49dfff;font-weight:800;line-height:1.5}
.commerce-heading h3{font:800 clamp(27px,3.25vw,48px)/1.2 'Manrope',Arial,sans-serif;letter-spacing:-.025em;color:#eaf7ff;margin:5px 0 24px;text-shadow:0 3px 8px #0004}
.commerce-wallet{display:flex;align-items:center;gap:18px;font:800 clamp(14px,1.4vw,21px)/1.3 'Manrope',Arial,sans-serif;margin:18px 0 0;white-space:nowrap;flex-shrink:0}
.commerce-wallet .commerce-points,.commerce-wallet .commerce-gems{display:inline-flex;align-items:center;gap:12px}
.commerce-points{color:#ffd33f}.commerce-gems{color:#cb84ff}
.commerce-wallet .club-icon{width:35px;height:35px;filter:drop-shadow(0 2px 7px #0006)}
.commerce-wallet .club-icon-gem{width:29px;height:36px;filter:drop-shadow(0 0 7px #a957ff50)}
.commerce-wallet-divider{width:1px;height:31px;background:#30709996}
.commerce-tabs{border:1.5px solid #1b678d99;border-radius:16px;padding:5px;gap:0;background:linear-gradient(110deg,#092a4680,#071e3599);box-shadow:inset 0 1px 1px #8bbde31a;min-height:76px}
.commerce-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.2vw,32px);padding:14px 10px;border-radius:12px;font:800 clamp(13px,1.38vw,20px)/1.3 'Manrope',Arial,sans-serif;color:#aecde8;min-width:0;transition:background .18s,color .18s,box-shadow .18s}
.commerce-tabs button svg{width:31px;height:31px;fill:currentColor;flex-shrink:0;filter:drop-shadow(0 2px 2px #0004)}
.commerce-tabs button+button:before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:1px;background:#24658466}
.commerce-tabs button[aria-current="page"]{color:#042343;background:linear-gradient(150deg,#ffe573,#ffcf35 64%,#ffd954);border:1px solid #fff08b;box-shadow:0 0 0 5px #fbe17819,0 0 24px #ffd13955,inset 0 2px 1px #ffffb077}
.commerce-tabs button[aria-current="page"]:before,.commerce-tabs button[aria-current="page"]+button:before{opacity:0}
.commerce-tabs button:not([aria-current]):hover{background:#23567b55;color:#e6f4ff}
#commerce-status{margin:14px 0 0;min-height:0;line-height:1.5;color:#bddeef}#commerce-status:empty{display:none}
#commerce-content{min-height:0}.commerce-shop-intro{font-size:clamp(12px,1.19vw,17px);color:#b6d2e9;line-height:1.6;margin:24px 0 30px}
.commerce-feature-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 24px}
.commerce-feature-title{display:flex;align-items:flex-start;gap:20px;min-width:0}.commerce-feature-title>.club-icon{width:31px;height:31px;margin-top:3px;filter:drop-shadow(0 2px 4px #0006)}
.commerce-feature-title h4{font-size:clamp(23px,2.1vw,30px);line-height:1.25;font-weight:800;margin:0;color:#f8fbff;letter-spacing:-.025em}
.commerce-feature-title p{margin:4px 0 0;color:#accde9;font-size:clamp(10px,.96vw,14px);font-weight:700;letter-spacing:.19em;line-height:1.5}
.commerce-view-all{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;background:transparent;color:#45dfff;border:0;font:700 clamp(12px,1.15vw,17px)/1.4 'Manrope',Arial,sans-serif;padding:3px 0;margin:0 0 2px;min-height:32px}
.commerce-view-all .club-icon{width:22px;height:22px}.commerce-view-all:hover{color:#a1f1ff}
.commerce-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.commerce-product{position:relative;min-width:0;border:1.5px solid #237da9;border-top-color:#6aa7c7;border-radius:17px;background:linear-gradient(145deg,#0b2c459e,#001329ef);box-shadow:0 9px 20px #0004;transition:border-color .18s,box-shadow .18s}
.commerce-product.featured{border-color:#f8d345;box-shadow:0 0 18px #ffd23228,inset 0 0 28px #e4ca3110}
.commerce-product:hover{border-color:#5acef9;box-shadow:0 10px 25px #0007}.commerce-product.featured:hover{border-color:#ffef90;box-shadow:0 0 23px #ffe04738}
.commerce-product .commerce-art{width:100%;height:auto;aspect-ratio:.86;isolation:isolate;background:radial-gradient(ellipse at 50% 10%,#b5c9d529,transparent 65%),#071b31;border-radius:15px 15px 12px 12px;overflow:hidden}
.commerce-product .commerce-art:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 25px #02142222;z-index:1;border-radius:inherit}
.commerce-product .commerce-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;padding:0;z-index:0}
.commerce-art-fallback{display:grid;place-items:center;width:100%;height:100%;color:#88bfdf;background:radial-gradient(ellipse,#24527a,#091e35)}
.commerce-art-fallback .club-icon{width:70px;height:70px}
.commerce-art [hidden]{display:none!important}
.commerce-product .commerce-tag{top:13px;left:13px;z-index:2;background:#021526ed;border:1.5px solid #49dfff;box-shadow:0 0 8px #3cdbf42b,inset 0 0 5px #16475b;color:#b4f3ff;padding:7px 15px;font-size:13px;line-height:1.15;letter-spacing:.065em;font-weight:800;border-radius:10px}
.commerce-product.featured .commerce-tag{border-color:#ffda4e;color:#ffe36f;box-shadow:0 0 9px #fede573b}
.commerce-product.character .commerce-tag{border-color:#cf7cff;color:#e9baff;box-shadow:0 0 9px #b768f333}
.commerce-product .commerce-card-body{padding:15px 20px 20px;gap:6px;background:linear-gradient(140deg,#14314638,#00142618)}
.commerce-product h4{font:800 clamp(15px,1.46vw,21px)/1.3 'Manrope',Arial,sans-serif;letter-spacing:-.02em;color:#f5f7ff;margin:0;overflow-wrap:anywhere}
.commerce-product p{color:#afcbe3;font-size:clamp(12px,1.1vw,16px);line-height:1.45;margin:0 0 8px;overflow-wrap:anywhere}
.commerce-product .commerce-actions{padding-top:2px;gap:8px;align-items:center}
.commerce-product .commerce-purchase{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:9px 18px;min-height:54px;white-space:normal;border-radius:16px;border:1.5px solid #708382;border-bottom-color:#d4a52d;background:linear-gradient(140deg,#263c43b0,#0a1a27e8);box-shadow:inset 0 1px 0 #d2e3e537;color:#ffd640;font:800 clamp(14px,1.45vw,21px)/1.3 'Manrope',Arial,sans-serif}
.commerce-purchase .club-icon-coin{width:34px;height:34px}.commerce-purchase .club-icon-arrow{width:20px;height:20px;margin-left:auto}.commerce-product .commerce-purchase.gem{color:#d4a3ff;border-bottom-color:#a469d6}
.commerce-purchase .club-icon-gem{width:29px;height:34px}.commerce-product .commerce-purchase:hover{background:linear-gradient(135deg,#6d613666,#0d2636);border-color:#ffd85f}
.commerce-product .commerce-owned{font-size:12px;flex-basis:100%}.commerce-product .commerce-actions>.secondary{min-height:45px;border-radius:12px}
.commerce-catalog-tools[hidden]{display:none!important}.commerce-catalog-tools{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:-5px 0 24px;flex-wrap:wrap}
.commerce-filters{display:flex;gap:8px}.commerce-filters [aria-pressed="true"]{border-color:#ffd34b;background:#584c2380;color:#ffe174}
.commerce-search{flex:1;max-width:340px;min-width:190px}.commerce-search input{width:100%;padding:12px 14px;background:#021a33cc;border:1px solid #3e7e9b;border-radius:11px;color:#e5f4ff;font:500 13px 'Manrope',Arial,sans-serif;min-height:43px}.commerce-search input::placeholder{color:#99b6ce}.commerce-search input:focus-visible{outline:2px solid #5ee3ff;outline-offset:2px}
.commerce-currency-options{display:flex;gap:10px;justify-content:center}.commerce-currency-options button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px 8px}
.commerce-currency-options button[aria-pressed="true"]{color:#ffe070;border-color:#f4d150;background:#4c432b88}.commerce-currency-options button[data-checkout-currency="gems"][aria-pressed="true"]{color:#e8baff;border-color:#b87fef;background:#4c296988}
.commerce-currency-options .club-icon{width:25px;height:28px}.commerce-dialog .commerce-payment-label{margin-bottom:10px}.commerce-dialog .commerce-eyebrow{font-size:11px}
[data-commerce-view="inventory"] #commerce-content,[data-commerce-view="challenges"] #commerce-content,[data-commerce-view="treasure"] #commerce-content{margin-top:30px}
#commerce-themes{margin-top:24px}#commerce-themes summary{color:#a8c9df;font-size:12px;display:list-item;border-color:#24638a55}

@media(min-width:1000px) and (max-height:850px){
 [data-lobby-view="store"] .lobby-panel-body{padding-top:20px}
 [data-lobby-view="store"] .lobby-panel-head{min-height:58px;padding:9px 20px}
 .commerce-heading{min-height:74px}.commerce-heading h3{font-size:36px;margin-bottom:14px}
 .commerce-tabs{min-height:58px}.commerce-tabs button{padding:9px}.commerce-tabs button svg{width:26px;height:26px}
 .commerce-shop-intro{margin:16px 0 18px}.commerce-feature-heading{margin-bottom:16px}.commerce-feature-title h4{font-size:27px}.commerce-feature-title p{font-size:12px}
 .commerce-product .commerce-art{aspect-ratio:1.4}.commerce-product .commerce-card-body{padding:12px 15px 15px}
 .commerce-product .commerce-art img{object-position:center top}
}
@media(max-width:1000px){
 .commerce-heading{min-height:95px;align-items:flex-start}.commerce-heading h3{font-size:30px}
 .commerce-wallet{font-size:15px;gap:12px;margin-top:12px}.commerce-wallet .club-icon{width:29px;height:29px}.commerce-wallet .commerce-points,.commerce-wallet .commerce-gems{gap:8px}
 .commerce-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.commerce-product .commerce-art{aspect-ratio:1}
 .commerce-product h4{font-size:20px}.commerce-product p{font-size:15px}.commerce-product .commerce-purchase{font-size:18px}
 .commerce-tabs{min-height:66px}.commerce-tabs button{gap:12px;font-size:14px}.commerce-tabs button svg{width:25px;height:25px}
}
@media(max-width:760px){
 [data-lobby-view="store"] .lobby-panel-card{border-radius:19px}.commerce-heading{flex-direction:column;gap:0;min-height:0}
 .commerce-heading h3{margin:4px 0 12px;font-size:clamp(26px,4.8vw,34px)}.commerce-eyebrow{font-size:11px}
 .commerce-wallet{margin:0 0 20px;gap:14px;font-size:15px}.commerce-wallet-divider{height:23px}
 .commerce-tabs{min-height:73px;border-radius:13px;padding:4px}.commerce-tabs button{flex-direction:column;gap:7px;font-size:12px;padding:8px 3px;border-radius:10px}.commerce-tabs button svg{width:24px;height:24px}
 .commerce-feature-heading{align-items:center;gap:12px;margin-bottom:18px}.commerce-feature-title{gap:10px}.commerce-feature-title>.club-icon{width:25px;height:25px}.commerce-feature-title h4{font-size:23px}.commerce-feature-title p{font-size:9px;letter-spacing:.12em;max-width:240px}
 .commerce-view-all{gap:3px;font-size:12px}.commerce-view-all .club-icon{width:16px;height:16px}.commerce-shop-intro{font-size:13px;margin:19px 0 23px}
 /* Mobile shop: 6 featured items in one line */
 [data-commerce-view="shop"] .commerce-products,
 [data-commerce-view="shop"] .commerce-grid.commerce-products{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
  align-items:stretch;
 }
 [data-commerce-view="shop"] .commerce-product{border-radius:10px;border-width:1px}
 [data-commerce-view="shop"] .commerce-product.featured{
  box-shadow:0 0 0 1px #f8d34566,0 4px 10px #0005;
 }
 [data-commerce-view="shop"] .commerce-product .commerce-art{
  aspect-ratio:unset;height:88px;max-height:88px;border-radius:9px 9px 6px 6px;
 }
 [data-commerce-view="shop"] .commerce-product .commerce-card-body{padding:6px 5px 8px;gap:3px}
 [data-commerce-view="shop"] .commerce-product h4{
  font-size:9px;line-height:1.2;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
 }
 [data-commerce-view="shop"] .commerce-product p{display:none}
 [data-commerce-view="shop"] .commerce-product .commerce-actions{gap:4px;padding-top:0}
 [data-commerce-view="shop"] .commerce-product .commerce-purchase{
  padding:5px 4px;min-height:28px;font-size:8px;gap:3px;border-radius:8px;
  justify-content:center;
 }
 [data-commerce-view="shop"] .commerce-purchase .club-icon-coin,
 [data-commerce-view="shop"] .commerce-purchase .club-icon-gem{width:12px;height:12px}
 [data-commerce-view="shop"] .commerce-purchase .club-icon-arrow{display:none}
 [data-commerce-view="shop"] .commerce-product .commerce-tag{
  padding:2px 4px;top:4px;left:4px;font-size:7px;border-radius:4px;letter-spacing:.04em;
 }
 [data-commerce-view="shop"] .commerce-product .commerce-owned{font-size:8px}
 [data-commerce-view="shop"] .commerce-product .commerce-actions>.secondary{min-height:26px;padding:4px 3px;font-size:8px;border-radius:7px}
 [data-commerce-view="inventory"] .commerce-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .commerce-default{margin-bottom:20px}
 .commerce-catalog-tools{gap:12px}.commerce-search{max-width:none;min-width:100%;flex-basis:100%}.commerce-filters{width:100%}.commerce-filters button{flex:1;font-size:12px;padding:8px}
 .commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-heading{align-items:flex-start;flex-direction:column;gap:0}.commerce-wallet{margin-bottom:15px}.commerce-default{align-items:flex-start;flex-direction:column}.commerce-box{padding:16px}.commerce-subnav p{flex-basis:100%;text-align:left;margin:3px 0}
}
@media(max-width:470px){
 [data-lobby-view="store"] .lobby-panel{padding:9px}[data-lobby-view="store"] .lobby-panel-card{max-height:calc(100dvh - 18px)}
 [data-lobby-view="store"] .lobby-panel-head{min-height:59px;padding:11px 16px}[data-lobby-view="store"] .lobby-panel-head h2{font-size:25px}[data-lobby-view="store"] .lobby-panel-close{width:34px;height:34px;font-size:22px;border-radius:9px}
 [data-lobby-view="store"] .lobby-panel-body{padding:14px 10px 16px}.commerce-heading h3{font-size:24px;max-width:300px}.commerce-wallet{font-size:13px;gap:10px}
 .commerce-boxes{grid-template-columns:1fr}.commerce-art{height:auto}
 .commerce-products,
 .commerce-grid.commerce-products{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:4px;
 }
 [data-commerce-view="shop"] .commerce-products,
 [data-commerce-view="shop"] .commerce-grid.commerce-products{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:4px;
 }
 [data-commerce-view="shop"] .commerce-product .commerce-art{aspect-ratio:unset;height:78px;max-height:78px}
 [data-commerce-view="shop"] .commerce-product .commerce-card-body{padding:4px 3px 6px}
 [data-commerce-view="shop"] .commerce-product h4{font-size:8px}
 [data-commerce-view="shop"] .commerce-product .commerce-purchase{min-height:24px;padding:3px 2px;font-size:7px;border-radius:6px}
 [data-commerce-view="shop"] .commerce-purchase .club-icon-coin,
 [data-commerce-view="shop"] .commerce-purchase .club-icon-gem{width:10px;height:10px}
 [data-commerce-view="shop"] .commerce-product .commerce-tag{padding:1px 3px;font-size:6px;top:3px;left:3px}
 [data-commerce-view="inventory"] .commerce-products{grid-template-columns:1fr;gap:12px}
 .commerce-feature-title{gap:8px}.commerce-feature-title h4{font-size:18px}.commerce-feature-title p{max-width:160px;font-size:7px;line-height:1.5}.commerce-view-all{font-size:10px;gap:1px}.commerce-view-all .club-icon{width:12px}
 .commerce-tabs button{font-size:9px}.commerce-feature-title>.club-icon{width:20px;height:20px}
 .commerce-dialog{padding:22px}.commerce-odds{gap:9px}
}
@media(prefers-reduced-motion:reduce){.commerce-product,.commerce-tabs button{transition:none}}

/* Mobile landscape / short screens: compact store + 6 items per row */
@media (orientation:landscape) and (max-height:700px),
       (max-height:560px) and (max-width:1200px){
 [data-lobby-view="store"] .lobby-panel{padding:4px!important}
 [data-lobby-view="store"] .lobby-panel-card{
  max-height:calc(100dvh - 8px)!important;
  border-radius:12px!important;
  display:flex;flex-direction:column;overflow:hidden;
 }
 [data-lobby-view="store"] .lobby-panel-head{
  min-height:0!important;padding:4px 10px!important;gap:8px;flex-shrink:0;
 }
 [data-lobby-view="store"] .lobby-panel-head h2{font-size:16px!important;letter-spacing:.06em;margin:0}
 [data-lobby-view="store"] .lobby-panel-close{
  width:26px;height:26px;font-size:16px;border-radius:7px;
 }
 [data-lobby-view="store"] .lobby-panel-body{
  padding:6px 10px 8px!important;
  display:flex;flex-direction:column;gap:6px;
  min-height:0;flex:1;overflow:auto;
 }
 [data-lobby-pane="store"]{
  display:flex;flex-direction:column;gap:6px;min-height:0;flex:1;
 }

 /* Keep heading + tabs stacked cleanly (no overlap) */
 .commerce-heading{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  gap:8px!important;
  flex-shrink:0;
  overflow:hidden;
 }
 .commerce-heading > div:first-child{min-width:0;flex:1 1 auto}
 .commerce-eyebrow{display:none!important}
 .commerce-heading h3{
  font-size:13px!important;
  line-height:1.2!important;
  margin:0!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
 }
 .commerce-wallet{
  margin:0!important;gap:8px!important;font-size:11px!important;flex-shrink:0;
 }
 .commerce-wallet .club-icon{width:16px!important;height:16px!important}
 .commerce-wallet .club-icon-gem{width:14px!important;height:16px!important}
 .commerce-wallet-divider{height:14px}

 .commerce-tabs{
  position:relative;z-index:2;
  min-height:0!important;padding:2px!important;border-radius:9px;
  margin:0!important;flex-shrink:0;
 }
 .commerce-tabs button{
  flex-direction:row!important;gap:5px!important;
  padding:5px 4px!important;font-size:10px!important;border-radius:7px!important;
 }
 .commerce-tabs button svg{width:14px!important;height:14px!important}
 .commerce-tabs button[aria-current="page"]{box-shadow:0 0 0 2px #fbe17822,0 0 10px #ffd13944!important}
 .commerce-tabs button+button:before{top:20%;bottom:20%}

 #commerce-status{margin:0;font-size:11px}
 #commerce-content{
  min-height:0!important;flex:1;display:flex;flex-direction:column;gap:6px;overflow:auto;
 }
 [data-commerce-view="shop"] #commerce-content{overflow:visible}

 .commerce-shop-intro{display:none!important}
 .commerce-feature-heading{
  margin:0!important;gap:6px;align-items:center;flex-shrink:0;
 }
 .commerce-feature-title{gap:6px;align-items:center}
 .commerce-feature-title>.club-icon{width:14px;height:14px;margin-top:0!important}
 .commerce-feature-title h4{font-size:13px!important;line-height:1.2}
 .commerce-feature-title p{font-size:7px!important;letter-spacing:.08em;margin:0!important;max-width:none}
 .commerce-view-all{font-size:10px!important;gap:3px;min-height:0;margin:0!important;padding:0}
 .commerce-view-all .club-icon{width:12px;height:12px}

 .commerce-catalog-tools{
  margin:0!important;gap:6px!important;flex-shrink:0;
  display:flex;align-items:center;flex-wrap:nowrap;
 }
 .commerce-filters{gap:4px;flex-shrink:0}
 .commerce-filters .commerce-button,
 .commerce-filters button{
  padding:4px 8px!important;min-height:26px!important;font-size:10px!important;border-radius:8px;
 }
 .commerce-search{flex:1;min-width:120px;max-width:none}
 .commerce-search input{padding:5px 8px!important;min-height:26px!important;font-size:11px!important}

 #commerce-catalog-results{min-height:0;flex:1}

 /* Featured + All items: always 6 compact cards in one row */
 [data-commerce-view="shop"] .commerce-products,
 [data-commerce-view="shop"] .commerce-grid.commerce-products,
 [data-catalog-mode="featured"] .commerce-products,
 [data-catalog-mode="all"] .commerce-products{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:6px!important;
  align-items:stretch;
 }
 [data-commerce-view="shop"] .commerce-product{
  border-radius:8px!important;border-width:1px!important;
  min-width:0;max-height:none;
  display:flex;flex-direction:column;
  box-shadow:0 4px 10px #0005!important;
 }
 [data-commerce-view="shop"] .commerce-product.featured{
  border-color:#f8d345!important;
  box-shadow:0 0 0 1px #f8d34566,0 4px 10px #0005!important;
 }
 [data-commerce-view="shop"] .commerce-product .commerce-art{
  aspect-ratio:unset!important;
  height:72px!important;
  max-height:72px!important;
  flex:0 0 72px;
  border-radius:7px 7px 4px 4px!important;
 }
 [data-commerce-view="shop"] .commerce-product .commerce-art img{
  object-position:center top;object-fit:cover;
 }
 [data-commerce-view="shop"] .commerce-product .commerce-card-body{
  padding:4px 5px 5px!important;gap:2px!important;flex:1;
 }
 [data-commerce-view="shop"] .commerce-product h4{
  font-size:9px!important;line-height:1.15!important;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
 }
 [data-commerce-view="shop"] .commerce-product p{display:none!important}
 [data-commerce-view="shop"] .commerce-product .commerce-actions{gap:2px;padding-top:0;margin-top:auto}
 [data-commerce-view="shop"] .commerce-product .commerce-purchase{
  padding:3px 4px!important;min-height:22px!important;font-size:8px!important;
  gap:3px!important;border-radius:6px!important;justify-content:center;
 }
 [data-commerce-view="shop"] .commerce-purchase .club-icon-coin,
 [data-commerce-view="shop"] .commerce-purchase .club-icon-gem{width:10px!important;height:10px!important}
 [data-commerce-view="shop"] .commerce-purchase .club-icon-arrow{display:none!important}
 [data-commerce-view="shop"] .commerce-product .commerce-tag{
  padding:1px 4px!important;top:3px!important;left:3px!important;
  font-size:6px!important;border-radius:4px!important;border-width:1px!important;
 }
 [data-commerce-view="shop"] .commerce-product .commerce-owned{font-size:7px!important}
 [data-commerce-view="shop"] .commerce-product .commerce-actions>.secondary{
  min-height:22px!important;padding:2px 4px!important;font-size:7px!important;border-radius:6px!important;
 }

 [data-commerce-view="inventory"] .commerce-products{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;
 }
 [data-commerce-view="inventory"] .commerce-product .commerce-art{
  aspect-ratio:unset!important;height:70px!important;max-height:70px!important;
 }
 [data-commerce-view="inventory"] .commerce-product p{display:none!important}
 [data-commerce-view="inventory"] .commerce-product h4{font-size:10px!important}
 [data-commerce-view="inventory"] .commerce-product .commerce-actions>.secondary{
  min-height:24px!important;padding:3px 5px!important;font-size:9px!important;
 }

 .commerce-boxes{grid-template-columns:1fr 1fr;gap:8px}
 .commerce-box{padding:8px 10px}
 .commerce-box h4{font-size:13px}
 .treasure-art{width:72px;height:52px;margin:8px auto 6px}
 .commerce-odds{margin-top:6px;padding:6px;gap:8px;font-size:10px}
 [data-commerce-view="inventory"] #commerce-content,
 [data-commerce-view="challenges"] #commerce-content,
 [data-commerce-view="treasure"] #commerce-content{margin-top:0!important}
 .commerce-default{padding:6px 8px;margin-bottom:6px}
 #commerce-themes{display:none!important}
}