.commerce-window{min-width:0}.commerce-heading{position:static!important;display:flex!important;align-items:center;gap:12px;padding:12px 14px;margin-bottom:10px;background:linear-gradient(120deg,#17384a,#0b2231);border:1px solid #4c788b;border-radius:10px}.commerce-heading>img{width:44px;height:44px;flex:none}.commerce-heading h2{font-size:22px;margin:0 0 4px}.commerce-heading p{font-size:12px;color:#a6c8d6;margin:0}.commerce-heading>span{margin-left:auto;font-size:12px;color:#c8e4ed}.commerce-notice{padding:9px 12px;margin:8px 0 12px;border:1px solid #41697a;border-radius:8px;background:#102f3e;color:#b8dce7;font-size:12px;line-height:1.65}.commerce-error{color:#ffaaa2;padding:8px}.commerce-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end;padding:10px;margin:10px 0;background:#0c2432;border:1px solid #31596c;border-radius:9px}.commerce-filters label,.commerce-sell-form label{display:flex;flex-direction:column;gap:4px;min-width:105px;font-size:11px;color:#a8c7d6}.commerce-filters input,.commerce-filters select,.commerce-sell-form input,.commerce-sell-form select{min-height:31px;max-width:180px;width:100%;background:#09202e;color:#d6e9f1;border:1px solid #4c7888;border-radius:6px;padding:5px 7px}.commerce-filters input[type=number]{width:105px}.commerce-filters button{min-height:31px}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.market-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--market-color) 60%,#3c6074);border-radius:10px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--market-color) 10%,#112d3d),#0a1e2c)}.market-card-top{display:flex;gap:10px;align-items:center}.market-card-top img{width:48px;height:48px;object-fit:contain;flex:none}.market-card h3{font-size:14px;line-height:1.3;margin:0 0 5px;overflow-wrap:anywhere}.market-card small{font-size:10px;color:#9fc0d1}.market-seller{font-size:11px;margin:0;color:#83b1c4}.market-price{color:#ead18d;font-size:15px}.market-price small{display:block;color:#829fae;font-weight:normal}.market-card>button{margin-top:auto;min-height:31px}.commerce-pagination{position:static!important;display:flex!important;justify-content:center;align-items:center;gap:14px;margin:14px 0 0;font-size:12px}.market-sell-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;align-items:start}.market-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:420px;overflow:auto;padding:3px}.market-asset{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:110px;padding:8px!important}.market-asset img{width:45px;height:45px;object-fit:contain}.market-asset b{font-size:11px!important;line-height:1.3;white-space:normal}.market-asset small{font-size:10px;color:#8fb9cc}.market-asset.selected{border-color:#73dde8!important;box-shadow:inset 0 0 16px #4ed5ed22}.commerce-sell-form{padding:14px;border:1px solid #54798d;border-radius:10px;background:linear-gradient(#163747,#0c2231);display:flex;flex-direction:column;gap:10px}.commerce-sell-form>img{width:65px;height:65px;object-fit:contain;margin:auto}.commerce-sell-form h3{font-size:16px;margin:0}.commerce-sell-form p,.commerce-sell-form small{font-size:11px;line-height:1.5;color:#9bbdcd}.commerce-sell-form input,.commerce-sell-form select{max-width:none}.mail-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.3fr);gap:12px;margin-top:12px;align-items:start}.mail-list{display:flex;flex-direction:column;gap:7px}.mail-row{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;min-height:78px;padding:10px!important}.mail-row b{font-size:13px;line-height:1.4}.mail-row small,.mail-row span{font-size:10px;color:#99bece}.mail-row.unread{border-left:3px solid #5be0e8!important}.mail-row.unread b{color:#d9f7ff}.mail-row.selected{border-color:#7adddf!important}.mail-detail{position:sticky;top:0;padding:16px;min-height:260px;background:linear-gradient(145deg,#153747,#081d2b);border:1px solid #4b7689;border-radius:10px}.mail-detail h3{font-size:19px;overflow-wrap:anywhere;margin:0 0 8px}.mail-detail>small{font-size:11px;color:#8db9cc}.mail-body{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}.mail-attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:8px;margin:12px 0}.mail-attachment{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #446b7c;border-radius:8px;background:#0a2738}.mail-attachment img{width:38px;height:38px;object-fit:contain}.mail-attachment span{font-size:12px;line-height:1.4}.mail-detail>button{min-height:34px;width:100%;margin-top:10px}.commerce-mail-badge{position:absolute;right:7px;top:4px;padding:1px 5px;border-radius:8px;background:#277f89;border:1px solid #6fd6e2;color:#e5ffff;font-size:9px}.commerce-mail-badge[hidden]{display:none}#nav [data-page=mail]{position:relative}@media(max-width:800px){.market-sell-layout{grid-template-columns:1fr}.mail-layout{grid-template-columns:1fr}.mail-detail{position:static}.mail-list{max-height:230px;overflow:auto}.commerce-heading{flex-wrap:wrap}.commerce-heading>span{margin-left:0}.commerce-filters label{flex:1;min-width:100px}.commerce-filters input,.commerce-filters select{max-width:none}.market-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
#nav button[data-page]{position:relative}#nav .menu-notification{position:absolute!important;right:9px!important;top:7px!important;min-width:15px!important;height:15px!important;padding:0 3px!important;display:flex!important;align-items:center;justify-content:center;border-radius:12px;border:1px solid #9cf7ff;background:radial-gradient(circle at 35% 25%,#279eb1,#155166);color:#f1feff!important;box-shadow:0 0 7px #43dcea66;font:700 9px/1 Georgia,serif!important;pointer-events:none}.commerce-mail-badge[hidden]{display:none!important}.mail-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr);gap:14px}.mail-list{max-height:60vh;overflow:auto;padding:2px 6px 6px 2px}.mail-row{border-radius:9px!important;background:linear-gradient(120deg,#153445,#0b202e)!important;border:1px solid #35586c!important;padding:12px!important}.mail-row.selected{border-color:#72e4ef!important;box-shadow:inset 3px 0 #38d7e7,0 0 10px #28bbce22!important}.mail-row.unread:before{content:'NOVA';font-size:8px;letter-spacing:1px;color:#76eff4}.mail-detail{background:radial-gradient(ellipse at top,#1a3f51,#091d2b 70%);border:1px solid #668797;box-shadow:inset 0 0 0 3px #091b2866;border-radius:12px;padding:20px}.mail-detail h3{font-size:21px;color:#e2f4fa}.mail-detail>small{display:block;padding-bottom:12px;border-bottom:1px solid #416172}.mail-attachments{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.mail-attachment{min-height:76px;background:linear-gradient(135deg,#203d52,#0c2232);border:1px solid #5a7b91;box-shadow:inset 0 0 15px #1a516233}.mail-attachment img{width:52px;height:52px;filter:drop-shadow(0 2px 4px #0008)}.mail-detail>button:not(:disabled){background:linear-gradient(#117083,#0b4559)!important;border-color:#58dce6!important;box-shadow:0 0 12px #1fddea33}.mail-body{min-height:65px;color:#bfd7e2}.mail-detail>button:disabled{color:#7dccac!important}@media(max-width:800px){.mail-layout{grid-template-columns:1fr}}

#game-overlay .mail-row{height:auto!important;min-height:100px!important;flex:0 0 auto!important;overflow:visible!important;display:flex!important;gap:7px!important;line-height:1.5!important;align-items:flex-start!important}#game-overlay .mail-row b{white-space:normal!important;overflow-wrap:anywhere;line-height:1.45!important}#game-overlay .mail-row small,#game-overlay .mail-row span{position:static!important;display:block!important;line-height:1.5!important;height:auto!important;transform:none!important}#game-overlay .mail-list{gap:9px!important;align-items:stretch!important}#game-overlay .commerce-heading{min-width:0;flex-wrap:wrap}#game-overlay .commerce-heading p{white-space:normal;line-height:1.5;max-width:600px}#game-overlay .mail-detail{min-width:0}

#game-overlay .mail-attachments{max-height:380px;overflow:auto;padding:3px}.mail-list{min-width:0}.mail-row>*{flex-shrink:0!important}

#game-overlay .mail-attachment{position:relative;overflow:hidden}#game-overlay .mail-attachment.claimed{padding-bottom:27px;border-color:#4eaa7e!important;background:linear-gradient(135deg,#173f3b,#102b32)!important}#game-overlay .mail-claimed-ribbon{position:absolute;inset:auto 0 0;display:block!important;text-align:center;padding:4px 2px;background:linear-gradient(90deg,#164e37,#26784f,#164e37);border-top:1px solid #64b78a;color:#d7ffe9!important;font:700 9px/1.3 Georgia,serif;letter-spacing:.65px;white-space:nowrap;box-shadow:0 -2px 8px #0002}#game-overlay .mail-attachment.claimed>img{opacity:.8}

.commerce-window .market-category-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.commerce-window .market-category-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:5px 10px;border:1px solid #42667c;border-radius:8px;background:linear-gradient(#18384c,#0c2436);color:#d5e8f3;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.commerce-window .market-category-tabs button img{width:22px;height:22px;object-fit:contain;flex:none}
.commerce-window .market-category-tabs button[aria-pressed=true]{border-color:#8adbe7;background:linear-gradient(#23566b,#104459);box-shadow:inset 0 0 9px #3ccfe336;color:#f1fcff}
.commerce-window .market-category-tabs button:hover:not(:disabled){border-color:#a3d9eb}
.commerce-window .market-category-tabs button:focus-visible{outline:2px solid #b6effa;outline-offset:2px}
/* Responsive market categories */
#game-overlay .commerce-window .market-category-tabs {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,105px),1fr));
  gap:8px;
  padding:8px 0;
}
body.arcane-layout #arcane-shell #overlay-body .market-category-tabs>button {
  display:grid!important;
  grid-template-columns:23px minmax(0,1fr);
  align-items:center;
  text-align:left;
  justify-items:start;
  gap:7px;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:40px!important;
  height:auto!important;
  padding:6px 7px!important;
  box-sizing:border-box;
  font-size:11px!important;
  white-space:normal!important;
}
#game-overlay .market-category-tabs>button>img {
  position:static!important;
  transform:none!important;
  margin:0!important;
  width:23px!important;
  height:23px!important;
  object-fit:contain;
}
#game-overlay .market-category-tabs>button>span {min-width:0;overflow-wrap:anywhere}
body.arcane-layout #arcane-shell #overlay-body .commerce-filters {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr));
  align-items:end;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  white-space:normal;
}
body.arcane-layout #arcane-shell #overlay-body .commerce-filters label {min-width:0!important}
body.arcane-layout #arcane-shell #overlay-body .commerce-filters :is(input,select) {
  box-sizing:border-box;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
#game-overlay .commerce-window .market-grid {grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}