
/* Celestial bazaar: imagegen production textures with live accessible controls. */
#cultivatePanel.panel{background:#102b2b url('art/v16/shop.png') center/100% 100%;padding:16px 20px;border:0;overflow:auto}
#cultivatePanel>h2{position:absolute;top:31px;left:32px;color:#fff0bb;text-shadow:0 2px 6px #102322;font-size:25px}
#cultivatePanel>.panel-head{position:relative}
.shop-banner{height:126px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;box-sizing:border-box}.shop-banner span{font:12px var(--sans);letter-spacing:4px;color:#fff0c4;text-shadow:0 2px 5px #061716;background:#132c3188;padding:5px 15px;border-radius:20px}
.shop-wallet{padding:6px 9px;border-radius:4px;background:#091f26dc;border-color:#b29e6755}.shop-wallet select{padding:5px;border:0;background:transparent;font:12px var(--sans)}.shop-wallet b{font:13px Arial,sans-serif;color:#ffdf91}
.shop-tabs{gap:3px;margin:8px 0}.shop-tabs button{border-radius:3px;padding:9px 3px;font:15px var(--serif);background:linear-gradient(#315951cc,#122f32e8);border-color:#bfa57577}.shop-heroes{gap:3px;margin:7px 0}.shop-heroes button{padding:5px 1px;font:11px var(--sans);border-radius:3px}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.shop-good{position:relative;min-height:128px;padding:9px 4px 7px;gap:4px;border-radius:5px;background:radial-gradient(ellipse at 50% 25%,#74958038,#0d272ded 76%);border-color:#c5b07755;box-shadow:inset 0 0 0 3px #18383c55}.shop-good .art-icon{width:57px;height:57px}.shop-good b{font:12px var(--sans);line-height:1.35;min-height:17px}.shop-good small{font:9px Arial,var(--sans);color:#c6c8b0}.shop-good strong{padding:2px 8px;font:12px Arial,sans-serif;background:#061b2299}.shop-stock{display:flex;justify-content:space-between;color:#d4c699;font:11px var(--sans);margin:8px 1px}.shop-stock small{color:#9bbaad}.shop-filters{display:flex;gap:10px;margin:5px 0}.shop-filters button{background:none;color:#b5c6b8;border:0;border-bottom:2px solid transparent;padding:5px 9px;font:11px var(--sans)}.shop-filters button.active{border-color:#dcb873;color:#ffe3a5}.shop-help{margin:8px 0;color:#bdc7b9;font:10px var(--sans)}
.shop-skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.skin-tile{display:flex;align-items:center;height:116px;min-width:0;position:relative;background:radial-gradient(ellipse at 38% 75%,#cbb47030,#1b414755 60%,#0b212bd9);border:1px solid #b49b6055;border-radius:5px;padding:2px;color:#f6e3b0;overflow:hidden}.skin-tile:after{content:'';position:absolute;left:8%;right:8%;bottom:15%;height:1px;background:linear-gradient(90deg,transparent,#ddbf7955,transparent);pointer-events:none}.skin-tile canvas{width:112px;height:112px;object-fit:contain;flex:none;margin-left:-4px}.skin-tile>div{min-width:0;flex:1;margin-left:-8px;z-index:1}.skin-tile b{display:block;font:12px/1.6 var(--serif);writing-mode:vertical-rl;margin:0 auto 5px;letter-spacing:2px}.skin-tile small{font:10px Arial,var(--sans);display:block;color:#e2c584}.tier-8,.tier-9,.tier-10{border-color:#d8b76599;background:radial-gradient(ellipse at 40% 80%,#d7aa5144,#17333ee8 80%)}
#cultivation[data-category="relic"] .shop-grid{grid-template-columns:1fr}#cultivation[data-category="relic"] .shop-good{min-height:165px;display:grid;grid-template-columns:100px 1fr;text-align:left;padding:16px;gap:5px}#cultivation[data-category="relic"] .shop-good .art-icon{width:90px;height:90px;grid-row:1/5}#cultivation[data-category="relic"] .shop-good b{font-size:18px}#cultivation[data-category="relic"] .shop-good p{font:12px/1.5 var(--sans);margin:0;color:#b7cec3}#cultivation[data-category="relic"] .shop-good strong{width:max-content}
.shop-confirm{max-height:84%;overflow:auto;background:#113736 url('art/v16/upgrade.png') center/100% 100%;padding:30px;border:0;border-radius:12px}.shop-confirm .wardrobe-preview{height:240px}.shop-detail-art .art-icon{width:75px;height:75px}.shop-confirm [data-purchase-result]{display:block;color:#d4dba9;margin-top:10px;text-align:center}
.profile-drawer{background:#133635 url('art/v16/upgrade.png') center/100% 100%;border:0;padding:26px 25px;box-shadow:0 -12px 50px #051d25b3;border-radius:12px}.profile-drawer header{font-size:20px;padding:2px 0 12px;border-bottom:1px solid #cfb77944}.profile-drawer header button{color:#efd297}.profile-drawer p{color:#d5dbc6;font:13px/1.7 var(--sans)}.upgrade-emblem{display:flex;align-items:center;gap:24px;padding:14px 0 4px}.upgrade-emblem>.art-icon,.upgrade-emblem>.equipment-icon{width:66px;height:70px}.upgrade-emblem strong{font:26px Arial,sans-serif;color:#ead19a}.upgrade-emblem em{font-style:normal;color:#9fd9bd}.profile-drawer [data-improve]{background:linear-gradient(#e0c081,#a27a3f);color:#163b39;font-weight:bold;border-color:#f0d79c;min-width:130px}.upgrade-owned{border-top:1px solid #a8996055;margin-top:14px;padding-top:12px;display:flex;gap:8px;flex-wrap:wrap}.upgrade-owned>small{width:100%;color:#c8ceb3}.upgrade-owned button{background:#315b54;color:#f4d59b;border:1px solid #bb9e65;border-radius:5px;padding:8px}
.cultivation-mode .nameplate.at-foot{background:linear-gradient(100deg,#153d42db,#235052c9);border:1px solid #d1bf8977;box-shadow:0 2px 4px #173b3b33;border-radius:5px;padding:3px 5px;height:30px}.nameplate.at-foot .seat-title{left:0;bottom:39px;background:#f5efdbeF;color:#214745;border:1px solid #ae996c99;padding:4px 2px;font:600 12px/1.25 var(--sans);letter-spacing:1px;text-shadow:none;box-shadow:0 1px 3px #244b4322}.nameplate.at-foot .seat-attribute{bottom:39px;right:0;background:#214c50d9;color:#f5ecd1;border:1px solid #cfbc8888;font:11px Arial,var(--sans);padding:3px 4px;border-radius:4px;text-shadow:none}.nameplate.at-foot .head-level{font:600 18px/20px Arial,sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:0;color:#fff3c5!important;background:none;padding:0}.nameplate.at-foot strong{font:11px/16px var(--sans);color:#fff8e5;text-shadow:none}.nameplate.at-foot .personal-bar{height:2px;bottom:3px;background:#112d35}.nameplate.at-foot .face{width:24px;height:24px;border-width:1px}

#cultivatePanel .page-intro{position:absolute;top:25px;left:32px;margin:0;pointer-events:none}#cultivatePanel .page-intro h2{font-size:25px;color:#fff2c3;text-shadow:0 2px 5px #152c29}
