#storeDialog{padding:0;width:min(1280px,96vw);max-width:96vw;height:min(870px,94vh);max-height:94vh;border:1px solid #8b7851;border-radius:8px;background:#101b22;color:#e5e1d1;box-shadow:0 25px 100px #000b;font:15px/1.6 Georgia,serif}#storeDialog::backdrop{background:#02080ed9;backdrop-filter:blur(5px)}#storeDialog *{box-sizing:border-box}#storeDialog button{cursor:pointer;border:1px solid #766746;background:#243139;color:#eae0be;border-radius:4px;padding:9px 15px;font:inherit}#storeDialog button:hover{background:#34444a;border-color:#c6af76}#storeDialog button:focus-visible,#storeDialog select:focus-visible{outline:2px solid #8fd3d6;outline-offset:3px}#storeDialog button:disabled{opacity:.45;cursor:default}.st-shell{height:100%;display:flex;flex-direction:column}.st-header{display:flex;align-items:center;gap:22px;padding:20px 28px;border-bottom:1px solid #75634266;background:#172129}.st-header h1{font-size:24px;font-weight:400;margin:0}.st-eyebrow{color:#b9a875;font:10px/1.7 system-ui,sans-serif;letter-spacing:2.5px}.st-wallet{display:flex;gap:18px;margin-left:auto;font:13px system-ui,sans-serif;flex-wrap:wrap}.st-wallet span:nth-child(1){color:#e0bd72}.st-wallet span:nth-child(2){color:#b8a4ec}.st-wallet span:nth-child(3){color:#9dd4d5}.st-layout{display:grid;grid-template-columns:185px minmax(0,1fr);min-height:0;flex:1}.st-layout nav{padding:28px 14px;border-right:1px solid #75634244;overflow:auto}.st-layout nav button{display:block;width:100%;text-align:left;margin-bottom:7px;background:transparent!important;border-color:transparent!important}.st-layout nav button[aria-current]{background:#bca96b18!important;border-color:#bca96b77!important;color:#f3dda3!important}.st-layout nav p{padding:20px 15px;color:#8b9b9d;font:12px/1.8 system-ui,sans-serif}.st-main{overflow:auto;padding:26px 32px;background:radial-gradient(ellipse at 85% 0,#25414455,transparent 60%)}.st-main h2{font-weight:400;font-size:27px;margin:10px 0 20px}.st-main h3{font-weight:400;font-size:22px;margin:8px 0}.st-main p{color:#abb9ba}.st-hero{position:relative;padding:34px;border:1px solid #86714866;margin-bottom:25px;background:radial-gradient(ellipse at 90% 50%,#31565b,transparent 65%),linear-gradient(120deg,#1b2b34,#17242a);overflow:hidden}.st-hero:after{content:'✧';position:absolute;right:40px;top:-55px;font-size:250px;color:#c6b87b20;pointer-events:none}.st-hero h2{font-size:42px;line-height:1.15;color:#f1e4bd;margin:12px 0}.st-hero p{max-width:500px}.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.st-pack,.st-item,.st-bundle{border:1px solid #68727366;background:linear-gradient(145deg,#243239aa,#151f28);padding:24px;border-radius:5px;min-width:0}.st-pack[data-theme=royal_arcana]{background:radial-gradient(ellipse at top,#4c375d88,#151f28 75%)}.st-pack[data-theme=floor_2_jester]{background:radial-gradient(ellipse at top,#692e4988,#151f28 75%)}.st-art{height:170px;margin:-15px auto 8px}.st-art svg{width:100%;height:100%;filter:drop-shadow(0 8px 20px #0007)}.st-pack p{min-height:48px;font-size:14px}.st-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.st-actions button:first-child{border-color:#b09a65!important;background:#75613b44!important}.st-items{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.st-item-glyph{font-size:65px;text-align:center;color:#aaa888;text-shadow:0 0 25px #88c9ce55}.st-item h3{font-size:20px}.st-rarity{display:inline-block;font:11px/1.6 system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#b5babb}.st-rarity.uncommon{color:#9ccdaf}.st-rarity.rare{color:#88bce2}.st-rarity.epic{color:#c5a2ed}.st-rarity.legendary{color:#edc375}.st-filters{display:flex;flex-wrap:wrap;gap:12px}.st-filters label{font:11px/1.8 system-ui,sans-serif;letter-spacing:1px;color:#c0b691}.st-filters select{display:block;max-width:180px;background:#1e2c34;color:#dedbc9;border:1px solid #66716a;padding:8px;border-radius:3px}.st-notice{color:#ddc791;font:13px/1.8 system-ui,sans-serif}.st-notice:empty{display:none}.st-notice button{margin-left:12px}.st-confirm{max-width:650px;margin:55px auto;padding:35px;border:1px solid #9d8758;background:#263138}.st-detail-art{max-width:320px;margin:auto}.st-main table{width:100%;border-collapse:collapse}.st-main td,.st-main th{padding:12px;border-bottom:1px solid #77857e44;text-align:left}.st-preview{background:radial-gradient(ellipse,#3b4c4f,#15212a 68%);text-align:center;margin-top:18px}.st-preview canvas{max-width:100%;height:auto}.st-reveal{text-align:center;padding:30px 0}.st-reveal .st-actions{justify-content:center}.st-reward{box-shadow:inset 0 0 40px #b9d7db12;border-color:#a6b8bd}.st-reward.epic{box-shadow:inset 0 0 45px #bd83e433;border-color:#c5a2ed}.st-sealed svg{animation:st-unseal 1.6s ease-in-out}.st-history{border-bottom:1px solid #78817a55;padding:15px 0;overflow-wrap:anywhere}.st-muted{font-size:12px}.st-components{border-block:1px solid #89958b33;padding:8px 0}.st-components p{margin:6px 0}@keyframes st-unseal{0%{transform:scale(.92);filter:brightness(.8)}70%{transform:scale(1.04);filter:brightness(1.5) drop-shadow(0 0 18px #d8b777)}100%{transform:scale(1);filter:brightness(1)}}@media(max-width:850px){.st-header{padding:15px;gap:10px;flex-wrap:wrap}.st-header h1{font-size:20px}.st-wallet{margin-left:0;gap:10px}.st-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.st-layout nav{display:flex;gap:4px;padding:8px;overflow:auto;border-bottom:1px solid #75634244}.st-layout nav button{width:auto;white-space:nowrap;margin:0}.st-layout nav p{display:none}.st-main{padding:18px}.st-hero{padding:22px}.st-hero h2{font-size:32px}}@media(max-width:560px){.st-grid{grid-template-columns:1fr}.st-wallet{font-size:11px}.st-main td,.st-main th{padding:7px;font-size:12px}}@media(prefers-reduced-motion:reduce){.st-sealed svg{animation:none}}
/* Keep the exchange usable inside short and narrow browser viewports. */
#storeDialog{height:min(870px,94dvh);max-height:94dvh;overflow:hidden}
#storeDialog .st-header{flex-shrink:0}
#storeDialog .st-header>div:first-child{min-width:0}
#storeDialog .st-header h1{line-height:1.25}
#storeDialog .st-header>[data-action="close"]{flex-shrink:0}
#storeDialog .st-wallet span{white-space:nowrap;font-variant-numeric:tabular-nums}
#storeDialog .st-layout nav{overscroll-behavior:contain}
#storeDialog .st-layout nav button{flex-shrink:0}
#storeDialog .st-main{min-width:0;overscroll-behavior:contain;overflow-wrap:anywhere;scrollbar-gutter:stable}
#storeDialog .st-main h2:focus-visible{outline:2px solid #8fd3d6;outline-offset:5px}
#storeDialog .st-pack,#storeDialog .st-item,#storeDialog .st-bundle{display:flex;flex-direction:column}
#storeDialog .st-pack>.st-actions{margin-top:auto;padding-top:18px}
#storeDialog .st-item>button:last-child,#storeDialog .st-bundle>button:last-child{margin-top:auto;align-self:flex-start}
#storeDialog .st-art{width:100%;flex-shrink:0}
#storeDialog .st-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#storeDialog .st-filters label{min-width:0}
#storeDialog .st-filters select{width:100%;max-width:none;min-height:40px;font:13px/1.4 system-ui,sans-serif;letter-spacing:normal}
#storeDialog .st-main td,#storeDialog .st-main th{font-variant-numeric:tabular-nums}
#storeDialog .st-main th{color:#eae0be}
#storeDialog .st-notice:not(:empty){padding:10px 12px;border-left:2px solid #b9a875;background:#b9a8750b;margin-bottom:16px}
#storeDialog .st-confirm{margin:24px auto}
@media(max-width:850px){
  #storeDialog .st-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:14px 16px}
  #storeDialog .st-header>div:first-child{grid-column:1;grid-row:1}
  #storeDialog .st-header>[data-action="close"]{grid-column:2;grid-row:1;padding:8px 12px}
  #storeDialog .st-wallet{grid-column:1/-1;grid-row:2;gap:8px 16px;font-size:12px}
  #storeDialog .st-wallet:empty{display:none}
}
@media(max-width:560px){
  #storeDialog .st-main{padding:16px 14px}
  #storeDialog .st-header h1{font-size:19px}
  #storeDialog .st-header{padding:12px 14px}
  #storeDialog .st-wallet{font-size:11px;gap:7px 10px}
  #storeDialog .st-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  #storeDialog .st-pack,#storeDialog .st-item,#storeDialog .st-bundle{padding:18px}
  #storeDialog .st-hero{padding:20px}
  #storeDialog .st-hero h2{font-size:clamp(26px,8vw,32px)}
  #storeDialog .st-confirm{padding:20px;margin:14px auto}
  #storeDialog .st-actions{gap:8px}
  #storeDialog .st-actions button{flex:1 1 140px}
}