/* v40 — old Values layout preserved, clean Home button, plus-based trade calculator */

[hidden]{display:none!important}

/* Keep old visual language. Only brighten rarity text/borders a bit. */
.value-card[data-rarity='exclusive'] .rarity-text,
.detail-modal[data-rarity='exclusive'] .rarity-text,
.rarity-section-stat .rarity-section-head h2{
  filter:brightness(1.65) saturate(1.18)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.82),0 0 8px rgba(222,34,255,.22)!important;
}
.value-card[data-rarity='mythical'] .rarity-text,
.detail-modal[data-rarity='mythical'] .rarity-text{
  filter:brightness(1.35) saturate(1.12)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.82),0 0 8px rgba(255,142,12,.18)!important;
}
.value-card[data-rarity='secret'] .rarity-text,
.detail-modal[data-rarity='secret'] .rarity-text{
  filter:brightness(1.38)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.82),0 0 7px rgba(255,255,255,.12)!important;
}
.value-card[data-rarity='exclusive'] .card-button{border-color:rgba(222,34,255,.46)!important}
.value-card[data-rarity='mythical'] .card-button{border-color:rgba(255,142,12,.42)!important}
.value-card[data-rarity='secret'] .card-button{border-color:rgba(215,215,215,.30)!important}

/* Values: same header, just one Home button at far right. */
.page-tools-v40{
  grid-template-columns:minmax(260px,1fr) 168px auto 82px!important;
}
.page-tools-v40.no-variants{
  grid-template-columns:minmax(280px,1fr) 168px 82px!important;
}
.home-corner-btn{
  min-height:52px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(36,26,43,.96),rgba(18,14,22,.98));
  color:#fff8ef;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.2);
}
.home-corner-btn:hover{border-color:rgba(255,177,70,.35);transform:translateY(-1px)}

/* One single Stat Pets block; cards still retain their own rarity labels. */
.rarity-section-stat{
  border:1px solid rgba(255,255,255,.055)!important;
  background:linear-gradient(180deg,rgba(13,10,15,.92),rgba(8,7,10,.96))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.rarity-section-stat .rarity-section-head h2{
  background:none!important;
  color:#fff4e9!important;
  -webkit-text-fill-color:#fff4e9!important;
  font-family:inherit!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
  filter:none!important;
}

/* Home page in the old visual language. */
.home-v40{display:grid;gap:16px}
.home-v40-hero{
  min-height:330px;
  padding:34px 38px!important;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  align-items:center;
  background:
    radial-gradient(circle at 80% 35%,rgba(157,91,255,.12),transparent 32%),
    radial-gradient(circle at 12% 90%,rgba(255,93,35,.10),transparent 28%),
    linear-gradient(180deg,rgba(18,12,18,.96),rgba(10,8,12,.97))!important;
}
.home-v40-copy{position:relative;z-index:2}
.home-v40-copy h1{margin:10px 0 12px;font-size:clamp(2.8rem,5vw,5rem);line-height:.92;color:#fff7ef;letter-spacing:-.045em}
.home-v40-copy p{max-width:720px;margin:0;color:var(--muted);font-size:1rem;line-height:1.65}
.home-v40-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.home-v40-btn{
  min-height:50px;padding:0 22px;border-radius:16px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(57,39,72,.96),rgba(29,21,36,.98));color:#fff7ef;font-weight:950;
}
.home-v40-btn.primary{background:linear-gradient(180deg,#ffb34c,#e37927);color:#251208;border-color:rgba(255,202,105,.6)}
.home-v40-orbit{position:relative;height:250px;display:grid;place-items:center}
.home-v40-orbit img{width:140px;filter:drop-shadow(0 24px 26px rgba(0,0,0,.42));position:relative;z-index:3}
.home-orbit-ring{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.1)}
.home-orbit-ring.ring-a{width:225px;height:225px;animation:ringSpin 22s linear infinite}
.home-orbit-ring.ring-b{width:285px;height:150px;transform:rotate(-18deg);border-color:rgba(164,101,255,.18);animation:ringSpin 28s linear reverse infinite}
.home-v40-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-v40-card{min-height:145px;padding:20px!important;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:15px;align-items:center;text-align:left}
.home-v40-card:hover{transform:translateY(-2px);border-color:rgba(255,147,66,.22)!important}
.home-v40-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.home-v40-icon img{width:42px;height:42px;object-fit:contain}
.home-v40-card strong{display:block;margin-top:5px;color:#fff6ee;font-size:1.25rem}
.home-v40-card small{display:block;margin-top:5px;color:var(--muted)}
.home-v40-card b{font-size:1.8rem;color:#ffab4b}

/* Calculator — old dark panels, no inline pickers. */
.calculator-v40{display:grid;gap:16px}
.calculator-v40-header{
  min-height:92px!important;
  grid-template-columns:minmax(260px,1fr) auto!important;
  align-items:center!important;
}
.calculator-v40-head-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.calculator-v40-verdict{
  min-height:48px;padding:0 18px;border-radius:15px;display:inline-flex;align-items:center;
  border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:#fff4ea;font-weight:950;
}
.calculator-v40-verdict.is-win{color:#68e89a;border-color:rgba(104,232,154,.24);background:rgba(30,92,60,.18)}
.calculator-v40-verdict.is-lose{color:#ff6d78;border-color:rgba(255,109,120,.23);background:rgba(109,38,46,.16)}
.calculator-v40-panel{padding:20px!important}
.trade-v40-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:18px;align-items:stretch}
.trade-v40-side{
  min-width:0;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,rgba(18,13,20,.92),rgba(10,8,12,.96));display:grid;grid-template-rows:auto minmax(360px,1fr) auto;gap:14px;
}
.trade-v40-side-head{display:flex;justify-content:space-between;gap:14px;align-items:center}
.trade-v40-side-head h2{margin:4px 0 0;color:#fff7ef;font-size:1.45rem}
.trade-v40-total{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055);font-weight:950}
.trade-v40-total img{width:22px;height:22px;object-fit:contain}
.trade-v40-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start;min-height:360px}
.trade-add-v40{
  min-height:168px;border-radius:18px;border:1px dashed rgba(255,163,70,.22);background:rgba(255,255,255,.018);color:#cfbfb8;
  display:grid;place-items:center;align-content:center;gap:8px;transition:.2s ease;
}
.trade-add-v40 span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:2rem;background:linear-gradient(180deg,rgba(255,167,73,.16),rgba(255,107,44,.08));border:1px solid rgba(255,174,82,.24);color:#ffb55a}
.trade-add-v40 strong{font-size:.82rem}
.trade-add-v40:hover{border-color:rgba(255,180,85,.5);background:rgba(255,136,54,.035);transform:translateY(-1px)}
.trade-item-v40{position:relative;min-width:0;border-radius:18px;padding:10px;background:linear-gradient(180deg,rgba(24,19,27,.96),rgba(12,10,14,.97));border:1px solid rgba(255,255,255,.055);display:grid;gap:8px}
.trade-item-art-v40{height:112px;border-radius:14px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.055),transparent 48%),rgba(255,255,255,.012);display:grid;place-items:center;position:relative;overflow:hidden}
.trade-item-art-v40 img{width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.36))}
.trade-item-qty-v40{position:absolute;right:7px;top:7px;min-width:30px;height:28px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#a16cff,#6f36ce);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.72rem;font-weight:950}
.trade-item-copy-v40{min-width:0;display:grid;gap:3px}
.trade-item-copy-v40 strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff5ed;font-size:.82rem}
.trade-item-copy-v40 small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--subtle);font-size:.65rem}
.trade-item-copy-v40>span{display:flex;align-items:center;gap:5px;color:#ffda8a;font-size:.73rem;font-weight:900}
.trade-item-copy-v40>span img{width:17px;height:17px}
.trade-item-remove-v40{position:absolute;top:8px;left:8px;width:27px;height:27px;border-radius:9px;background:rgba(8,7,10,.74);border:1px solid rgba(255,255,255,.09);color:#fff;opacity:0;transition:.18s ease}
.trade-item-v40:hover .trade-item-remove-v40{opacity:1}
.trade-v40-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:12px}
.trade-ticket-input{display:grid;grid-template-columns:25px auto minmax(0,1fr);align-items:center;gap:8px;color:#cbbab3;font-weight:800}
.trade-ticket-input img{width:23px;height:23px}
.trade-ticket-input input{min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.03);padding:0 12px;color:#fff7ef}
.trade-v40-center{display:grid;place-items:center}
.trade-v40-diff{width:100%;padding:18px 12px;border-radius:20px;text-align:center;background:linear-gradient(180deg,rgba(17,13,20,.94),rgba(10,8,12,.97));border:1px solid rgba(255,255,255,.055);position:sticky;top:30px}
.trade-v40-diff span{font-size:.64rem;font-weight:950;letter-spacing:.12em;color:var(--subtle)}
.trade-v40-diff strong{display:block;margin-top:9px;font-size:1.75rem;color:#fff7ef}
.trade-v40-diff small{display:block;margin-top:7px;color:var(--muted);line-height:1.35}
.trade-v40-diff small.is-win{color:#68e89a}.trade-v40-diff small.is-lose{color:#ff6d78}

/* Picker only appears after + is clicked. */
.calc-picker-modal{
  width:min(1020px,calc(100% - 26px));max-height:min(780px,calc(100vh - 30px));padding:0;border-radius:24px;border:1px solid rgba(164,101,255,.32);
  color:var(--text);background:linear-gradient(180deg,#120e16,#0b0910);box-shadow:0 35px 100px rgba(0,0,0,.7);overflow:auto;
}
.calc-picker-modal::backdrop{background:rgba(4,3,6,.78);backdrop-filter:blur(12px)}
.calc-picker-close{position:sticky;float:right;top:12px;margin:12px 12px 0 0;width:42px;height:42px;border-radius:14px;z-index:4;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#fff;font-size:1.25rem}
.calc-picker-head{padding:24px 72px 12px 24px;display:grid;grid-template-columns:1fr minmax(260px,360px);gap:18px;align-items:end}
.calc-picker-head h2{margin:5px 0 0;font-size:2rem;color:#fff7ef}
.calc-picker-search{min-height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);display:flex;align-items:center;gap:8px;padding:0 12px}
.calc-picker-search input{width:100%;border:0;outline:0;background:transparent;color:inherit}
.calc-picker-tabs{display:flex;gap:8px;padding:8px 24px 14px;flex-wrap:wrap}
.calc-picker-tabs button{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);color:#cbbdc6;font-weight:850}
.calc-picker-tabs button.active{color:#fff;background:rgba(129,73,192,.26);border-color:rgba(164,101,255,.28)}
.calc-picker-grid{padding:0 24px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.calc-picker-card{min-width:0;border-radius:18px;padding:10px;background:linear-gradient(180deg,rgba(24,19,28,.98),rgba(12,10,15,.98));border:1px solid color-mix(in srgb,var(--picker-rarity) 34%,rgba(255,255,255,.05));display:grid;gap:7px}
.calc-picker-art{height:128px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.015)}
.calc-picker-art img{width:110px;height:110px;object-fit:contain}
.calc-picker-card>strong{color:#fff5ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calc-picker-rarity .rarity-text{font-size:.75rem!important}
.calc-picker-card>small{display:flex;align-items:center;gap:5px;color:#ffda8a;font-weight:900}.calc-picker-card>small img{width:18px;height:18px}
.calc-picker-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:2px}
.calc-picker-variant{min-height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.035);color:#fff;font-size:.66rem;font-weight:850}
.calc-picker-variant:hover{border-color:rgba(255,177,83,.4);background:rgba(255,135,49,.08)}
.calc-picker-empty{grid-column:1/-1;min-height:220px;display:grid;place-items:center;color:var(--muted)}

@media(max-width:1250px){
  .page-tools-v40{grid-template-columns:minmax(220px,1fr) 150px 82px!important}
  .page-tools-v40 #variantTools{grid-column:1/-1}
  .trade-v40-grid{grid-template-columns:1fr}
  .trade-v40-center{order:-1}.trade-v40-diff{position:static;max-width:340px}
}
@media(max-width:900px){
  .home-v40-hero{grid-template-columns:1fr}.home-v40-orbit{height:170px}.home-v40-orbit img{width:100px}
  .home-v40-grid{grid-template-columns:1fr}
  .calculator-v40-header{grid-template-columns:1fr!important}.calculator-v40-head-actions{justify-content:flex-start;flex-wrap:wrap}
  .trade-v40-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc-picker-head{grid-template-columns:1fr}.calc-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .page-tools-v40,.page-tools-v40.no-variants{grid-template-columns:1fr!important}
  .home-corner-btn{width:100%}
  .trade-v40-items{grid-template-columns:1fr 1fr}.trade-item-art-v40{height:100px}
  .calc-picker-grid{grid-template-columns:1fr 1fr;padding-inline:12px}.calc-picker-head,.calc-picker-tabs{padding-inline:12px}
}

.calc-picker-rarity .rarity-text{
  display:inline-block;
  background:var(--rarity-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  font-family:'Lilita One','Arial Rounded MT Bold',system-ui,sans-serif!important;
  -webkit-text-stroke:1px rgba(12,10,15,.9);
  paint-order:stroke fill;
  filter:brightness(1.35);
}