/* A paper doll and a small equipment rack; active, selected and owned stay distinct. */
dialog[data-mode=inventory]{width:min(960px,calc(100vw - 28px));background:radial-gradient(ellipse at 25% 25%,#3b625458,transparent 64%),#15352f}
.equipment-tabs{display:flex;gap:6px;margin:-5px 0 18px;border-bottom:1px solid #d4daba28;padding-bottom:10px}
.equipment-tabs button{background:transparent;color:#bfcebf;border:1px solid transparent;border-radius:7px;font-size:15px;padding:9px 14px;min-height:42px}
.equipment-tabs button[aria-pressed=true]{background:#cfbb8130;border-color:#c7b9857a;color:#fff0c6}
.equipment-layout{display:grid;grid-template-columns:minmax(350px,1.12fr) minmax(280px,1fr);gap:24px}
.equipment-character{background:radial-gradient(ellipse at 50% 45%,#78926848,transparent 65%),linear-gradient(160deg,#294b3e,#162f2a);border:1px solid #bacba239;border-radius:12px;padding:16px}
.equipment-identity{display:flex;align-items:baseline;justify-content:center;gap:12px;color:#fff0c8}.equipment-identity h3{font-size:23px;margin:0}.equipment-identity span{font-size:15px;color:#a6c8b6}
.equipment-doll{position:relative;height:320px;margin:8px 0}
.equipment-hero{position:absolute;left:50%;top:22px;transform:translateX(-50%);height:278px;width:138px;overflow:hidden;filter:drop-shadow(0 8px 10px #091f2788);pointer-events:none}
.equipment-slot{position:absolute;width:108px;min-height:133px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 5px;background:linear-gradient(160deg,#426252e8,#213c35f5);border:1px solid #a9b78e68;border-radius:9px;color:#f0e7c8;cursor:pointer;z-index:1}
.equipment-slot-weapon{left:0;top:8px}.equipment-slot-armor{right:0;top:8px}.equipment-slot-boots{left:0;bottom:8px}.equipment-slot-light{right:0;bottom:8px}
.equipment-slot[aria-pressed=true]{border-color:#f4d088;box-shadow:0 0 0 1px #f4d08865;background:linear-gradient(150deg,#77714cbb,#2b4939)}
.equipment-slot-label{font-size:12px;color:#c9d4bd;align-self:flex-start;margin-left:3px}.equipment-slot strong{font-size:14px;font-weight:600;line-height:1.5}.equipment-slot small{font-size:12px;color:#c3d5c9;white-space:nowrap}
.equipment-icon{display:block;flex:none;width:64px;height:64px;background-image:url('/games/assets/equipment-atlas.png');background-size:400% 300%;background-position:var(--item-x) var(--item-y);background-repeat:no-repeat;filter:drop-shadow(0 3px 3px #0b261a55)}
.equipment-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;border-top:1px solid #c3d2ae2b;padding-top:14px}.equipment-stats>span{display:flex;flex-direction:column;gap:5px}.equipment-stats small{font-size:13px;color:#b7cbbd}.equipment-stats strong{font-size:24px;color:#f4e6bf;font-variant-numeric:tabular-nums}.equipment-stats em{font-size:12px;font-style:normal;margin-left:4px}
.equipment-storage{min-width:0}.equipment-storage-title{display:flex;justify-content:space-between;align-items:center;margin:2px 0 12px}.equipment-storage-title h3{font-size:17px;color:#f1e8cb;margin:0}.equipment-storage-title>span{color:#bed0c1;font-size:13px}
.equipment-owned{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px}.equipment-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #a3bca044;border-radius:8px;background:#0c272785;padding:9px 4px;color:#e7ead6;min-height:132px;cursor:pointer}.equipment-item .equipment-icon{width:60px;height:60px}.equipment-item strong{font-size:13px;font-weight:500;line-height:1.4}.equipment-item>span:not(.equipment-icon){font-size:12px;color:#b7cabb}.equipment-item>small{color:#e5d394;font-size:11px}.equipment-item[aria-pressed=true]{border-color:#f0d28c;background:#c7b57520}
.equipment-detail{border:1px solid #9bb79c38;background:linear-gradient(135deg,#2e504455,#0e2927aa);border-radius:10px;padding:16px}.equipment-detail-heading{display:flex;gap:13px;align-items:center}.equipment-detail-heading .equipment-icon{width:76px;height:76px}.equipment-detail-heading h3{margin:6px 0 0;color:#f9eac5;font-size:20px}.equipment-status{font-size:13px;color:#cadcc2}.equipment-comparison{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 4px;font-size:14px;color:#c6d3c5}.equipment-comparison>div{display:flex;align-items:center;gap:9px}.equipment-comparison strong{font-size:25px;color:#f1e1af}.equipment-comparison i{font-style:normal;color:#9eb6a9}.equipment-comparison b{font-size:13px}.equipment-comparison .better{color:#adf0b6}.equipment-comparison .lower{color:#f0be9a}.equipment-detail p{font-size:13px;color:#bcd0c3;line-height:1.65;margin:12px 0 16px;min-height:42px}.equipment-detail .kit-primary:disabled{background:#345348;color:#b3c8b6;border-color:#98b39c3b;cursor:default;opacity:1}.equipment-message{min-height:22px;color:#b9e3b9;line-height:1.6;font-size:13px;margin:10px 0 0}
.equipment-slot:hover,.equipment-item:hover{border-color:#f0d28c}.equipment-slot:focus-visible,.equipment-item:focus-visible,.equipment-tabs button:focus-visible{outline:3px solid #b8e5e2;outline-offset:3px}
.shop-destination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;background:#88ba8a18;border:1px solid #bdd4a73d;border-radius:8px;margin:12px 0}.shop-destination span{font-size:13px;color:#c6d8c7;line-height:1.6}.shop-destination button{flex:none;padding:9px 13px;border-radius:6px;min-height:42px;background:#decb90;color:#233d32;border:1px solid #ead9a7;font-size:14px;font-weight:600}.shop-destination kbd{font-size:12px;background:transparent;color:inherit;border-color:#3c564d4d;margin-left:6px}
.shop-item .shop-product{display:flex;gap:12px;align-items:center;min-width:0}.shop-product .equipment-icon{width:56px;height:56px}.shop-product>div{min-width:0}.shop-item[data-product=armor] .shop-buy,.shop-item[data-product=boots] .shop-buy{min-width:130px}
@media(max-width:780px){.equipment-layout{grid-template-columns:1fr;gap:18px}.equipment-character{max-width:460px;width:100%;margin:auto}.equipment-doll{height:305px}.equipment-hero{height:264px;top:21px}.equipment-owned{grid-template-columns:repeat(4,minmax(0,1fr))}.equipment-detail{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.equipment-detail-heading{grid-row:1/3}.equipment-detail .equipment-comparison{margin-top:5px}.equipment-detail p{grid-column:2;min-height:0;margin:4px 0 12px}.equipment-detail .kit-primary{grid-column:1/-1}.equipment-storage-title{margin-top:0}}
@media(max-width:480px){dialog[data-mode=inventory]{padding:15px;width:calc(100vw - 16px)}.equipment-character{padding:12px 10px}.equipment-slot{width:94px;min-height:125px}.equipment-slot strong{font-size:12px}.equipment-doll{height:285px}.equipment-hero{height:245px;width:121px;top:22px}.equipment-slot .equipment-icon{width:57px;height:57px}.equipment-owned{grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-detail{display:block}.equipment-detail-heading h3{font-size:18px}.equipment-detail p{margin:12px 0}.equipment-detail .equipment-comparison{margin-top:14px}.equipment-tabs{margin-bottom:13px}.equipment-tabs button{padding:8px 12px}.shop-product .equipment-icon{width:44px;height:44px}.shop-item .shop-product{gap:7px}.shop-destination{gap:8px}.shop-destination button{padding:8px;font-size:13px}}

@media(min-width:781px){dialog[data-mode=inventory] .kit-toolbar{padding-bottom:10px;margin-bottom:12px}.equipment-tabs{margin-bottom:14px;padding-bottom:7px}.equipment-doll{height:285px}.equipment-hero{height:252px;width:126px;top:15px}.equipment-slot{min-height:125px}.equipment-slot .equipment-icon{width:58px;height:58px}.equipment-stats{padding-top:10px}.equipment-character{padding:13px}.equipment-character .equipment-identity h3{font-size:21px}dialog[data-mode=inventory] .modal-actions{margin-top:16px}}

.equipment-layout{align-items:start}.equipment-message:empty{display:none}.equipment-slot{line-height:1.25;gap:1px;padding:6px 5px}.equipment-slot strong{line-height:1.3}.equipment-slot .equipment-icon{width:56px;height:56px}

.purchase-history-link{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;min-height:42px;margin-bottom:12px;padding:9px 12px;color:#e7ddb6;background:#132f2b;border:1px solid #9fb79348;border-radius:7px;text-align:left;font-size:14px}.purchase-history-link span{font-size:12px;color:#b7cdbf}
.purchase-history-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.purchase-history-heading h3{margin:0;font-size:20px;color:#f4e6bf}.purchase-history-heading>span{font-size:12px;color:#b1c5b9}
.purchase-history-list{display:grid;gap:9px}.purchase-history-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 15px;background:linear-gradient(125deg,#31504580,#0e2927aa);border:1px solid #9bb79c38;border-radius:10px}.purchase-history-icon{display:flex;align-items:center;justify-content:center}.purchase-history-icon .equipment-icon{width:58px;height:58px}.purchase-history-icon .kit-portrait{width:48px;height:48px}.purchase-history-icon>svg{width:42px;height:42px;color:#ddcd95}.purchase-history-result{display:flex;flex-direction:column;gap:5px;min-width:0}.purchase-history-result strong{font-size:17px;color:#faedcb;line-height:1.4;overflow-wrap:anywhere}.purchase-history-result small,.purchase-history-result>span{font-size:12px;line-height:1.5;color:#b8cec0}.purchase-history-result small{color:#91afa1}.purchase-history-cost{display:flex;flex-direction:column;gap:7px;text-align:right;font-variant-numeric:tabular-nums}.purchase-history-cost strong{font-size:15px;color:#f1dc9f;white-space:nowrap}.purchase-history-cost small{font-size:12px;color:#b6debc;white-space:nowrap}.purchase-history-row>button{min-width:58px;min-height:40px;border:1px solid #bec99466;border-radius:7px;background:#8bab8540;color:#eee6bf;font-size:13px;padding:8px 11px}
.purchase-history-note{font-size:12px;color:#a9c0b4;line-height:1.7;margin:14px 0 0}.purchase-history-empty{padding:52px 20px;text-align:center;color:#ece2bf;font-size:20px;background:#163d3355;border:1px dashed #a3bca055;border-radius:10px}.purchase-history-empty p{font-size:14px;color:#b2cbbd;line-height:1.8}.purchase-history-link:focus-visible,.purchase-history-row>button:focus-visible{outline:3px solid #b8e5e2;outline-offset:3px}
@media(max-width:480px){.equipment-tabs{gap:2px}.equipment-tabs button{padding:8px 9px;font-size:14px}.purchase-history-heading{align-items:flex-start;flex-direction:column;gap:6px}.purchase-history-row{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:11px 9px}.purchase-history-icon .equipment-icon{width:44px;height:44px}.purchase-history-result strong{font-size:15px}.purchase-history-cost strong{font-size:13px}.purchase-history-row>button{grid-column:2/4;justify-self:end;min-height:38px}.purchase-history-link span{font-size:11px}.purchase-history-empty{padding:38px 12px}}

/* Magic mirrors sit below the paper doll, clear of the four worn-equipment slots. */
.equipment-icon.mirror-icon{background-image:url('/games/assets/mirror-atlas.png');background-size:300% 200%}
.equipment-doll{height:400px}.equipment-slot-boots,.equipment-slot-light{bottom:88px}
.equipment-slot-mirror{left:50%;bottom:8px;transform:translateX(-50%);width:min(280px,calc(100% - 12px));min-height:64px;height:64px;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:14px 18px 15px;column-gap:12px;row-gap:1px;padding:5px 12px;text-align:left;align-items:center;justify-items:start}
.equipment-slot-mirror .equipment-icon{grid-column:1;grid-row:1/4;width:48px;height:48px}
.equipment-slot-mirror .equipment-slot-label{grid-column:2;grid-row:1;margin:0;align-self:center;font-size:11px}
.equipment-slot-mirror strong{grid-column:2;grid-row:2;font-size:14px}.equipment-slot-mirror small{grid-column:2;grid-row:3;font-size:11px}
@media(min-width:781px){.equipment-doll{height:365px}}
@media(min-width:481px) and (max-width:780px){.equipment-doll{height:385px}}
@media(max-width:480px){.equipment-doll{height:365px}.equipment-slot-mirror{width:min(260px,calc(100% - 8px));min-height:64px}.equipment-slot-mirror .equipment-icon{width:48px;height:48px}}