/* Forever Auction House — Grimlight's Depot. Shares tokens and header with site.css. */
.ah{--rise:#6CC7C0;--fall:#E59A7E;--amber:#F0B55A;--row:#121518;--row-alt:#14171A;--row-hover:#1A1E22;--head:#181C20;--card:#121518;--tip:#101116}
.ah-page[hidden]{display:none}
.ah .wrap{padding:0 var(--gutter)}
.ah h1,.ah h2,.ah h3{margin:0}
.ah button,.ah input,.ah select{font:inherit;color:inherit}
.ah select,.ah input[type=search]{background:var(--surface);border:1px solid var(--line);border-radius:2px;color:var(--bone)}
.ah select{height:46px;padding:0 12px;font-size:15px}
.ah select:hover{border-color:var(--brass)}
.ah input::placeholder{color:#857E72}
.ah .muted{color:var(--ash)}
.ah .up{color:var(--rise)}.ah .down{color:var(--fall)}
.ah .num{font-variant-numeric:tabular-nums}
.ah .g{color:#E5C04A}.ah .s{color:#C9CED3}.ah .c{color:#D08A55}
.ah .btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;background:transparent;border:1px solid var(--brass);border-radius:2px;color:var(--brass-hi);font-weight:600;font-size:14px;cursor:pointer;transition:border-color .15s,color .15s}
.ah .btn-outline:hover:not(:disabled){border-color:var(--brass-hi);color:#F4D892}
.ah .btn-quiet{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;background:var(--surface);border:1px solid var(--line);border-radius:2px;color:var(--parch);font-weight:500;font-size:14px;cursor:pointer}
.ah .btn-quiet:hover:not(:disabled){border-color:var(--brass);color:#F4D892}
.ah button:disabled{opacity:.45;cursor:not-allowed}
.ah .btn-small{height:34px;padding:0 14px;font-size:13px}

/* Hero: title, freshness and search in one compact band */
.ah-hero{position:relative;min-height:300px;overflow:hidden;display:flex;align-items:flex-end}
.ah-hero .art{object-position:80% 24%}
.ah-hero .scrim.side{background:linear-gradient(90deg,rgba(10,11,13,.95) 0%,rgba(10,11,13,.82) 38%,rgba(10,11,13,.3) 66%,rgba(10,11,13,.12) 100%)}
.ah-hero .scrim.foot{top:auto;height:170px;background:linear-gradient(180deg,rgba(14,16,18,0),var(--ink))}
.ah-hero-copy{position:relative;z-index:1;width:100%;padding:108px var(--gutter) 24px;display:flex;flex-direction:column;gap:18px}
.ah-head{display:flex;flex-direction:column;gap:8px}
.ah-title{font:600 clamp(36px,4.2vw,56px)/1 var(--serif);color:var(--bone-hi)}
.ah-title a{color:inherit}
.ah-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:28px;font-size:14px;color:var(--ash)}
.age{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--teal)}
.age::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.age.stale{color:var(--amber)}
.age-sub{font-size:13px;color:var(--ash)}
#fresh-note{display:inline-flex;align-items:center;gap:10px;font-size:13px}
#fresh-note:empty{display:none}
#fresh-note.warn{color:var(--amber);font-weight:500}
#fresh-note.alert{color:var(--fall);font-weight:500}
#fresh-note.ok{color:var(--parch);font-weight:500}
.search{display:flex;gap:10px;max-width:980px}
.search-box{position:relative;flex:1}
.search-box svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);pointer-events:none}
.search-box input{width:100%;height:60px;padding:0 20px 0 54px;background:rgba(11,13,15,.9);border-color:rgba(199,154,75,.45);font-size:18px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.search-box input:focus{border-color:var(--brass-hi)}
.search .btn-quiet{height:60px;background:rgba(21,24,27,.9)}
.search .btn-quiet[hidden]{display:none}

/* Filters (collapsed until asked for) */
.discover{padding:0 var(--gutter);display:flex;flex-direction:column;gap:10px}
.ah .filters-toggle{display:flex}
.filters{display:none;flex-direction:column;gap:18px;max-width:980px;padding:18px 20px;background:var(--surface);border:1px solid var(--line-soft)}
.filters.open{display:flex}
.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.controls label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#B9B0A0}
.checks{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px}
.check{display:flex;align-items:center;gap:10px;min-height:36px;font-size:14px;color:var(--parch);cursor:pointer}
.check input{width:18px;height:18px;margin:0;accent-color:var(--brass)}
.scope{font-size:13px;color:var(--ash)}
.notes-meta{color:var(--parch-2)}
.discover+.map-card{margin-top:22px}

/* Help tip */
.help{position:relative;display:inline-flex;vertical-align:middle}
.help>button{width:22px;height:22px;padding:0;display:grid;place-items:center;border:1px solid #5A5F66;border-radius:50%;background:transparent;color:#B9B0A0;font-size:11px;font-weight:600;cursor:help}
.help [role=tooltip]{position:absolute;left:-8px;top:30px;z-index:30;width:290px;max-width:calc(100vw - 40px);padding:12px 14px;background:#0B0D0F;border:1px solid #4A5057;box-shadow:0 12px 28px rgba(0,0,0,.55);font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--parch);display:none}
.help:hover [role=tooltip],.help:focus-within [role=tooltip]{display:block}

/* Price movements */
.movements{padding:28px var(--gutter) 0;display:flex;flex-direction:column;gap:16px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sec-title{font:600 32px/1.1 var(--serif);color:var(--bone-hi)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.metric{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;border-top:1px solid var(--brass);background:linear-gradient(180deg,rgba(199,154,75,.07),rgba(199,154,75,0))}
.metric-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#B9B0A0}
.metric-value{font:600 40px/1.05 var(--serif);color:var(--bone-hi);white-space:nowrap;font-variant-numeric:tabular-nums}
.metric-value small{font:500 13px var(--sans);color:var(--brass-hi);margin-left:6px}
.metric-note{font-size:12px;color:var(--ash)}
.chips-row{display:flex;flex-wrap:wrap;gap:10px}
.move{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;background:transparent;border:1px solid var(--line);border-radius:20px;color:var(--parch-2);font-size:14px;font-weight:500;cursor:pointer;font-variant-numeric:tabular-nums}
.move:hover{border-color:var(--brass)}
.move[aria-pressed=true]{background:#23262A;border-color:var(--brass)}
.move.up{color:var(--rise)}.move.down{color:var(--fall)}

/* Cards */
.card{margin:32px var(--gutter) 0;background:var(--card);border:1px solid var(--line-soft)}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 24px 16px}
.card-title{font:600 30px/1.1 var(--serif);color:var(--bone-hi)}
.card-sub{font-size:13px;color:var(--ash);margin-top:4px}
.inline-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#B9B0A0}
.inline-label select{height:40px;font-size:14px}
.filter-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 24px 12px;padding:10px 14px;border:1px solid rgba(199,154,75,.45);font-size:13px;color:var(--brass-hi)}

/* Items table */
.items{--cols:minmax(0,1fr) 170px 110px 96px 96px 92px 220px}
.items .tr{display:grid;grid-template-columns:var(--cols);gap:16px;align-items:center;padding:6px 24px;min-height:56px;border-bottom:1px solid #22272B;font-size:14px;font-variant-numeric:tabular-nums}
.items .thead .tr{min-height:44px;background:var(--head);border-top:1px solid #2F353B;border-bottom-color:#2F353B;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ash)}
.items .tbody .tr:nth-child(even){background:var(--row-alt)}
.items .tbody .tr:hover{background:var(--row-hover)}
.r{text-align:right}
.cell-item{display:flex;align-items:center;gap:12px;min-width:0}
.icon{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border:1px solid currentColor;background:#1D2125;font:700 16px var(--serif)}
.icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.icon.has-img{font-size:0}
.icon.has-img img{opacity:1}
.icon-lg{width:56px;height:56px;font-size:28px;border-width:2px}
.icon-tip{width:36px;height:36px;font-size:18px}
.item-title-row{display:flex;align-items:center;gap:16px}
.wow-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:2px}
.wow-head .wow-title{margin-bottom:0}
.item-link{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px dotted rgba(236,227,207,.35)}
.item-link:hover{border-bottom-style:solid}
.item-sub{display:none;font-size:12px;color:var(--ash)}
.price{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.coins{display:inline-flex;justify-content:flex-end;gap:6px;white-space:nowrap;color:var(--bone)}
.coins>span{min-width:30px;text-align:right}
.coins>span:first-child{min-width:54px}
.seen{font-size:11px;color:var(--ash)}
.cat{color:#B9B0A0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.absent{color:var(--ash)}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;font-size:13px;color:var(--ash);font-variant-numeric:tabular-nums}
.pager-btns{display:flex;align-items:center;gap:12px}
.pager button{width:40px;height:40px;padding:0;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:2px;color:var(--parch);cursor:pointer}
.pager button:hover:not(:disabled){border-color:var(--brass-hi)}
.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;text-align:center}
.empty h3{font:600 30px var(--serif);color:var(--bone-hi)}
.empty p{color:#B9B0A0;max-width:460px}
.skel{height:12px;background:#262B30;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.5}}

/* Tooltip */
.wow-tip{position:fixed;z-index:60;width:max-content;min-width:230px;max-width:min(340px,calc(100vw - 24px));padding:12px 14px;background:var(--tip);border:1px solid #4A5057;box-shadow:0 16px 36px rgba(0,0,0,.65);color:#fff;font-size:13px;line-height:1.45;pointer-events:none}
.wow-tip[hidden]{display:none}
.wow-title{font-size:14px;font-weight:600;margin-bottom:2px}
.wow-line{display:flex;justify-content:space-between;gap:18px;white-space:pre-wrap}
.wow-gold{color:#FFD100}
.wow-id{display:flex;justify-content:space-between;gap:18px;margin-top:8px;font-size:11px;color:#B7A98C}
.wow-market{margin-top:8px;padding-top:8px;border-top:1px solid #3A2F20;font-size:12px;color:#C3B493}
.wow-market div{display:flex;justify-content:space-between;gap:20px}
.wow-market b{font-weight:400;color:#fff}
.wow-note{margin-top:8px;font-size:11px;color:#AA9C84}
img.coin{display:inline-block;width:.8em;height:.8em;min-width:12px;min-height:12px;max-width:18px;max-height:18px;margin-left:.12em;vertical-align:-.06em}
.coins img.coin{margin-left:2px}

/* Heatmap */
.map-card{padding:20px 24px}
.map-card .card-head{padding:0 0 14px}
.map-tools{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.map-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--ash)}
.map-crumbs button{background:none;border:0;padding:4px 0;color:var(--brass-hi);font-weight:500;cursor:pointer}
.legend{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ash)}
.legend i{width:96px;height:8px;background:linear-gradient(90deg,#8E3A2C,#34373A,#0B6F72)}
.legend b{width:10px;height:10px;margin-left:8px;background:repeating-linear-gradient(45deg,#4B4E52 0 2px,#2A2D30 2px 4px)}
.map{position:relative;height:520px;background:#0B0D0F;border:1px solid var(--line);overflow:hidden}
.map-group{position:absolute;box-sizing:border-box;border:1px solid #0B0D0F;overflow:hidden}
.map-group>button{position:absolute;top:0;left:0;width:100%;height:24px;padding:3px 8px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#181B1E;color:var(--brass-hi);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.map-inner{position:absolute;inset:24px 0 0}
.tile{position:absolute;box-sizing:border-box;border:1px solid #0B0D0F;color:#F4EAD5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px;overflow:hidden;text-align:center;cursor:pointer;background:#34373A;transition:filter .12s}
.tile:hover,.tile:focus-visible{filter:brightness(1.2);outline:2px solid var(--brass-hi);outline-offset:-3px;z-index:3}
.tile strong{font:600 15px/1.2 var(--serif);text-shadow:0 1px 2px rgba(0,0,0,.7)}
.tile span{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.tile small{font-size:11px;color:#D5CBB9}
.map-hover{min-height:22px;padding:10px 0 2px;font-size:13px;color:var(--bone);font-variant-numeric:tabular-nums}
.method{font-size:12px;line-height:1.7;color:var(--ash)}

/* Notes */
.notes{margin:24px var(--gutter) 0;padding:18px 0;border-top:1px solid var(--line-soft);color:#B9B0A0;font-size:14px;line-height:1.7}
.notes summary{cursor:pointer;font:600 22px var(--serif);color:var(--brass-hi)}
.notes p{max-width:950px;margin-top:10px}

/* Item page */
.item-head{position:relative;min-height:clamp(400px,26vw,500px);overflow:hidden;display:flex;align-items:flex-end}
/* Keep Veruca's head in frame at every width: anchor near the top of the art. */
.item-head .art{object-position:72% 14%;opacity:.8}
.item-head .scrim.side{background:linear-gradient(90deg,rgba(10,11,13,.97) 0%,rgba(10,11,13,.9) 40%,rgba(10,11,13,.45) 70%,rgba(10,11,13,.3) 100%)}
.item-head .scrim.foot{top:auto;height:140px;background:linear-gradient(180deg,rgba(14,16,18,0),var(--ink))}
.item-head-copy{position:relative;z-index:1;width:100%;padding:124px var(--gutter) 36px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}
.back{display:inline-flex;align-items:center;min-height:36px;font-size:14px;font-weight:600}
.item-path{font-size:13px;color:var(--ash)}
.item-name{font:600 clamp(40px,5.5vw,72px)/1 var(--serif);overflow-wrap:anywhere}
.item-name:focus{outline:none}
.item-state{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;font-size:15px;color:var(--parch-2)}
.item-state>span+span::before{content:'·';margin:0 10px;color:var(--ash-2)}
.item-state .seen-now{color:var(--rise)}.item-state .seen-old{color:var(--amber)}
.item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.item-actions>div{display:flex;gap:10px;flex-wrap:wrap}
.item-actions button[aria-pressed=true]{border-color:var(--brass);color:var(--brass-hi)}
.item-body{padding:8px var(--gutter) 0;display:flex;flex-direction:column;gap:22px}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 22px;background:var(--surface);border:1px solid rgba(199,154,75,.4)}
.bar>div{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.item-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.item-metrics .metric-value{font-size:40px}
.item-metrics .metric-value.date{font-size:24px;line-height:1.5;white-space:normal}
.compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;font-variant-numeric:tabular-nums}
.compare>div{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid var(--line)}
.compare h3{font-size:13px;font-weight:500;color:#B9B0A0}
.compare p{font-size:17px}
.compare strong{font-size:20px}
.compare small{font-size:12px;color:var(--ash)}
.native{padding:14px 16px;background:var(--tip);border:1px solid #4A5057;font-size:13px;line-height:1.5;color:#fff}
.dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.dl dt{color:var(--ash)}.dl dd{margin:0}
.hist-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.hist-range{display:flex;gap:40px;font-variant-numeric:tabular-nums}
.hist-range div{text-align:right}.hist-range dt{font-size:12px;color:var(--ash)}.hist-range dd{margin:0;font-size:18px}
.chart-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line-soft)}
.chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--parch-2)}
.chart-legend span{display:flex;align-items:center;gap:8px}
.chart-legend i{width:18px;height:2px}
.chart{position:relative;height:320px}
.chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.chart .y{position:absolute;left:0;width:54px;text-align:right;font-size:12px;line-height:16px;color:var(--ash);font-variant-numeric:tabular-nums}
.chart .x{position:absolute;top:290px;width:100px;margin-left:-50px;text-align:center;font-size:12px;color:var(--ash)}
.chart .col{position:absolute;top:16px;height:260px;padding:0;background:transparent;border:0;cursor:crosshair}
.chart .col:hover,.chart .col:focus-visible{background:rgba(236,227,207,.04)}
.chart-tip{position:absolute;top:24px;width:220px;padding:12px 14px;background:#0B0D0F;border:1px solid #4A5057;box-shadow:0 12px 28px rgba(0,0,0,.55);font-size:13px;line-height:1.6;pointer-events:none;font-variant-numeric:tabular-nums}
.chart-tip p{display:flex;justify-content:space-between;gap:10px}
.obs{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.obs th{padding:12px 16px;background:var(--head);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ash);text-align:right}
.obs td{padding:14px 16px;border-top:1px solid #22272B;text-align:right}
.obs th:first-child,.obs td:first-child{text-align:left;padding-left:24px}
.obs th:last-child,.obs td:last-child{text-align:left;padding-right:24px}
.table-scroll{overflow-x:auto}
.foot-note{margin:18px var(--gutter) 0;font-size:12px;line-height:1.7;color:var(--ash)}
.ah-space{height:64px}
.load-fail{margin:40px var(--gutter)}

/* Tablet */
@media (max-width:1100px){
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .items{--cols:minmax(0,1fr) 150px 90px 80px}
  .items .col-scan,.items .col-days,.items .col-cat{display:none}
  .item-sub{display:block}
}
/* Phone */
@media (max-width:760px){
  .ah-hero{min-height:260px}
  .ah-hero .art{object-position:58% 12%}
  .ah-hero .scrim.side{background:linear-gradient(180deg,rgba(10,11,13,.25),rgba(10,11,13,.5) 40%,rgba(14,16,18,.97))}
  .ah-hero-copy{padding:88px 16px 16px;gap:14px}
  .search{gap:8px}
  .search-box input{height:52px;font-size:16px}
  .search .btn-quiet{height:52px;padding:0 14px}
  .discover{padding:0 16px}
  .filters{padding:14px}
  .controls{grid-template-columns:1fr}
  .controls select{height:48px;font-size:16px}
  .sec-title{font-size:28px}
  .metrics{gap:10px}
  .metric{padding:12px 12px 14px}
  .metric-value{font-size:28px}
  .move{min-height:44px;padding:0 14px}
  .card{margin:24px 16px 0}
  .card-head{padding:16px 16px 12px}
  .card-title{font-size:26px}
  .filter-note{margin:0 16px 12px}
  .items{--cols:minmax(0,1fr) auto}
  .items .thead{display:none}
  .items .tr{padding:8px 16px;min-height:72px;gap:10px}
  .items .col-units{display:none}
  .items .col-change{grid-column:2;justify-self:end;font-size:12px;margin-top:-18px}
  .items .price{grid-row:1;grid-column:2}
  .cell-item{grid-row:1/3}
  .pager{padding:12px 16px}
  .map-card{padding:16px}
  .map{height:440px}
  .map-group>button{height:22px;font-size:9px;padding:3px 6px}
  .map-inner{top:22px}
  .tile strong{font-size:13px}.tile span{font-size:11px}.tile small{display:none}
  .legend i{width:60px}
  .notes{margin:20px 16px 0}
  .item-head{min-height:320px}
  .item-head .art{object-position:76% 12%}
  .item-head-copy{padding:84px 16px 14px;gap:14px}
  .icon-lg{width:44px;height:44px;font-size:22px}
  .item-title-row{gap:12px}
  .item-actions{align-items:stretch;width:100%}
  .item-actions>div>button{flex:1}
  .item-body{padding:8px 16px 0}
  .item-metrics,.compare{grid-template-columns:1fr;gap:12px}
  .hist-range{gap:24px}
  .hist-range div{text-align:left}
  .foot-note{margin:16px 16px 0}
  .obs{min-width:680px}
  .obs th,.obs td{padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){.skel{animation:none}.tile{transition:none}}

/* Item reference: in-game tooltip, links, quick facts */
.section-title{font:600 30px/1.1 var(--serif);color:var(--bone-hi);margin-top:12px}
.item-ref{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.ref-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.ref-panel{background:var(--card);border:1px solid var(--line-soft);border-top:1px solid var(--brass);padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.ref-title{font:600 13px/1 var(--caps);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-hi)}
.ref-note{font-size:12px;line-height:1.6;color:var(--ash)}
.tip-card{display:flex;align-items:flex-start;gap:12px}
.tip-card .native{flex:1;min-width:0;max-width:380px;border-radius:4px;box-shadow:0 10px 26px rgba(0,0,0,.45)}
.tip-card .native .wow-title{font-size:15px}
.ref-links{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0}
.ref-links li{display:flex;flex-direction:column;gap:2px}
.ref-links a{font-weight:600;color:var(--brass-hi);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(224,184,102,.4);width:fit-content}
.ref-links a:hover{color:#F4D892}
.ref-links span{font-size:13px;color:var(--ash)}
.ref-cmd{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--line-soft)}
.ref-cmd-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ref-cmd h3{font-size:14px;font-weight:600;color:var(--bone)}
.ref-cmd code{display:block;padding:10px 12px;background:#0B0D0F;border:1px solid var(--line-soft);color:#CFE8E8;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;user-select:all}
.ref-actions{display:flex;flex-wrap:wrap;gap:8px}
.ref-status{font-size:13px;min-height:20px}
.qf{margin:0}
.qf div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.qf div:last-child{border-bottom:0}
.qf dt{color:var(--ash);font:400 14px var(--sans);text-transform:none;letter-spacing:0}
.qf dd{margin:0;text-align:right;font-weight:600;color:var(--bone);font-size:14px}
.scan-values{max-width:560px}
@media (max-width:900px){.item-ref{grid-template-columns:1fr}}
@media (max-width:760px){.section-title{font-size:26px}.ref-panel{padding:16px}.tip-card .icon-lg{display:none}.ref-cmd-head{flex-wrap:wrap}}

/* Dressing room. dressing.js sets --dr-tile (the tiled watermark) on the stage and repaints this backdrop on saved images. */
.dr{gap:12px}
.dr-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dr-stage{position:relative;height:clamp(420px,52vw,600px);background:var(--dr-tile,none) 0 0/var(--dr-tile-size,auto),radial-gradient(ellipse at 50% 38%,#26221c 0%,#15181b 62%,#101214 100%);border:1px solid var(--line-soft)}
.dr-stage:fullscreen{height:100vh;border:0}
.dr-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.dr-canvas:active{cursor:grabbing}
.dr-canvas:focus-visible{outline:2px solid var(--brass-hi);outline-offset:-2px}
.dr-status{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:14px;color:var(--parch-2);padding:0 16px}
.dr-status[hidden]{display:none}
.dr-status a{color:var(--brass-hi)}
.dr-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dr-controls select{height:34px;padding:0 10px;background:var(--surface);color:var(--bone);border:1px solid var(--line);border-radius:2px;font:500 13px var(--sans)}
.dr-controls select:disabled{opacity:.45}
.dr-controls button[aria-pressed=true]{border-color:var(--brass);color:var(--brass-hi)}
.dr-spacer{flex:1}
.dr-caption{font-size:12px;color:var(--ash)}
@media (max-width:760px){.dr-stage{height:420px}.dr-spacer{display:none}}
.item-details{margin-top:36px}

/* Auction market selector (Horde / Alliance / Neutral) — each is a separate market */
[data-mv][hidden],.market-empty[hidden],.market-note[hidden]{display:none!important}
.market-picker{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 2px}
.mk{--mk:#8E877B;--mk-bg:rgba(142,135,123,.16);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:168px;padding:11px 16px 10px 16px;
  background:rgba(12,14,16,.78);border:1px solid rgba(236,227,207,.22);border-top:3px solid var(--mk);border-radius:4px;color:var(--parch);
  font:500 13px/1.3 var(--sans);text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;backdrop-filter:blur(4px)}
.mk:hover{background:rgba(20,23,26,.92);border-color:rgba(236,227,207,.45);border-top-color:var(--mk);color:#fff}
.mk:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.mk-horde{--mk:#C4533B;--mk-bg:rgba(196,83,59,.22)}
.mk-alliance{--mk:#4F86D6;--mk-bg:rgba(79,134,214,.22)}
.mk-neutral{--mk:#C79A4B;--mk-bg:rgba(199,154,75,.22)}
.mk-name{font:600 19px/1.1 var(--serif);letter-spacing:.01em;color:var(--bone-hi)}
.mk-place{font-size:12px;color:var(--ash);letter-spacing:.02em}
.mk-line{font-size:12px;color:var(--ash-2);margin-top:3px}
.mk.on{background:linear-gradient(180deg,var(--mk-bg),rgba(12,14,16,.86));border-color:var(--mk);border-top-color:var(--mk);color:#fff}
.mk.on .mk-name{color:#fff}
.mk.on .mk-line{color:var(--bone)}
.mk.on .mk-line b{color:#fff;font-weight:600}
.mk.on::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--mk)}
.market-picker.compact{gap:8px;margin:4px 0}
.market-picker.compact .mk{min-width:0;padding:7px 12px 6px;border-top-width:2px}
.market-picker.compact .mk-name{font-size:16px}
.market-picker.compact .mk-line{margin-top:1px;font-size:11px}
.market-note{font-size:13px;color:var(--amber)}
.age.none{color:var(--ash)}
.market-empty{padding:28px 32px;display:flex;flex-direction:column;gap:12px;max-width:none}
.market-empty .card-title{font-size:30px}
.market-empty .body{max-width:720px;font-size:16px;color:var(--parch)}
.empty-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
@media (max-width:760px){
  .market-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mk{min-width:0;padding:9px 10px 8px}
  .mk-name{font-size:17px}
  .mk-place{font-size:11px}
  .mk-line{font-size:11px}
  .market-picker.compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-empty{padding:20px 16px}
  .market-empty .card-title{font-size:24px}
}
/* Shopping list: the item page's quantity + add row, and the overview card (?shop=1). */
.ah input.qty{width:84px;height:40px;padding:0 10px;background:var(--surface);border:1px solid var(--line);border-radius:2px;color:var(--bone);font-size:15px;font-variant-numeric:tabular-nums;text-align:right}
.shop-add{align-items:center;justify-content:flex-end}
.shop-card{scroll-margin-top:96px;margin-bottom:24px}
.shop-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.shop-table td{vertical-align:middle}
.shop-table th{position:relative}
.shop-table .qty{height:34px;width:92px}
.shop-table th:nth-child(2),.shop-table td:nth-child(2){text-align:right}
.shop-table td:last-child{text-align:right}
.shop-item{display:flex;align-items:center;gap:12px;min-width:0}
.shop-card .empty{padding:40px 24px}
.shop-foot{display:flex;flex-direction:column;gap:10px;padding:16px 24px 22px;border-top:1px solid #22272B}
.shop-total{font-size:15px;color:var(--bone-hi)}
.shop-status{font-size:13px;min-height:20px}
.shop-status:empty{display:none}
.shop-pair{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid #22272B}
.shop-pair h3{font-size:15px;font-weight:600;color:var(--bone-hi)}
.shop-code{font-size:15px;color:var(--parch)}
.shop-code code{margin-left:6px;padding:4px 10px;background:var(--surface);border:1px solid var(--brass);border-radius:2px;font:600 18px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:var(--brass-hi);user-select:all}
@media (max-width:760px){
  .shop-add{justify-content:flex-start}
  .shop-foot{padding:14px 16px 18px}
  .shop-table th,.shop-table td{padding-left:10px;padding-right:10px}
}

/* Private shopping history: market-specific asking prices and explicit origins. */
.shop-history { display: grid; gap: 5px; min-width: 195px; font-size: 12px; line-height: 1.5; text-align: left; }
.shop-added { color: #e7dfcd; }
.shop-reference { color: #b5aa94; }
.shop-origin { display: block; color: #9cbdbc; font-size: 11px; margin-bottom: 7px; }
.shop-lower { color: #88ccb1; }
.shop-higher { color: #e5b281; }
.shop-game-note { font-size: 12px; }
.shop-table td { vertical-align: top; }
@media (max-width: 720px) {
  .shop-table thead { display: none; }
  .shop-table, .shop-table tbody, .shop-table tr, .shop-table td { display: block; width: auto; min-width: 0; }
  .shop-table tr { padding: 16px 0; border-bottom: 1px solid #343c3e; }
  .shop-table td { padding: 6px 18px; border: 0; white-space: normal; }
  .shop-table td:nth-child(2)::before { content: 'Planned quantity: '; color: #b5aa94; }
  .shop-table td:nth-child(3)::before { content: 'Minimum each: '; color: #b5aa94; }
  .shop-table td:nth-child(4)::before { content: 'At minimum: '; color: #b5aa94; }
}

/* Server identity precedes the faction pool. Each compact item view retains the same controls. */
.market-picker, .market-picker.compact { display:block; }
.market-options { display:flex; gap:10px; }
.market-options > .mk { flex:1; min-width:0; }
.server-controls { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:14px 0; }
.server-choice { display:flex; flex-direction:column; gap:5px; color:var(--muted,#a8a1a1); font-size:12px; }
.server-choice select { min-height:40px; max-width:100%; padding:8px 32px 8px 10px; border:1px solid #62554b; border-radius:5px; background:#181516; color:#eee3cf; font:inherit; font-size:14px; }
.server-choice select:focus-visible { outline:2px solid #d3ac64; outline-offset:2px; }
.server-save { flex-basis:100%; margin:0; color:#aaa29a; font-size:12px; }
@media(max-width:540px) { .server-choice { flex:1; min-width:130px; } .server-choice select { width:100%; } .market-options { gap:5px; } }