/* Castle market: supplied artwork, live text, and real interactive controls. */
.app-shell.shop-mode{background:#112344}
.shop-mode>.topbar{display:none}
.shop-mode>main{padding:0;position:relative;background:linear-gradient(#081b36a8,#08152ad9),url('/assets/shop/market.webp') center/cover no-repeat}
#shop-view{padding:14px 10px 24px;height:100%;container-type:inline-size;scroll-padding-top:84px;scrollbar-width:none;background:linear-gradient(180deg,#071d3922,transparent 240px,#09162a22)}
#shop-view::-webkit-scrollbar{display:none}
.shop-masthead{display:flex;align-items:center;gap:10px;padding:0 1px;min-height:46px}
.shop-back{display:grid;place-items:center;flex-shrink:0;width:38px;height:39px;padding:6px;border:2px solid #071a35;border-radius:11px;color:#dcf9ff;background:linear-gradient(#68b9ec,#227abd 48%,#185597);box-shadow:inset 0 2px #b5e9ff,inset 0 -3px #123668,0 3px #041028,0 0 0 1px #4779ab}
.shop-back svg{width:26px;height:26px;stroke-width:4;filter:drop-shadow(0 2px #15538b)}
.shop-wordmark{display:flex;flex-direction:column;font:400 clamp(22px,6.3cqw,31px)/.87 'Lilita One',sans-serif;letter-spacing:.1px;transform:rotate(-3deg);padding-right:3px;-webkit-text-stroke:3px #04122c;paint-order:stroke fill;text-shadow:0 3px #06132b,0 4px #06132b}
.shop-wordmark span{color:#60e5ff}.shop-wordmark strong{font-weight:400;color:#ffdb3e;margin-top:2px}
.shop-wallets{display:flex;gap:8px;flex:1;min-width:0;padding-left:6px;align-self:center}
.shop-currency{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:29px;border:2px solid #07152e;border-radius:6px;padding-left:19px;background:linear-gradient(#234574,#091b40);box-shadow:inset 0 1px #6693c6,0 2px #051127}
.shop-currency>svg{position:absolute;width:30px;height:34px;top:-5px;left:-11px;filter:drop-shadow(0 2px #3c2510)}
.shop-currency>span{flex:1;min-width:0;text-align:center;color:#fff;font:400 clamp(13px,4cqw,20px)/1 'Lilita One',sans-serif;text-shadow:0 2px #06132b;overflow:hidden;text-overflow:ellipsis}
.shop-currency>button{flex-shrink:0;align-self:stretch;width:21px;padding:0 0 3px;margin:-1px;border:1px solid #15517c;border-radius:5px;color:#efffff;background:linear-gradient(#51caff,#0e93db 50%,#0869b7);box-shadow:inset 0 1px #c4f5ff,inset 0 -2px #064b8b;font:900 27px/.6 Arial,sans-serif;text-shadow:0 2px #175699;position:relative}
.shop-currency>button:after{content:'';position:absolute;inset:-8px -3px}
.shop-gem-currency>svg{width:29px;height:32px;left:-9px;top:-4px;filter:drop-shadow(0 2px #3a125d)}
.shop-gem-currency>button{border-color:#206413;background:linear-gradient(#a3ff68,#43cf28 50%,#249814);box-shadow:inset 0 1px #ddffc1,inset 0 -2px #165b11;text-shadow:0 2px #277316}
#shop-view #trail-shop{padding:0;border:0;background:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:12px}
.shop-panel{position:relative;border:2px solid #50a8e0;border-radius:15px;padding:7px;background:linear-gradient(120deg,#143d6eea,#0b2251ed 50%,#102b57f5);box-shadow:0 0 0 2px #082342,inset 0 0 0 2px #1a5c96,inset 0 2px #9ae5ff66,0 5px 6px #050c2099;isolation:isolate;overflow:visible}
.shop-panel:before{content:'';position:absolute;inset:3px;border-radius:11px;border:1px solid #21618e;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 0,#6654e929,transparent 65%)}
.gem-shop-heading{position:relative;display:flex;align-items:center;gap:7px;min-height:62px;padding:0 3px 7px;isolation:isolate}
.gem-shop-heading>svg{width:35px;height:41px;flex-shrink:0;filter:drop-shadow(0 3px #281341)}
.gem-shop-heading>div{align-self:center;z-index:1;width:67%;padding-bottom:1px}
.shop-panel h2{font:400 clamp(21px,6.1cqw,29px)/1 'Lilita One',sans-serif;letter-spacing:.15px;color:#fff2b5;-webkit-text-stroke:2px #111a35;paint-order:stroke fill;text-shadow:0 2px #604025,0 3px #06142c;margin:0}
.gem-shop-heading h2{color:#fff4ff;text-shadow:0 2px #77358c,0 3px #271139}
.shop-section-heading p{font-size:clamp(8px,2.25cqw,11px);line-height:1.35;margin:5px 0 0;color:#a8ceff;font-weight:700;text-shadow:0 1px #0c1a3e}
.gem-banner{position:absolute;right:-4px;top:-16px;width:43%;height:88px;object-fit:contain;object-position:right center;z-index:-1;filter:drop-shadow(0 0 9px #b640ec55);pointer-events:none}
.gem-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.gem-pack{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:6px 5px 5px;border:1.5px solid #70b5e5;border-radius:9px;background:radial-gradient(ellipse at 50% 63%,#9d39e077,transparent 56%),linear-gradient(145deg,#234b82,#132456 80%);box-shadow:inset 0 0 0 2px #2f6497,0 3px #061c35;isolation:isolate}
.gem-pack:before{content:'';position:absolute;inset:2px;border-radius:6px;z-index:-1;opacity:.2;background:conic-gradient(from 30deg at 50% 75%,transparent 0deg 30deg,#bd70f8 30deg 50deg,transparent 50deg 95deg,#bd70f8 95deg 110deg,transparent 110deg 190deg,#bd70f8 190deg 210deg,transparent 210deg 280deg,#bd70f8 280deg 300deg,transparent 300deg)}
.gem-pack h3{margin:0;text-align:center;font:400 clamp(23px,6.7cqw,33px)/.95 'Lilita One',sans-serif;color:#fff4ff;-webkit-text-stroke:2px #57155c;paint-order:stroke fill;text-shadow:0 2px #4c164e}
.gem-pack h3 small{display:block;font-size:clamp(9px,2.7cqw,13px);margin-top:3px;letter-spacing:.3px}
.gem-pack-art{height:clamp(61px,20cqw,96px);margin:1px -2px 2px;display:flex;align-items:flex-end;justify-content:center;position:relative}
.gem-pack-art:after{content:'✦';position:absolute;left:5%;top:18%;font-size:10px;color:#ffbaff;text-shadow:0 0 5px #f032ff,0 0 10px #ed64ff}
.gem-pack-art img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 3px #240c3d88)}
.gem-pack[data-pack="small"] img{height:76%}
.gem-pack-badge{position:absolute;right:-6px;top:-7px;z-index:2;transform:rotate(7deg);padding:3px 7px 4px;background:linear-gradient(#ff8254,#ea3324);border:1.5px solid #ffce88;border-radius:4px;box-shadow:0 2px #742422;font:400 clamp(8px,2.3cqw,11px)/1 'Lilita One',sans-serif;color:#fff4ce;text-shadow:0 1px #9c2a13;letter-spacing:.1px}
.gem-pack-badge.best-value{background:linear-gradient(#fff6a1,#ffbe21);border-color:#fff3a9;color:#673000;text-shadow:none;box-shadow:0 2px #a35715}
.shop-green-button{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:29px;padding:4px 3px 6px;border:1.5px solid #a7f7a6;border-radius:6px;background:linear-gradient(#63d77d,#28a55b 52%,#18864d);box-shadow:inset 0 1px #c4ffd1,inset 0 -2px #106a40,0 2px #063727,0 0 0 1px #0b292d;color:#fff;font:400 clamp(15px,4.5cqw,22px)/1 'Lilita One',sans-serif;text-shadow:0 2px #165438,1px 0 #165438,-1px 0 #165438;white-space:nowrap;transition:filter .15s,transform .1s}
.shop-green-button:hover,.shop-back:hover{filter:brightness(1.12)}
.shop-green-button:active,.shop-back:active{transform:translateY(2px)}
.shop-green-button:disabled{filter:saturate(.45) brightness(.7);cursor:default;transform:none}
.shop-green-button>svg{height:20px;width:20px;flex-shrink:0;filter:drop-shadow(0 1px #774314)}
.shop-section-heading{display:flex;align-items:center;gap:8px;padding:3px 4px 10px}
.shop-section-heading>svg{width:34px;height:36px;flex-shrink:0;filter:drop-shadow(0 3px #061027)}
.shop-section-heading p{font-size:clamp(8px,2.3cqw,11px)}
#shop-view .shop-fighter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 7px}
#shop-view .shop-fighter-card{position:relative;display:grid;grid-template-columns:47% minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:0;min-width:0;padding:5px;border:1.5px solid #6aafe0;border-radius:9px;background:radial-gradient(ellipse at 30% 25%,color-mix(in srgb,var(--fighter-color) 34%,transparent),transparent 65%),linear-gradient(140deg,#1c4675,#0d2950);box-shadow:inset 0 0 0 2px #225988,0 3px #041c34;text-align:center;overflow:hidden}
#shop-view .shop-fighter-art{height:clamp(62px,16cqw,78px);width:100%;display:grid;place-items:center;background:none;margin:0;border:0;box-shadow:none;overflow:visible}
#shop-view .shop-fighter-art>.ball-art{height:100%;width:125%;max-width:none;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--fighter-color) 55%,transparent));transform:translateY(-3px)}
#shop-view .shop-fighter-name{min-width:0;margin:0;align-self:center;text-align:left;padding-left:2px}
#shop-view .shop-fighter-card h3{font:400 clamp(14px,4.1cqw,20px)/1.1 'Lilita One',sans-serif;color:#fff0bb;text-shadow:0 2px #14203a;margin:0 0 3px;letter-spacing:0}
#shop-view .shop-fighter-role{font:800 clamp(6px,1.7cqw,8px)/1.2 'DM Sans',sans-serif;letter-spacing:.1px;color:#87bdff;display:block;white-space:normal;margin:0}
#shop-view .shop-fighter-card p{grid-column:1/-1;font-size:clamp(8px,2.15cqw,10px)!important;line-height:1.4!important;color:#c3d9f8;min-height:0;margin:3px 0 8px!important;text-align:left;font-weight:600}
#shop-view .shop-fighter-card .shop-green-button{grid-column:1/-1;font-size:clamp(9px,2.7cqw,13px);min-height:30px;padding-inline:1px;gap:3px}
#shop-view .shop-fighter-card .shop-green-button svg{height:16px;width:16px}
.shop-section-note{font-size:8px;color:#9bbbe0;text-align:center;line-height:1.5;margin:10px 2px 1px}
.fighter-shop>.shop-section-heading{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:6px;align-items:center;padding:3px 1px 10px}
.fighter-shop .shop-section-heading>svg{width:30px;height:32px}
.fighter-shop .shop-section-heading h2{font-size:clamp(17px,4.7cqw,24px);white-space:nowrap}
.fighter-shop .shop-section-heading p{font-size:clamp(6px,1.65cqw,8px);margin-top:4px;line-height:1.3}
.fighter-shop-wallet{display:flex;align-items:center;gap:3px;white-space:nowrap;align-self:start;margin-top:2px;padding:5px;border:1px solid #51aceb;border-radius:7px;background:linear-gradient(#103665,#082447);box-shadow:inset 0 1px #78bde52b,0 1px #031a34;font:400 clamp(8px,2.4cqw,12px)/1 'Lilita One',sans-serif;color:#fff3bd;text-shadow:0 2px #061c31}
.fighter-shop-wallet svg{width:20px;height:22px;flex-shrink:0}
#shop-view .shop-fighter-card.illustrated-fighter{display:flex;flex-direction:column;gap:0;padding:3px;background:linear-gradient(145deg,#174b7b,#092b51);border:1.5px solid #5eafe4;box-shadow:inset 0 0 0 2px #27669c,0 2px #04182f}
.fighter-reference-face{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:fill;border-radius:5px 5px 0 0}
#shop-view .illustrated-fighter .shop-green-button{margin-top:auto;min-height:25px;font-size:clamp(11px,3.3cqw,16px);border-radius:5px;padding:3px 2px 5px;gap:4px}
#shop-view .illustrated-fighter .shop-green-button svg{width:18px;height:18px}
#shop-view .shop-fighter-card.drawn-fighter{display:block;aspect-ratio:1.14;padding:3px}
#shop-view .drawn-fighter .shop-fighter-art{position:absolute;left:0;top:0;width:50%;height:52%}
#shop-view .drawn-fighter .shop-fighter-name{position:absolute;left:55%;top:12%;right:2%;padding:0}
#shop-view .drawn-fighter h3{font-size:clamp(10px,2.8cqw,14px)}
#shop-view .drawn-fighter .shop-fighter-role{font-size:clamp(5px,1.3cqw,6px)}
#shop-view .drawn-fighter p{position:absolute;left:5%;right:4%;top:53%;font-size:clamp(6px,1.65cqw,8px)!important;line-height:1.2!important;margin:0!important}
#shop-view .drawn-fighter .shop-green-button{position:absolute;left:3px;bottom:3px;width:calc(100% - 6px);min-height:25px;font-size:clamp(11px,3.3cqw,16px);padding:3px 2px 5px;border-radius:5px}
#shop-view:focus-visible{outline:1px solid #61bff5;outline-offset:-1px}
@media(max-width:350px){.fighter-shop-wallet{padding:4px 3px;gap:2px}.fighter-shop-wallet svg{width:15px;height:18px}.fighter-shop>.shop-section-heading{grid-template-columns:24px minmax(0,1fr) auto;gap:4px}.fighter-shop .shop-section-heading>svg{width:24px}.fighter-shop .shop-section-heading h2{font-size:15px}}
#shop-view .trail-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#shop-view .trail-shop-item{padding:10px 8px;border:1px solid #568bc0;border-radius:9px;background:linear-gradient(145deg,#214471,#12284b);box-shadow:inset 0 0 0 2px #1b3e65,0 2px #061a33}
#shop-view .trail-shop-item h3{color:#f2e4bd;font:400 15px 'Lilita One',sans-serif;margin:8px 0}
#shop-view .trail-shop-item .reward-claim{min-height:33px;font-size:10px;width:100%}
.gem-preview-dialog{text-align:center;padding-top:5px}.gem-preview-label{font-size:9px;letter-spacing:1.8px;color:#d4b5ff;font-weight:800}.gem-preview-dialog h2{font:400 30px 'Lilita One',sans-serif;color:#fff0ff;text-shadow:0 2px #6f2b8c;margin:12px 0 0}.gem-preview-dialog>img{display:block;width:100%;height:190px;object-fit:contain;margin:15px auto 8px;filter:drop-shadow(0 0 16px #b339ce44)}.gem-preview-price{font:400 26px 'Lilita One',sans-serif;color:#fff4c5}.gem-preview-dialog>p{font-size:12px;color:#b3cbed;line-height:1.7;margin:14px 0 23px}.gem-preview-dialog>.shop-green-button{min-height:43px;font-size:18px}
body:has(.gem-preview-dialog) #info-dialog{background:radial-gradient(ellipse at 50% 30%,#3f2868,#112c54 70%);border:2px solid #679bd1;box-shadow:inset 0 0 0 3px #173e68,0 20px 100px #0008}
body:has(.gem-preview-dialog) .dialog-close{color:#cfeaff}
@media(min-width:440px){#shop-view{padding:16px 12px 28px}.shop-masthead{gap:12px;min-height:51px}.shop-back{width:43px;height:43px}.shop-currency{height:33px}.shop-wallets{gap:11px}.shop-currency>svg{width:35px;height:39px;top:-6px}.shop-currency>button{width:25px;font-size:29px}.gem-pack-grid,#shop-view .shop-fighter-grid{gap:9px}.shop-panel{padding:9px}.gem-shop-heading{min-height:75px}.gem-banner{height:105px;top:-20px}.shop-green-button{min-height:34px}.gem-preview-note,.shop-section-note{font-size:9px}.shop-section-heading{padding-bottom:13px}}
@media(max-width:350px){#shop-view{padding-inline:7px}.shop-masthead{gap:7px}.shop-back{width:33px;height:35px}.shop-wallets{gap:6px;padding-left:3px}.shop-currency{height:27px;padding-left:16px}.shop-currency>button{width:18px;font-size:24px}.shop-currency>svg{width:26px;left:-9px}.shop-gem-currency>svg{left:-7px}.gem-pack{padding-inline:4px}.gem-shop-heading{gap:4px}.gem-shop-heading>svg{width:29px}.gem-pack-badge{padding-inline:4px}.gem-preview-note{font-size:7px}.shop-section-heading{gap:5px}.shop-section-heading>svg{width:29px}}
/* Fighter Shop rows: every fighter uses the same card, with the portrait beside readable text. */
#shop-view .shop-fighter-grid{grid-template-columns:1fr;gap:9px}
#shop-view .shop-fighter-card.shop-row-card{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:8px;align-items:center;aspect-ratio:auto;padding:8px 10px 10px 8px}
#shop-view .shop-row-art{grid-row:1 / span 2;align-self:stretch;min-height:112px;border-radius:8px;overflow:hidden;border:1.5px solid #5eafe4;box-shadow:inset 0 0 0 2px #27669c}
#shop-view .shop-row-art.is-illustrated img{display:block;width:100%;height:100%;object-fit:cover;object-position:0% 50%}
#shop-view .shop-row-art.is-drawn{display:grid;place-items:center;background:radial-gradient(circle at 46% 46%,color-mix(in srgb,var(--fighter-color) 55%,transparent),#1b1f52 68%)}
#shop-view .shop-row-art.is-drawn svg{width:86%;height:auto}
#shop-view .shop-row-text{display:grid;gap:2px;min-width:0}
#shop-view .shop-row-card h3{font-size:21px;margin:0}
#shop-view .shop-row-card .shop-fighter-role{font-size:10px;font-weight:800;letter-spacing:.8px;color:#8fd2ff}
#shop-view .shop-row-card p{grid-column:auto;font-size:11.5px!important;line-height:1.35!important;margin:3px 0 0!important}
#shop-view .shop-row-card .shop-green-button{grid-column:2;width:auto;min-height:36px;font-size:16px;justify-self:stretch}
#shop-view .shop-row-card .shop-green-button svg{width:20px;height:20px}
/* Gem packs: real purchases arrive with the store integration; until then the section says so plainly. */
#shop-view .gem-shop.is-preview{position:relative}
#shop-view .gem-shop.is-preview .gem-pack-grid{opacity:.72;filter:saturate(.75)}
.coming-soon-ribbon{position:absolute;top:12px;right:-6px;z-index:3;padding:5px 14px 6px;border-radius:6px 0 0 6px;background:linear-gradient(180deg,#ffd23f,#f39c12);color:#3a1d05;font:400 14px 'Lilita One',sans-serif;letter-spacing:1px;box-shadow:0 3px 0 #8a4a07,0 6px 12px #0007}
.coming-soon-ribbon:after{content:'';position:absolute;right:0;bottom:-6px;border-top:6px solid #8a4a07;border-right:6px solid transparent}
#shop-view .shop-row-card .shop-row-text{text-align:left;justify-items:start}

/* Coins Shop: gems buy coin packs. Owner's mock-up art on gold-framed blue cards. */
.coins-market{margin-top:0}
.coin-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.coin-pack{position:relative;display:grid;justify-items:center;padding:10px 6px 8px;border-radius:12px;border:2px solid #e2b553;background:radial-gradient(ellipse at 50% 58%,#3d6fe0,#1d3a85 62%,#14296a);box-shadow:0 0 0 2px #081028,0 4px 0 2px #050a1d,inset 0 2px 0 #ffffff2e}
.coin-pack h3{display:grid;justify-items:center;margin:0;font:400 22px/1 'Lilita One',sans-serif;color:#ffd23f;-webkit-text-stroke:1.6px #6b3508;paint-order:stroke fill;text-shadow:0 2px 0 #6b3508}
.coin-pack-art{display:block;width:100%;max-width:120px;height:auto;margin:2px 0 6px;filter:drop-shadow(0 4px 4px #0008)}
.coin-pack-badge{position:absolute;z-index:1;top:-9px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:3px 7px;border-radius:6px;background:linear-gradient(180deg,#ff6a6a,#d0263a);border:1.5px solid #ffd76a;font:400 10px 'Lilita One',sans-serif;letter-spacing:.4px;color:#fff;box-shadow:0 2px 0 #6b0a18}
.gem-buy-button{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:36px;border-radius:9px;border:2px solid #2c0a5c;background:linear-gradient(180deg,#a066ff,#7a32e8 50%,#5a1cc0);box-shadow:inset 0 2px 0 #e2ccff,inset 0 -3px 0 #4a149e,0 3px 0 #1e0640;font:400 17px/1 'Lilita One',sans-serif;color:#fff;-webkit-text-stroke:1.4px #2c0a5c;paint-order:stroke fill;cursor:pointer}
.gem-buy-button svg{width:22px;height:21px;flex:none}
.gem-buy-button:active{transform:translateY(2px);box-shadow:inset 0 2px 0 #e2ccff,inset 0 -2px 0 #4a149e,0 1px 0 #1e0640}
.gem-buy-button[aria-disabled="true"]{filter:saturate(.45) brightness(.8)}
.coin-buy-dialog .gem-preview-price{display:inline-flex;align-items:center;gap:6px}
.coin-buy-dialog .gem-preview-price svg{width:24px;height:23px}
.shop-currency.coin-hit{animation:coin-hit .18s ease-out}
/* Look A "Tabs" (owner's pick, 2026-11-03): header and painted tabs stay on top, one tab of the Shop below, blue ribbon headings. */
.shop-top{position:sticky;top:-14px;z-index:6;margin:-14px -10px 10px;padding:4px 10px 0;background:linear-gradient(#285383,#102d54 55%,#0a203f);border-bottom:2px solid #a87a35;box-shadow:0 3px 8px #0006}
.shop-tabs{display:flex;gap:2px;margin:8px -4px 0}
.shop-tabs button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 1px 6px;border:0;border-bottom:3px solid transparent;border-radius:9px 9px 0 0;background:none;color:#a7c0df;font:400 clamp(10px,3cqw,13px)/1.05 'Lilita One',sans-serif;text-shadow:0 2px #06132b;cursor:pointer}
.shop-tabs img{width:clamp(28px,9cqw,38px);height:auto;filter:drop-shadow(0 2px #04122a)}
.shop-tabs button[aria-selected="true"]{color:#ffe399;border-bottom-color:#ffd365;background:linear-gradient(#ffd36500,#e9aa1733)}
.shop-tabs button:focus-visible,.shop-subtabs button:focus-visible,.shop-see-all:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.shop-banner{position:relative;aspect-ratio:3/1;margin:0 0 14px;padding:0 0 0 5%;display:flex;flex-direction:column;justify-content:center;border:2px solid #ffcf43;border-radius:14px;background:url('/assets/shop/offer-banner.webp') center/cover;box-shadow:inset 0 0 0 2px #092343,0 4px 0 #04172d}
.shop-banner h2{font:400 clamp(24px,8cqw,36px)/1 'Lilita One',sans-serif;color:#ffe066;-webkit-text-stroke:2px #071630;paint-order:stroke fill;text-shadow:0 3px #b4520f,0 5px #08162c;margin:0}
.shop-banner p{font:800 clamp(8px,2.4cqw,11px)/1 Manrope,sans-serif;letter-spacing:1.5px;color:#cfe6ff;margin:6px 0 0}
/* One heading style for every tab: a royal-blue ribbon plate. */
#shop-view .deals-heading h2,#shop-view .ck-head h2,#shop-view .shop-section-heading h2,.shop-tab-heading h2{display:inline-block;text-transform:uppercase;font:400 clamp(17px,5.4cqw,23px)/1.1 'Lilita One',sans-serif;color:#ffe39a;-webkit-text-stroke:0;text-shadow:0 2px #05162f;padding:5px 11px 6px;border:1px solid #568cbb;border-bottom:3px solid #061c38;border-radius:5px 12px 12px 5px;background:linear-gradient(#24578b,#133460);box-shadow:inset 0 1px #9cd9ff44,0 2px 4px #0004;margin:0}
.shop-tab-heading{padding:4px 4px 10px}
.shop-tab-heading p{font-weight:800;font-size:clamp(10px,2.8cqw,12px);color:#a7c0df;text-shadow:0 2px #06132b;margin:8px 0 0}
#shop-view .deals-timer{background:linear-gradient(#df4d4d,#a72136);border:1px solid #ff9a7a;border-bottom:3px solid #6e152a;border-radius:4px 9px 4px 9px;color:#fff0d9;text-shadow:0 1px #671829}
.shop-subtabs{display:flex;gap:3px;padding:3px;margin:0 2px 10px;border-radius:11px;background:#081a33cc;border:1px solid #2f5582}
.shop-subtabs button{flex:1;min-width:0;padding:8px 2px;border:0;border-radius:8px;background:none;color:#a7c0df;font:800 clamp(10px,2.9cqw,12px)/1.1 Manrope,sans-serif;cursor:pointer}
.shop-subtabs button[aria-selected="true"]{background:linear-gradient(#3f78b5,#24548a);color:#fff;box-shadow:inset 0 1px #9cd9ff66,0 2px #061c38}
#shop-view .looks-market .trail-gallery{padding:0}
#shop-view .looks-market .trail-gallery:not(:has(>:not([hidden]))){display:none}
/* Every coin price is the same gold button (the chests were green). */
#shop-view .ck-buy{border:2px solid #fff2a0;background:linear-gradient(#fff289,#ffdb38 45%,#ffbd18);box-shadow:inset 0 1px #fff9d0,inset 0 -3px #d58a08,0 3px #6b3d06;color:#5a3206;text-shadow:0 1px #fff1a0}
.shop-best{margin-top:4px}
.shop-see-all{display:flex;align-items:center;gap:4px;margin:10px auto 2px;padding:6px 10px;border:0;background:none;color:#9acbff;font:800 13px Manrope,sans-serif;cursor:pointer}
.shop-see-all svg{width:14px;height:14px;vertical-align:-2px}