/* ============================================================
   TF2Bolt — Free TF2 Price Checker
   Deliberately brighter and more utility-like than the game pages:
   warm paper surfaces, larger type, clear buy/sell market language.
   ============================================================ */

.price-checker-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 0%,rgba(232,145,43,.16),transparent 26rem),
    linear-gradient(180deg,#eee8df 0,#f5f1ea 44%,#ebe5dc 100%);
  color:#211f1b;
}
.price-checker-page .site-header{box-shadow:0 1px 0 rgba(255,255,255,.04),0 12px 32px rgba(0,0,0,.16)}
.pc-shell{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:34px 0 72px}
.pc-shell *{box-sizing:border-box}
.pc-state[hidden],.pc-results[hidden],.pc-no-matches[hidden],.pc-profile-avatar[hidden]{display:none!important}

/* ---------- hero ---------- */
.pc-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);gap:22px;align-items:stretch}
.pc-hero-copy{
  position:relative;overflow:hidden;border-radius:26px;padding:38px 40px;
  color:#fff;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 92% 16%,rgba(242,159,54,.31),transparent 17rem),
    radial-gradient(circle at 68% 110%,rgba(255,190,90,.15),transparent 25rem),
    linear-gradient(135deg,#15181d 0%,#22211f 58%,#342417 100%);
  box-shadow:0 22px 60px rgba(55,40,24,.18);
}
.pc-hero-copy:after{
  content:"";position:absolute;right:-40px;bottom:-100px;width:330px;height:330px;border-radius:50%;
  border:1px solid rgba(255,180,68,.18);box-shadow:0 0 0 44px rgba(255,180,68,.035),0 0 0 88px rgba(255,180,68,.025);
  pointer-events:none;
}
.pc-kicker,.pc-section-kicker{
  display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:1.15px;text-transform:uppercase
}
.pc-kicker{color:#ffb24d}
.pc-section-kicker{color:#a45d0c}
.pc-hero h1{
  position:relative;z-index:1;margin:12px 0 13px;max-width:760px;
  font-size:clamp(38px,4.8vw,62px);line-height:.98;letter-spacing:-2.1px;color:#fff
}
.pc-hero-copy>p{
  position:relative;z-index:1;max-width:780px;margin:0;color:#d2cec8;font-size:16px;line-height:1.7
}
.pc-hero-copy>p b{color:#fff}
.pc-definition-row{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.pc-definition{
  display:flex;gap:13px;align-items:flex-start;min-height:96px;padding:15px 16px;border-radius:15px;
  background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px)
}
.pc-definition-icon{width:35px;height:35px;flex:0 0 35px;border-radius:10px;display:grid;place-items:center;font-size:14px}
.pc-definition-sell .pc-definition-icon{background:rgba(73,195,125,.14);color:#72dda1;border:1px solid rgba(114,221,161,.24)}
.pc-definition-buy .pc-definition-icon{background:rgba(244,161,56,.14);color:#ffb24d;border:1px solid rgba(255,178,77,.24)}
.pc-definition b{display:block;color:#fff;font-size:14px;margin:1px 0 5px}
.pc-definition p{margin:0;color:#bcb8b2;font-size:12px;line-height:1.55}
.pc-trust-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.pc-trust-row span{
  display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.16);color:#d8d2ca;font-size:11px;font-weight:800
}
.pc-trust-row i{color:#79dea5}

/* ---------- search ---------- */
.pc-search-card{
  border-radius:26px;padding:34px;background:#fffdf9;border:1px solid #ded5c8;
  box-shadow:0 22px 60px rgba(66,47,29,.12);display:flex;flex-direction:column;justify-content:center
}
.pc-search-label{font-size:11px;font-weight:950;letter-spacing:1.25px;color:#a45d0c;margin-bottom:9px}
.pc-search-card label{font-size:19px;font-weight:900;letter-spacing:-.2px;color:#25211c;margin-bottom:13px}
.pc-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.pc-search-input{
  width:100%;min-width:0;height:54px;padding:0 16px;border:1px solid #cfc4b5;background:#faf7f1;color:#24211d;
  border-radius:13px;font:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s
}
.pc-search-input::placeholder{color:#9e968b}
.pc-search-input:focus{background:#fff;border-color:#de8e28;box-shadow:0 0 0 4px rgba(222,142,40,.14)}
.pc-search-row button{
  min-height:54px;border:1px solid #b96b12;background:linear-gradient(180deg,#f5a43d,#df861e);color:#271708;
  border-radius:13px;padding:0 21px;font:inherit;font-size:13px;font-weight:950;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-shadow:0 8px 20px rgba(211,119,15,.18)
}
.pc-search-row button:hover{filter:brightness(1.035);transform:translateY(-1px)}
.pc-search-row button:disabled{opacity:.65;cursor:wait;transform:none}
.pc-search-help{margin:10px 0 0;color:#777066;font-size:11px;line-height:1.55}
.pc-search-help code{padding:2px 5px;background:#f1ece4;border:1px solid #e5ddd1;border-radius:5px;color:#514b43}
.pc-search-note{
  margin-top:20px;padding:13px 14px;border:1px solid #d9e7dd;background:#f2faf5;border-radius:12px;
  color:#42614d;font-size:12px;line-height:1.55;display:flex;gap:10px;align-items:flex-start
}
.pc-search-note i{margin-top:2px;color:#3b9c62}

/* ---------- explainer ---------- */
.pc-method-card{
  margin-top:20px;padding:26px;border:1px solid #d9d0c4;background:rgba(255,253,249,.88);
  border-radius:20px;box-shadow:0 14px 38px rgba(67,50,32,.075)
}
.pc-method-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}
.pc-method-head h2{margin:5px 0 0;color:#26221d;font-size:24px;letter-spacing:-.5px}
.pc-method-note{color:#6f685f;font-size:12px}.pc-method-note i{color:#c97718;margin-right:5px}
.pc-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pc-method-grid article{
  display:flex;gap:12px;padding:15px;border:1px solid #e0d7ca;background:#fff;border-radius:13px
}
.pc-method-grid article>i{
  width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;
  background:#fff3e2;border:1px solid #f1d6b2;color:#b9670f;font-size:15px
}
.pc-method-grid b{display:block;font-size:13px;color:#29251f;margin:1px 0 5px}
.pc-method-grid p{margin:0;color:#756e64;font-size:11.5px;line-height:1.55}

/* ---------- states ---------- */
.pc-state{
  margin-top:20px;min-height:260px;padding:34px;border:1px solid #d8cec0;background:#fffdf9;border-radius:20px;
  box-shadow:0 14px 38px rgba(67,50,32,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center
}
.pc-empty-icon{
  width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#fff1dc;border:1px solid #f0d2a7;
  color:#c97518;font-size:26px
}
.pc-state h2{margin:15px 0 7px;color:#29241f;font-size:21px}
.pc-state p{max-width:660px;margin:0;color:#746d64;font-size:13px;line-height:1.65}
.pc-state.pc-loading .pc-empty-icon i{animation:pcSpin 1s linear infinite}
.pc-state.pc-error .pc-empty-icon{background:#fff0ee;color:#c94d3f;border-color:#f0c3be}
@keyframes pcSpin{to{transform:rotate(360deg)}}

/* ---------- profile + summary ---------- */
.pc-results{margin-top:20px}
.pc-profile-card{
  padding:18px 20px;border:1px solid #d8cfc2;background:#fffdf9;border-radius:18px;
  display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:0 10px 30px rgba(67,50,32,.06)
}
.pc-profile-main{display:flex;align-items:center;gap:14px;min-width:0}
.pc-profile-avatar{width:60px;height:60px;border-radius:15px;object-fit:cover;border:1px solid #d8cec0;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.pc-profile-copy{min-width:0}
.pc-profile-copy h2{margin:3px 0 4px;color:#26221d;font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-profile-copy a{color:#796f63;font-size:11px;text-decoration:none;font-weight:700}
.pc-profile-copy a:hover{color:#b76811}
.pc-profile-status{display:flex;align-items:center;gap:8px;color:#34794e;background:#edf8f1;border:1px solid #cce4d4;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:850}
.pc-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.pc-summary-card{
  min-height:130px;padding:18px;border:1px solid #dcd2c5;background:#fff;border-radius:16px;
  box-shadow:0 8px 24px rgba(67,50,32,.05)
}
.pc-summary-card>span{display:block;color:#777066;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.55px}
.pc-summary-card>b{display:block;margin:8px 0 7px;color:#29241e;font-size:26px;letter-spacing:-.7px}
.pc-summary-card>small{display:block;color:#766f65;font-size:10.5px;line-height:1.5}
.pc-summary-sell{border-top:3px solid #58a873}.pc-summary-buy{border-top:3px solid #e19a3d}
.pc-summary-sell>b{color:#297548}.pc-summary-buy>b{color:#a35e0f}

/* ---------- toolbar ---------- */
.pc-toolbar{
  position:sticky;top:66px;z-index:12;margin-top:12px;padding:11px;border:1px solid #d9cfc2;background:rgba(255,253,249,.94);
  backdrop-filter:blur(12px);border-radius:15px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 25px rgba(67,50,32,.08)
}
.pc-filter-search{position:relative;flex:1;min-width:220px}
.pc-filter-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8e857a;font-size:12px}
.pc-filter-search input,.pc-toolbar select{
  height:42px;border:1px solid #d5cabd;background:#faf7f2;color:#302b25;border-radius:10px;font:inherit;font-size:12px;outline:none
}
.pc-filter-search input{width:100%;padding:0 12px 0 36px}
.pc-filter-search input:focus,.pc-toolbar select:focus{background:#fff;border-color:#df902a;box-shadow:0 0 0 3px rgba(223,144,42,.12)}
.pc-toolbar select{padding:0 32px 0 11px}
.pc-visible-count{white-space:nowrap;color:#71695f;font-size:11px;font-weight:750;padding:0 5px}

/* ---------- inventory cards ---------- */
.pc-inventory-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:13px;margin-top:13px;align-items:start
}
.pc-item{
  position:relative;overflow:visible;min-width:0;border:1px solid #d8cec0;background:#fff;border-radius:17px;
  box-shadow:0 8px 26px rgba(67,50,32,.07);transition:transform .16s,box-shadow .16s,border-color .16s
}
.pc-item:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(67,50,32,.12);border-color:#c9b69e;z-index:7}
.pc-item-method{
  position:absolute;left:12px;top:12px;z-index:4;max-width:calc(100% - 58px);padding:6px 9px;border-radius:999px;
  font-size:9.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:#5a5349;background:rgba(255,255,255,.92);border:1px solid #ddd3c6;box-shadow:0 3px 10px rgba(0,0,0,.05)
}
.pc-item-method.direct{color:#257044;background:#edf9f2;border-color:#c8e7d4}
.pc-item-method.estimate{color:#965812;background:#fff5e6;border-color:#efd5b1}
.pc-item-method.fallback{color:#a34034;background:#fff0ee;border-color:#efc7c2}
.pc-item-method.reference,.pc-item-method.curated{color:#5b4b97;background:#f2effc;border-color:#d9d0f1}
.pc-item-info{
  appearance:none;position:absolute;right:12px;top:12px;z-index:20;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;border:1px solid #d7ccbe;background:#fff;color:#554d44;font-size:11px;cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.06)
}
.pc-item-info:hover,.pc-item-info:focus{outline:none;border-color:#d48627;color:#a55e0d;background:#fff7ec;box-shadow:0 0 0 3px rgba(212,134,39,.12)}
.pc-item-imgwrap{
  height:170px;border-radius:17px 17px 0 0;display:grid;place-items:center;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--qc,#B58B25) 12%, transparent),transparent 46%),
    linear-gradient(180deg,#faf8f4,#f2ede6)
}
.pc-item-imgwrap:after{content:"";position:absolute;left:14%;right:14%;bottom:0;height:3px;background:var(--qc,#B58B25);opacity:.75;box-shadow:0 0 14px color-mix(in srgb,var(--qc,#B58B25) 35%, transparent)}
.pc-item-imgwrap img{max-width:138px;max-height:138px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.13));transition:transform .16s}
.pc-item:hover .pc-item-imgwrap img{transform:scale(1.025)}
.pc-item-placeholder{font-size:38px;color:#cfc6ba}
.pc-item-body{padding:14px}
.pc-item-name{min-height:42px;font-size:14px;font-weight:900;line-height:1.38;color:#28231e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-item-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px}
.pc-quality{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--qc,#B58B25);font-size:9.5px;font-weight:900}
.pc-tradable{white-space:nowrap;color:#888076;font-size:9px;font-weight:700}
.pc-key-chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 7px;border:1px solid #ead1a6;background:#fff6e8;color:#91510b;border-radius:7px;font-size:9px;font-weight:900}
.pc-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.pc-price-box{min-width:0;padding:10px;border-radius:11px;border:1px solid #e1d8cd}
.pc-price-box>span{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}
.pc-price-box>b{display:block;margin:4px 0 2px;font-size:15px;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-price-box>small{display:block;color:#80786e;font-size:8.5px;line-height:1.3}
.pc-price-box.sell{background:#f2faf5;border-color:#d2e9da}.pc-price-box.sell>span,.pc-price-box.sell>b{color:#2d7a4c}
.pc-price-box.buy{background:#fff7ea;border-color:#efd9b8}.pc-price-box.buy>span,.pc-price-box.buy>b{color:#a66012}
.pc-price-box .pc-price-missing{color:#9e968b}
.pc-spread{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px dashed #ded6cb;color:#777066;font-size:9.5px}
.pc-spread b{color:#514b43;font-size:10px}

/* ---------- tooltip ---------- */
.pc-tooltip{
  position:absolute;right:8px;top:49px;z-index:40;width:390px;max-width:calc(100vw - 36px);
  padding:0;border:1px solid #cfc3b5;background:#fffdf9;color:#2d2822;border-radius:15px;
  box-shadow:0 22px 55px rgba(43,31,19,.24);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .13s,visibility .13s,transform .13s;
  pointer-events:none;overflow:hidden
}
.pc-item-info:hover + .pc-tooltip,
.pc-item-info:focus + .pc-tooltip,
.pc-item.pc-tip-open .pc-tooltip,
.pc-tooltip:hover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.pc-tip-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 16px 13px;
  background:#29241f;color:#fff;border-bottom:1px solid #413a32
}
.pc-tip-head>div>span{display:block;color:#e5a14b;font-size:9px;font-weight:950;letter-spacing:.9px}
.pc-tip-head>div>b{display:block;margin-top:3px;font-size:13px;line-height:1.3}
.pc-tip-head>em{font-style:normal;color:#cfc8bf;font-size:9px;text-align:right;line-height:1.4}
.pc-tip-effect{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 14px;background:#f5effd;border-bottom:1px solid #e3d9f2;color:#654894}
.pc-tip-effect span{font-size:9px;font-weight:850}.pc-tip-effect b{font-size:10px}
.pc-key-reference{display:flex;gap:9px;align-items:flex-start;padding:11px 14px;background:#fff4df;border-bottom:1px solid #ecd5af;color:#79511d;font-size:9.5px;line-height:1.5}
.pc-key-reference i{margin-top:2px}
.pc-break-row{padding:13px 14px;border-bottom:1px solid #ebe4dc}.pc-break-row:last-child{border-bottom:0}
.pc-break-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.pc-break-title b{font-size:11px;color:#302b25}.pc-break-title>span{font-size:8.5px;color:#8f7c65}
.pc-tip-value{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:6px 0;border-top:1px dashed #ece5dc}
.pc-tip-value:first-of-type{border-top:0}
.pc-tip-value>span{font-size:9px;color:#70685f}.pc-tip-value>b{font-size:10px;color:#342f29}
.pc-quote-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border-radius:999px;font-size:7.5px;font-weight:900;white-space:nowrap}
.pc-quote-tag.direct{color:#267145;background:#eaf7ef}.pc-quote-tag.estimate{color:#93540d;background:#fff1dd}.pc-quote-tag.unavailable{color:#81796f;background:#f0ece6}
.pc-break-row>p{margin:8px 0 0;color:#756e65;font-size:9.5px;line-height:1.5}
.pc-part-reference{display:flex;justify-content:space-between;gap:10px;padding:8px 9px;margin-bottom:7px;background:#f5f1eb;border:1px solid #e4dcd1;border-radius:8px}
.pc-part-reference span{font-size:8.5px;color:#777066}.pc-part-reference b{font-size:8.5px;color:#3b352f;text-align:right}

/* ---------- lower states ---------- */
.pc-no-matches{margin-top:12px;padding:38px;text-align:center;border:1px dashed #cfc4b6;background:#f8f4ee;border-radius:14px;color:#756d63;font-size:12px}
.pc-disclaimer{
  margin-top:14px;padding:14px 16px;border:1px solid #d7ccbe;background:#eee8df;border-radius:13px;color:#665f56;
  font-size:10.5px;line-height:1.6;display:flex;align-items:flex-start;gap:10px
}
.pc-disclaimer i{margin-top:2px;color:#af6716}

/* ---------- responsive ---------- */
@media(max-width:1120px){
  .pc-hero{grid-template-columns:1fr}
  .pc-method-grid{grid-template-columns:1fr 1fr}
  .pc-summary-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .pc-shell{width:min(100% - 22px,1480px);padding-top:18px}
  .pc-hero-copy,.pc-search-card{padding:24px}
  .pc-hero h1{font-size:39px}
  .pc-definition-row{grid-template-columns:1fr}
  .pc-search-row{grid-template-columns:1fr}.pc-search-row button{min-height:50px}
  .pc-method-card{padding:19px}.pc-method-head{align-items:flex-start;flex-direction:column}
  .pc-method-grid{grid-template-columns:1fr}
  .pc-profile-card{align-items:flex-start;flex-direction:column}.pc-profile-status{align-self:flex-start}
  .pc-summary-grid{grid-template-columns:1fr 1fr}
  .pc-toolbar{position:static;flex-wrap:wrap}.pc-filter-search{flex-basis:100%}.pc-toolbar select{flex:1;min-width:160px}.pc-visible-count{width:100%;text-align:right}
  .pc-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pc-tooltip{position:fixed;left:11px;right:11px;top:auto;bottom:11px;width:auto;max-width:none;max-height:75vh;overflow:auto;z-index:9999}
}
@media(max-width:520px){
  .pc-summary-grid{grid-template-columns:1fr}
  .pc-inventory-grid{grid-template-columns:1fr}
  .pc-item-imgwrap{height:190px}.pc-item-imgwrap img{max-width:154px;max-height:154px}
}

/* ============================================================
   V3 — dense-backpack usability / live key normalization UI
   ============================================================ */

/* Larger controls/type for the utility page. */
.pc-search-card label{font-size:20px}
.pc-search-input{font-size:15px}
.pc-search-row button{font-size:14px}
.pc-search-help,.pc-search-note{font-size:12.5px}
.pc-method-grid b{font-size:14px}.pc-method-grid p{font-size:12.5px}
.pc-summary-card>span{font-size:12px}.pc-summary-card>b{font-size:29px}.pc-summary-card>small{font-size:11.5px}
.pc-filter-search input,.pc-toolbar select{font-size:13px;height:44px}
.pc-visible-count{font-size:12px}

.pc-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:15px}
.pc-item{
  border-color:color-mix(in srgb,var(--qc,#B58B25) 28%,#d8cec0);
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--qc,#B58B25) 7%,#fff) 0,#fff 86px);
  box-shadow:inset 0 4px 0 var(--qc,#B58B25),0 8px 26px rgba(67,50,32,.07)
}
.pc-item:hover{box-shadow:inset 0 4px 0 var(--qc,#B58B25),0 15px 34px rgba(67,50,32,.13)}
.pc-item-method{font-size:10.5px;left:13px;top:14px;max-width:calc(100% - 112px);z-index:5}
.pc-item-info{right:13px;top:13px;width:34px;height:34px;font-size:12px;z-index:6}
.pc-qty-badge{
  position:absolute;right:55px;top:14px;z-index:5;min-width:34px;height:30px;padding:0 9px;border-radius:999px;
  display:grid;place-items:center;background:#29241f;color:#fff;border:1px solid rgba(255,255,255,.18);
  font-size:11px;font-weight:950;box-shadow:0 4px 12px rgba(41,36,31,.15)
}
.pc-item-imgwrap{height:190px;isolation:isolate}
.pc-item-imgwrap .pc-item-art{position:relative;z-index:3;max-width:154px;max-height:154px}
.pc-item:hover .pc-item-imgwrap .pc-item-art{transform:scale(1.035)}
.pc-effect-fallback{
  position:absolute;z-index:1;right:24px;top:50px;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;
  color:color-mix(in srgb,var(--qc,#8650ac) 82%,#7f43b5);font-size:48px;opacity:.12;
  filter:blur(.1px);transform:rotate(-10deg);pointer-events:none
}
.pc-effect-art{
  position:absolute!important;z-index:1!important;right:2px!important;top:22px!important;width:150px!important;height:150px!important;
  max-width:none!important;max-height:none!important;object-fit:contain!important;opacity:0!important;
  filter:saturate(1.08) drop-shadow(0 8px 15px rgba(67,34,88,.16))!important;
  transform:scale(1.02)!important;transition:opacity .22s ease,transform .18s ease!important;pointer-events:none
}
.pc-effect-art.loaded{opacity:.28!important}
.pc-item:hover .pc-effect-art.loaded{transform:scale(1.08) rotate(2deg)!important;opacity:.36!important}
.pc-item-imgwrap:after{z-index:4}
.pc-item-body{padding:16px}
.pc-item-name{min-height:44px;font-size:15.5px;line-height:1.35}
.pc-item-meta{align-items:flex-start;margin-top:9px}
.pc-tradable{font-size:10px;padding-top:4px}

/* Make quality unmistakable rather than just tiny colored text. */
.pc-quality-badge{
  min-width:0;max-width:78%;display:inline-grid;grid-template-columns:8px minmax(0,auto);align-items:center;column-gap:7px;
  padding:6px 9px;border-radius:9px;border:1px solid color-mix(in srgb,var(--qc,#B58B25) 38%,#ddd4c8);
  background:color-mix(in srgb,var(--qc,#B58B25) 11%,#fff);color:color-mix(in srgb,var(--qc,#B58B25) 72%,#28231e);
  font-size:11px;font-weight:950;line-height:1.15
}
.pc-quality-badge>i{width:8px;height:8px;border-radius:50%;background:var(--qc,#B58B25);box-shadow:0 0 0 3px color-mix(in srgb,var(--qc,#B58B25) 15%,transparent)}
.pc-quality-badge>small{grid-column:2;display:block;min-width:0;margin-top:3px;color:#665d72;font-size:9px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Visible item-addon chips: effect, parts, spells, KS, paint, etc. */
.pc-addon-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pc-addon-tag{
  display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;padding:5px 7px;border-radius:8px;
  border:1px solid #ded5ca;background:#f7f3ed;color:#574f46;font-size:9.5px;font-weight:850;line-height:1.1
}
.pc-addon-tag i{font-size:9px;opacity:.9}
.pc-addon-tag.effect{background:#f3edfb;border-color:#ded0f0;color:#694697}
.pc-addon-tag.strange-part,.pc-addon-tag.strange{background:#eef7ff;border-color:#cfe1ef;color:#35637f}
.pc-addon-tag.spell{background:#fff0e9;border-color:#f0cbbd;color:#984b2f}
.pc-addon-tag.killstreak,.pc-addon-tag.killstreaker,.pc-addon-tag.sheen{background:#eff7f2;border-color:#cce2d2;color:#397154}
.pc-addon-tag.festivized{background:#fff3f3;border-color:#efcccc;color:#9b4747}
.pc-addon-tag.australium{background:#fff6d9;border-color:#ead896;color:#8b680e}
.pc-addon-tag.paint{background:#f4f1ff;border-color:#d9d0f2;color:#65518d}
.pc-addon-tag.wear{background:#f1f1ef;border-color:#d8d7d1;color:#66625a}

.pc-key-chip{font-size:10px;padding:6px 8px}
.pc-price-grid{gap:9px;margin-top:13px}
.pc-price-box{padding:12px}
.pc-price-box>span{font-size:10px}.pc-price-box>b{font-size:17px}.pc-price-box>small{font-size:9.5px}
.pc-spread,.pc-stack-value{font-size:10.5px}
.pc-stack-value{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px dashed #ded6cb;color:#777066}
.pc-stack-value b{color:#3e3932;font-size:11px}

/* The old per-card tooltip is no longer used. A single viewport-fixed
   popover is rendered directly under <body>, which avoids clipping and
   stacking-context fights with neighboring cards/buttons. */
.pc-pricing-popover[hidden]{display:none!important}
.pc-pricing-popover{
  position:fixed;z-index:100000;width:min(500px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;
  overscroll-behavior:contain;border:1px solid #cfc3b5;background:#fffdf9;color:#2d2822;border-radius:16px;
  box-shadow:0 28px 80px rgba(35,27,20,.34);scrollbar-width:thin;animation:pcPopoverIn .12s ease-out
}
.pc-pricing-popover.pinned{box-shadow:0 30px 90px rgba(35,27,20,.39),0 0 0 2px rgba(226,139,36,.12)}
@keyframes pcPopoverIn{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}
.pc-pricing-popover .pc-tip-head{position:sticky;top:0;z-index:2;padding:16px 17px 14px}
.pc-pricing-popover .pc-tip-head>div>span{font-size:10px}
.pc-pricing-popover .pc-tip-head>div>b{font-size:14px}
.pc-pricing-popover .pc-tip-head>em{font-size:10px}
.pc-pricing-popover .pc-tip-effect{font-size:11px;padding:11px 15px}
.pc-pricing-popover .pc-tip-effect span{font-size:10px}.pc-pricing-popover .pc-tip-effect b{font-size:11px}
.pc-pricing-popover .pc-key-reference{font-size:10.5px;padding:12px 15px}
.pc-key-reference span{display:block}.pc-key-reference small{display:block;margin-top:5px;color:#926b39;font-size:9px}
.pc-pricing-popover .pc-break-row{padding:14px 15px}
.pc-pricing-popover .pc-break-title b{font-size:12px}.pc-pricing-popover .pc-break-title>span{font-size:9px}
.pc-pricing-popover .pc-tip-value>span{font-size:10px}.pc-pricing-popover .pc-tip-value>b{font-size:11px}
.pc-pricing-popover .pc-break-row>p{font-size:10.5px}
.pc-pricing-popover .pc-part-reference span,.pc-pricing-popover .pc-part-reference b{font-size:9.5px}
.pc-pricing-popover .pc-quote-tag{font-size:8.5px;padding:4px 6px}

/* Other cards' info buttons must always remain below the global breakdown. */
.pc-item-info,.pc-qty-badge,.pc-item-method{isolation:isolate}

/* Long-backpack navigation. */
.pc-back-top{
  position:fixed;right:22px;bottom:22px;z-index:1500;display:flex;align-items:center;gap:8px;padding:11px 14px;
  border:1px solid #bf7119;border-radius:999px;background:linear-gradient(180deg,#f4a13a,#dc821d);color:#271708;
  box-shadow:0 12px 30px rgba(86,53,19,.24);font:inherit;font-size:12px;font-weight:950;cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .16s,visibility .16s,transform .16s
}
.pc-back-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.pc-back-top:hover{filter:brightness(1.04);transform:translateY(-2px)}

@media(max-width:760px){
  .pc-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-pricing-popover{border-radius:18px;box-shadow:0 -12px 55px rgba(35,27,20,.34)}
  .pc-back-top{right:13px;bottom:13px}.pc-back-top span{display:none}
}
@media(max-width:590px){
  .pc-inventory-grid{grid-template-columns:1fr}
  .pc-item-imgwrap{height:205px}
  .pc-item-imgwrap .pc-item-art{max-width:165px;max-height:165px}
  .pc-effect-art{width:165px!important;height:165px!important}
}

/* ============================================================
   V4 — aligned rows, clearer fallbacks, literal effect layering
   ============================================================ */

/* Every card in the same CSS-grid row now stretches to the row's tallest
   card. The pricing block is anchored to the bottom, so dense attachment
   tags on one item don't make neighboring cards look vertically distorted. */
.pc-inventory-grid{align-items:stretch}
.pc-item{height:100%;display:flex;flex-direction:column}
.pc-item-imgwrap{flex:0 0 205px;height:205px}
.pc-item-body{display:flex;flex-direction:column;flex:1;padding:17px}
.pc-card-pricing{margin-top:auto;padding-top:12px}
.pc-price-grid{margin-top:0;align-items:stretch}
.pc-price-box{min-height:88px;display:flex;flex-direction:column;justify-content:flex-start}
.pc-price-box>small{margin-top:auto;padding-top:4px}
.pc-addon-tags,.pc-comparable-chip,.pc-key-chip,.pc-key-unknown-note{flex:0 0 auto}

/* Unknown event/cosmetic keys: deliberately do not dignify a tiny generic
   fallback as a real market quote. */
.pc-item-method.unknown-key{color:#80570f;background:#fff4ce;border-color:#e4c56a}
.pc-key-unknown-note{
  display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:9px 10px;border:1px solid #e8ce83;
  border-radius:10px;background:#fff8df;color:#72561c;font-size:9.7px;line-height:1.45
}
.pc-key-unknown-note i{margin-top:2px;color:#b68114}.pc-key-unknown-note b{color:#604408}
.pc-price-box .pc-price-missing{font-size:14px;white-space:normal;line-height:1.2}

/* Comparable-effect context is surfaced on the card and explained in detail
   in the global breakdown. */
.pc-comparable-chip{
  display:flex;gap:7px;align-items:flex-start;margin-top:9px;padding:8px 9px;border-radius:9px;
  border:1px solid #e5cc9f;background:#fff7e9;color:#78531f;font-size:9.5px;line-height:1.4
}
.pc-comparable-chip i{margin-top:2px;color:#b66e12}.pc-comparable-chip b{color:#5e3d12}
.pc-comparable-explainer{
  display:flex;gap:10px;padding:12px 15px;background:#fff7e8;border-bottom:1px solid #ead5af;color:#604725
}
.pc-comparable-icon{
  width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:grid;place-items:center;
  background:#f4dfb7;color:#9d6015
}
.pc-comparable-explainer b{display:block;font-size:11px;color:#503818;margin-bottom:4px}
.pc-comparable-explainer p{margin:0;font-size:10px;line-height:1.55;color:#735a36}
.pc-comparable-explainer strong{color:#4c3414}

/* Unusual effect art is now literally staged BEHIND the hat/item rather than
   tucked into the upper-right corner. The Steam item art remains on top. */
.pc-item-imgwrap{overflow:hidden;isolation:isolate}
.pc-item-imgwrap .pc-item-art{z-index:4!important;position:relative}
.pc-effect-fallback{
  left:50%!important;right:auto!important;top:50%!important;width:175px!important;height:175px!important;
  transform:translate(-50%,-50%)!important;font-size:68px!important;opacity:.08!important;z-index:1!important
}
.pc-effect-art{
  left:50%!important;right:auto!important;top:49%!important;width:245px!important;height:245px!important;
  transform:translate(-50%,-50%) scale(1.18)!important;transform-origin:center!important;
  object-fit:contain!important;opacity:0!important;z-index:2!important;
  filter:saturate(1.24) contrast(1.05) drop-shadow(0 8px 18px rgba(83,42,115,.24))!important;
  mix-blend-mode:normal
}
.pc-effect-art.loaded{opacity:.52!important}
.pc-item:hover .pc-effect-art.loaded{transform:translate(-50%,-50%) scale(1.25)!important;opacity:.62!important}

/* The searched-profile/result strip is intentionally darker than the utility
   surface. It reads as a real account/result header instead of another pale
   white card and gives the avatar enough contrast. */
.pc-profile-card{
  position:relative;overflow:hidden;border-color:#3d3a35;
  background:
    radial-gradient(circle at 88% 20%,rgba(226,139,36,.17),transparent 34%),
    linear-gradient(135deg,#171a20,#24211c 72%,#2b2116);
  box-shadow:0 15px 36px rgba(38,29,20,.18)
}
.pc-profile-card:after{
  content:"";position:absolute;inset:auto -80px -105px auto;width:260px;height:190px;border-radius:50%;
  background:rgba(226,139,36,.08);filter:blur(15px);pointer-events:none
}
.pc-profile-main,.pc-profile-status{position:relative;z-index:1}
.pc-profile-avatar-shell{
  width:64px;height:64px;flex:0 0 64px;position:relative;border-radius:16px;overflow:hidden;
  border:1px solid rgba(255,255,255,.16);background:#11151b;box-shadow:0 7px 20px rgba(0,0,0,.28)
}
.pc-profile-avatar{width:100%;height:100%;border:0;border-radius:0;box-shadow:none;object-fit:cover;display:block}
.pc-profile-avatar-fallback{
  position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#232831,#15181e);
  color:#e9942f;font-size:25px
}
.pc-profile-avatar-fallback[hidden],.pc-profile-you[hidden]{display:none!important}
.pc-profile-copy .pc-section-kicker{color:#e79a3c}
.pc-profile-title-row{display:flex;align-items:center;gap:9px;min-width:0}
.pc-profile-copy h2{color:#fff;margin:3px 0 4px;font-size:22px}
.pc-profile-copy a{color:#c8c2ba;font-size:11.5px}.pc-profile-copy a:hover{color:#f0a245}
.pc-profile-you{
  display:inline-flex;align-items:center;white-space:nowrap;padding:4px 7px;border-radius:999px;
  background:rgba(227,145,47,.13);border:1px solid rgba(227,145,47,.32);color:#f0aa50;font-size:9px;font-weight:900
}
.pc-profile-status{color:#86d7a2;background:rgba(47,124,77,.16);border-color:rgba(93,184,126,.27)}

/* The fixed breakdown still stays above every card/info control. */
.pc-pricing-popover{z-index:2147483000}
.pc-item-info,.pc-qty-badge,.pc-item-method{z-index:8}

@media(max-width:760px){
  .pc-item-imgwrap{flex-basis:195px;height:195px}
  .pc-effect-art{width:225px!important;height:225px!important}
  .pc-profile-avatar-shell{width:58px;height:58px;flex-basis:58px}
}
@media(max-width:590px){
  .pc-item-imgwrap{flex-basis:215px;height:215px}
  .pc-effect-art{width:250px!important;height:250px!important}
}

/* ============================================================
   V5 — shared effects, share links, price challenge, header fixes
   ============================================================ */

/* The light utility body color was leaking into the shared dark header,
   making the authenticated nickname nearly black. Keep all shared-header
   identity text on the normal TF2Bolt palette. */
.price-checker-page .site-header{color:var(--text)!important}
.price-checker-page .site-header .profile-btn,
.price-checker-page .site-header .profile-btn .nm{color:var(--text)!important}
.price-checker-page .site-header .profile-btn .nm{opacity:1!important;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.price-checker-page #pAvatarWrap img{display:block!important;width:30px!important;height:30px!important;object-fit:cover!important}

/* Share + info controls live in one action cluster. */
.pc-item-actions{position:absolute;right:13px;top:13px;z-index:10;display:flex;align-items:center;gap:7px}
.pc-item-actions .pc-item-info,
.pc-item-actions .pc-item-share{
  appearance:none;position:static!important;inset:auto!important;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #d7ccbe;background:#fff;color:#554d44;font-size:12px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.06)
}
.pc-item-actions .pc-item-info:hover,.pc-item-actions .pc-item-info:focus,
.pc-item-actions .pc-item-share:hover,.pc-item-actions .pc-item-share:focus{outline:none;border-color:#d48627;color:#a55e0d;background:#fff7ec;box-shadow:0 0 0 3px rgba(212,134,39,.12)}
.pc-item-actions .pc-item-share.copied{color:#267346;border-color:#91c8a5;background:#eefaf2}
.pc-qty-badge{right:94px!important;top:15px!important}
.pc-item-method{max-width:calc(100% - 150px)!important}

/* Use the exact same local Unusual effect artwork renderer used by the game
   pages. The effect fills the art stage BEHIND the Steam item render. */
.pc-item-imgwrap>.unusual-effect-backdrop,
.pc-guess-art>.unusual-effect-backdrop,
.pc-share-card-art>.unusual-effect-backdrop{
  position:absolute!important;inset:-12%!important;z-index:1!important;
  background-size:118% auto!important;background-position:center!important;background-repeat:no-repeat!important;
  opacity:.88!important;filter:saturate(1.15) contrast(1.04);pointer-events:none
}
.pc-item-imgwrap .pc-item-art{position:relative!important;z-index:3!important}
.pc-item-imgwrap:has(.unusual-effect-backdrop){background:radial-gradient(circle at 50% 55%,rgba(134,80,172,.10),transparent 54%),linear-gradient(180deg,#faf8f4,#f2ede6)}

/* ---------- Which item is worth more? ---------- */
.pc-guess{
  margin-top:20px;padding:26px;border:1px solid #d8cfc3;border-radius:22px;background:#fffdf9;
  box-shadow:0 16px 44px rgba(67,50,32,.08)
}
.pc-guess-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.pc-guess-head h2{margin:5px 0 7px;color:#26221d;font-size:26px;letter-spacing:-.6px}
.pc-guess-head p{max-width:820px;margin:0;color:#71695f;font-size:13px;line-height:1.6}
.pc-guess-score{min-width:118px;padding:11px 14px;border-radius:14px;background:#1b1d22;color:#fff;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.pc-guess-score>span{display:block;font-size:8.5px;font-weight:950;letter-spacing:.8px;text-transform:uppercase;color:#f0a246}
.pc-guess-score>b{display:block;margin:3px 0;font-size:20px}.pc-guess-score>small{color:#b8bec7;font-size:9px}
.pc-guess-setup{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:18px;margin-top:20px;padding-top:19px;border-top:1px solid #e6ddd1}
.pc-guess-setting>label{display:block;color:#403a33;font-size:11px;font-weight:900;margin-bottom:8px}
.pc-guess-setting>label small{display:block;margin-top:3px;color:#8b8277;font-size:9px;font-weight:650}
.pc-quality-picks{display:flex;flex-wrap:wrap;gap:7px}
.pc-quality-picks label{cursor:pointer}.pc-quality-picks input{position:absolute;opacity:0;pointer-events:none}
.pc-quality-picks span{
  display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--q) 34%,#d8cec0);
  border-radius:10px;background:#faf8f4;color:#625a50;font-size:10px;font-weight:850;transition:.15s
}
.pc-quality-picks span:before{content:"";width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--q);box-shadow:0 0 0 2px color-mix(in srgb,var(--q) 18%,transparent)}
.pc-quality-picks input:checked+span{background:color-mix(in srgb,var(--q) 12%,#fff);border-color:color-mix(in srgb,var(--q) 58%,#c9bdaa);color:#302a24;box-shadow:0 0 0 2px color-mix(in srgb,var(--q) 10%,transparent)}
.pc-level-picks{display:flex;gap:5px;padding:4px;border:1px solid #d7ccbe;border-radius:11px;background:#f7f3ed}
.pc-level-picks button{appearance:none;border:0;background:transparent;color:#766e64;border-radius:8px;min-width:42px;height:34px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
.pc-level-picks button.active{background:#27231e;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.14)}
.pc-guess-start,.pc-guess-next,.pc-guess-finish button{
  appearance:none;border:1px solid #bd6d12;background:linear-gradient(180deg,#f3a039,#de841d);color:#281708;border-radius:12px;
  min-height:44px;padding:0 17px;font:inherit;font-size:11px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(202,113,18,.16)
}
.pc-guess-start:hover,.pc-guess-next:hover,.pc-guess-finish button:hover{filter:brightness(1.04);transform:translateY(-1px)}
.pc-guess-start:disabled{opacity:.65;cursor:wait;transform:none}
.pc-guess-start.shake{animation:pcGuessShake .28s linear 2}@keyframes pcGuessShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.pc-guess-stage{margin-top:20px;padding-top:18px;border-top:1px solid #e6ddd1}
.pc-guess-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:#625b52;font-size:10px;font-weight:900}
.pc-guess-progress>div{height:7px;border-radius:20px;background:#ede7de;overflow:hidden}.pc-guess-progress>div>i{display:block;width:0;height:100%;background:linear-gradient(90deg,#df8420,#f6b34e);transition:width .22s}
.pc-guess-prompt{text-align:center;margin:18px 0 12px;color:#403a34;font-size:13px}.pc-guess-prompt strong{color:#a75f0c}
.pc-guess-pair{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:12px;align-items:stretch;max-width:980px;margin:0 auto}
.pc-guess-vs{align-self:center;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#29251f;color:#fff;font-size:11px;font-weight:1000;box-shadow:0 6px 18px rgba(0,0,0,.16)}
.pc-guess-option{
  position:relative;overflow:hidden;appearance:none;text-align:left;border:1px solid color-mix(in srgb,var(--q,#b58b25) 35%,#d4cabd);border-radius:18px;background:#fff;color:#2c2721;padding:0;cursor:pointer;
  box-shadow:inset 0 4px 0 var(--q,#b58b25),0 9px 26px rgba(67,50,32,.07);transition:.16s
}
.pc-guess-option:not(:disabled):hover{transform:translateY(-3px);box-shadow:inset 0 4px 0 var(--q,#b58b25),0 15px 34px rgba(67,50,32,.14);border-color:color-mix(in srgb,var(--q,#b58b25) 58%,#c9bdaa)}
.pc-guess-option:disabled{cursor:default}.pc-guess-option.correct{border-color:#72bd8d;box-shadow:inset 0 4px 0 #3d9d63,0 0 0 3px rgba(61,157,99,.10),0 12px 28px rgba(67,50,32,.09)}
.pc-guess-option.wrong{border-color:#d9897e;box-shadow:inset 0 4px 0 #c75648,0 0 0 3px rgba(199,86,72,.08),0 12px 28px rgba(67,50,32,.09)}
.pc-guess-art{height:220px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--q,#B58B25) 9%,transparent),transparent 48%),linear-gradient(180deg,#faf8f4,#f1ece5)}
.pc-guess-item-art{position:relative;z-index:3;max-width:190px;max-height:180px;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.16))}
.pc-guess-placeholder{font-size:48px;color:#c9c0b4}
.pc-guess-option-body{padding:16px;min-height:205px;display:flex;flex-direction:column}
.pc-guess-quality{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--q) 32%,#d5cabd);border-radius:9px;background:color-mix(in srgb,var(--q) 9%,#fff);font-size:9.5px;font-weight:900;color:#4b443b}
.pc-guess-quality i{width:8px;height:8px;border-radius:50%;background:var(--q)}
.pc-guess-option h3{margin:11px 0 8px;font-size:17px;line-height:1.32;color:#29241e}
.pc-guess-tags{display:flex;flex-wrap:wrap;gap:5px}.pc-guess-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border-radius:7px;background:#f4f0ea;border:1px solid #e1d8cd;color:#6a6258;font-size:8.5px;font-weight:800}.pc-guess-tag.effect{background:#f5effd;border-color:#ddcef0;color:#69458c}
.pc-guess-hidden-price{display:none;margin-top:auto;padding-top:13px}.pc-guess-hidden-price span{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.55px;color:#7e756a;font-weight:900}.pc-guess-hidden-price b{display:block;margin-top:3px;font-size:20px;color:#a35e0f}
.pc-guess-option.revealed .pc-guess-hidden-price{display:block}.pc-guess-option.revealed .pc-guess-choose{display:none}
.pc-guess-choose{margin-top:auto;padding-top:14px;color:#8b8176;font-size:10px;font-weight:900}.pc-guess-choose i{margin-left:4px;color:#c9781b}
.pc-guess-feedback{max-width:980px;margin:12px auto 0;padding:12px 14px;border-radius:12px;display:flex;gap:10px;align-items:flex-start;border:1px solid}
.pc-guess-feedback>i{margin-top:2px;font-size:18px}.pc-guess-feedback b{display:block;font-size:12px;margin-bottom:3px}.pc-guess-feedback span{font-size:10.5px;line-height:1.5}.pc-guess-feedback.correct{background:#eff9f3;border-color:#cbe6d4;color:#326649}.pc-guess-feedback.wrong{background:#fff2ef;border-color:#efc9c3;color:#8d4238}
.pc-guess-next{display:block;margin:12px auto 0}
.pc-guess-finish{text-align:center;margin-top:20px;padding:28px;border-top:1px solid #e6ddd1}.pc-guess-finish-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin:0 auto 10px;background:#fff2dc;border:1px solid #efd0a0;color:#c47618;font-size:23px}.pc-guess-finish h3{margin:6px 0 10px;font-size:24px;color:#29241e}.pc-guess-result-number{font-size:38px;font-weight:1000;color:#a66012;line-height:1}.pc-guess-result-number small{display:block;font-size:10px;color:#857c71;margin-top:6px;letter-spacing:.5px}.pc-guess-finish p{font-size:11px;color:#71695f}.pc-guess-foot{display:flex;gap:8px;align-items:flex-start;margin-top:18px;padding-top:14px;border-top:1px dashed #dfd6cb;color:#8a8176;font-size:9.5px;line-height:1.5}.pc-guess-foot i{color:#b66c15;margin-top:2px}

/* ---------- shareable single-item page ---------- */
.pc-share-shell{max-width:1180px;padding-top:24px}
.pc-share-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.pc-share-nav a,.pc-share-nav button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:10px;border:1px solid #d5cabd;background:#fffdf9;color:#5f574e;text-decoration:none;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.pc-share-nav a:hover,.pc-share-nav button:hover{border-color:#d28a31;color:#a45d0c}
.pc-share-hero{padding:25px 28px;border-radius:20px;background:linear-gradient(135deg,#171a20,#2d2116);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px rgba(52,38,24,.16)}
.pc-share-hero h1{margin:7px 0 8px;color:#fff;font-size:34px;letter-spacing:-1px}.pc-share-hero p{margin:0;color:#c7c1ba;font-size:12px}
.pc-share-content{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);gap:18px;margin-top:18px;align-items:start}
.pc-share-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--qc,#b58b25) 34%,#d8cec0);border-radius:20px;background:#fff;box-shadow:inset 0 4px 0 var(--qc,#b58b25),0 13px 36px rgba(67,50,32,.10)}
.pc-share-card-art{height:300px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--qc) 10%,transparent),transparent 46%),linear-gradient(180deg,#faf8f4,#eee8df)}
.pc-share-item-art{position:relative;z-index:3;max-width:260px;max-height:250px;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(0,0,0,.18))}
.pc-share-card-body{padding:20px}.pc-share-method{display:inline-flex;padding:5px 8px;border-radius:8px;background:#eef9f2;border:1px solid #cce6d5;color:#267247;font-size:9px;font-weight:900}.pc-share-card h2{margin:10px 0 11px;color:#29241e;font-size:22px;line-height:1.3}.pc-share-prices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.pc-share-prices>div{padding:13px;border-radius:12px;border:1px solid}.pc-share-prices span{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.pc-share-prices b{display:block;margin:4px 0;font-size:20px}.pc-share-prices small{font-size:8.5px;color:#7c746a}.pc-share-prices .sell{background:#eff9f3;border-color:#cce6d5}.pc-share-prices .sell span,.pc-share-prices .sell b{color:#297648}.pc-share-prices .buy{background:#fff6e8;border-color:#efd4ac}.pc-share-prices .buy span,.pc-share-prices .buy b{color:#a55f0e}.pc-share-owner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px dashed #ddd4c9}.pc-share-owner span{display:block;color:#8b8176;font-size:8.5px;text-transform:uppercase;font-weight:900}.pc-share-owner b{display:block;color:#453e36;font-size:11px;margin-top:2px}.pc-share-owner a{color:#a45d0c;text-decoration:none;font-size:9.5px;font-weight:900}.pc-share-copy{width:100%;height:42px;margin-top:13px;border:1px solid #c87518;border-radius:11px;background:#f29a2e;color:#281708;font:inherit;font-size:10.5px;font-weight:950;cursor:pointer}.pc-share-breakdown{overflow:hidden;border-radius:18px;background:#fffdf9;border:1px solid #d7ccbe;box-shadow:0 12px 32px rgba(67,50,32,.08)}.pc-share-breakdown .pc-pricing-popover-head{position:static}.pc-share-breakdown .pc-break-row{background:#fffdf9}


/* At normal 100% desktop zoom, gameplay should fit inside one viewport.
   Setup is genuinely hidden once a run starts; active-round spacing/art is
   deliberately tighter than the inventory cards. */
.pc-guess.is-playing .pc-guess-head{align-items:center}
.pc-guess.is-playing .pc-guess-head h2{font-size:22px;margin:2px 0}
.pc-guess.is-playing .pc-guess-head p{display:none}
.pc-guess.is-playing .pc-guess-stage{margin-top:10px;padding-top:10px}
.pc-guess.is-playing .pc-guess-source{margin-bottom:8px;padding:7px 10px}
.pc-guess.is-playing .pc-guess-prompt{margin:9px 0 8px}
.pc-guess.is-playing .pc-guess-pair{max-width:900px;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:10px}
.pc-guess.is-playing .pc-guess-vs{width:42px;height:42px;font-size:10px}
.pc-guess.is-playing .pc-guess-art{height:150px}
.pc-guess.is-playing .pc-guess-item-art{max-width:145px;max-height:125px}
.pc-guess.is-playing .pc-guess-option-body{padding:12px 14px;min-height:145px}
.pc-guess.is-playing .pc-guess-option h3{margin:8px 0 6px;font-size:15px;line-height:1.22}
.pc-guess.is-playing .pc-guess-tag{padding:3px 5px;font-size:8px}
.pc-guess.is-playing .pc-guess-choose{padding-top:8px;font-size:9px}
.pc-guess.is-playing .pc-guess-hidden-price{padding-top:8px}
.pc-guess.is-playing .pc-guess-hidden-price b{font-size:17px}
.pc-guess.is-playing .pc-guess-feedback{margin-top:8px;padding:8px 11px}
.pc-guess.is-playing .pc-guess-next{margin-top:8px;min-height:38px}

@media(max-width:980px){
  .pc-guess-setup{grid-template-columns:1fr}.pc-guess-level-setting{justify-self:start}.pc-guess-start{justify-self:start}
  .pc-share-content{grid-template-columns:1fr}.pc-share-card{max-width:620px;margin:0 auto;width:100%}
}
@media(max-width:700px){
  .pc-guess{padding:18px}.pc-guess-head{flex-direction:column}.pc-guess-pair{grid-template-columns:1fr}.pc-guess-vs{margin:-2px auto}.pc-guess-art{height:190px}.pc-guess-option-body{min-height:175px}
  .pc-share-hero h1{font-size:27px}.pc-share-card-art{height:250px}
}

/* ============================================================
   V6 — tighter effect art, modal price challenge, clearer header/share
   ============================================================ */

/* Keep the shared dark header readable even though the price-checker page
   itself deliberately uses dark body text on a light background. */
.price-checker-page .site-header #pName{
  color:#f3f5f7!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
}
.price-checker-page .site-header #pAvatarWrap{min-width:30px;min-height:30px}
.price-checker-page .site-header #pAvatarWrap img,
.price-checker-page .site-header #pAvatarWrap .header-avatar-fallback{
  width:30px!important;height:30px!important;display:inline-flex!important;flex:0 0 30px!important
}

/* Hero action lives in the dark utility panel, not in the already crowded
   global nav. */
.pc-hero-topline{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px}
.pc-guess-launch{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;
  height:40px;padding:0 14px;border-radius:11px;border:1px solid rgba(255,178,77,.38);
  background:rgba(232,145,43,.13);color:#ffd28f;font:inherit;font-size:11px;font-weight:950;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 7px 18px rgba(0,0,0,.12);transition:.15s
}
.pc-guess-launch:hover{background:rgba(232,145,43,.21);border-color:rgba(255,178,77,.62);transform:translateY(-1px)}

/* The effect files are the real local TF2Bolt effect renders, but they must
   remain entirely inside their art stage instead of zooming/cropping. */
.pc-item-imgwrap>.unusual-effect-backdrop{
  inset:7%!important;background-size:contain!important;background-position:center 54%!important;
  background-repeat:no-repeat!important;opacity:.68!important;transform:none!important
}
.pc-item:hover .pc-item-imgwrap>.unusual-effect-backdrop{transform:none!important;opacity:.76!important}
.pc-guess-art>.unusual-effect-backdrop{
  inset:12%!important;background-size:contain!important;background-position:center!important;
  background-repeat:no-repeat!important;opacity:.68!important;transform:none!important
}
.pc-guess-option:hover .pc-guess-art>.unusual-effect-backdrop{transform:none!important;opacity:.76!important}
.pc-share-card-art>.unusual-effect-backdrop{
  inset:10%!important;background-size:contain!important;background-position:center!important;
  background-repeat:no-repeat!important;opacity:.70!important
}
.pc-item-imgwrap>.pc-item-art,.pc-guess-art>.pc-guess-item-art,.pc-share-card-art>.pc-share-item-art{z-index:4!important}

/* ---------- modal price challenge ---------- */
html.pc-guess-open,body.pc-guess-open{overflow:hidden!important}
.pc-guess-overlay[hidden]{display:none!important}

/* Elements inside the challenge have explicit display:grid/block rules, so the
   browser's default [hidden] rule needs equal-or-higher specificity. Without
   this, setup and gameplay render at the same time and force a scrollbar. */
.pc-guess-setup[hidden],
.pc-guess-stage[hidden],
.pc-guess-finish[hidden],
.pc-guess-score[hidden],
.pc-guess-feedback[hidden],
.pc-guess-next[hidden],
.pc-guess-source[hidden]{display:none!important}
.pc-guess-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:22px}
.pc-guess-backdrop{position:absolute;inset:0;background:rgba(12,14,18,.72);backdrop-filter:blur(7px)}
.pc-guess-modal{
  position:relative;z-index:1;width:min(1180px,calc(100vw - 28px));max-height:calc(100dvh - 20px);overflow:auto;
  margin:0;padding:20px 24px;border-radius:20px;background:#fffdf9;border:1px solid #d6cabd;
  box-shadow:0 36px 100px rgba(0,0,0,.34);overscroll-behavior:contain
}
.pc-guess-close{
  position:sticky;top:0;float:right;z-index:5;width:38px;height:38px;margin:-3px -3px 0 12px;border-radius:11px;
  border:1px solid #d8ccbf;background:#fff;color:#62584e;font:inherit;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.08)
}
.pc-guess-close:hover{color:#a4590b;border-color:#e0a55e}
.pc-guess-modal .pc-guess-setup{grid-template-columns:minmax(0,1fr) auto auto}
.pc-guess-setting-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:9px}
.pc-guess-setting-head>label,.pc-guess-level-setting>label{display:block;color:#403a33;font-size:11px;font-weight:900;margin:0}
.pc-guess-setting-head>label small,.pc-guess-level-setting>label small{display:block;margin-top:3px;color:#8b8277;font-size:9px;font-weight:650}
.pc-quality-actions{display:flex;gap:6px}
.pc-quality-actions button{
  appearance:none;border:1px solid #d7ccbe;background:#fff;color:#756c62;border-radius:8px;height:28px;padding:0 9px;
  font:inherit;font-size:8.5px;font-weight:900;cursor:pointer
}
.pc-quality-actions button:hover{border-color:#d99545;color:#9f5b0e;background:#fff8ee}
.pc-quality-picks label{position:relative}
.pc-quality-picks span{background:#fff;border-color:#d7cec2;color:#6d655c;box-shadow:none}
.pc-quality-picks label.selected span,
.pc-quality-picks input:checked+span{
  background:color-mix(in srgb,var(--q) 22%,#fff)!important;
  border-color:color-mix(in srgb,var(--q) 78%,#8d847b)!important;
  color:#211d18!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--q) 22%,transparent),inset 0 0 0 1px rgba(255,255,255,.58)!important
}
.pc-quality-picks label.selected span:after,
.pc-quality-picks input:checked+span:after{content:"✓";margin-left:7px;font-size:10px;font-weight:1000;color:#1d211c}
.pc-quality-selection-summary{margin-top:8px;color:#786f65;font-size:9px;font-weight:800;min-height:14px}
.pc-guess-source{margin:0 0 13px;padding:9px 11px;border-radius:10px;background:#eff8f2;border:1px solid #cce5d4;color:#3c664a;font-size:10px}
.pc-guess-source i{margin-right:6px;color:#399861}

/* Smaller real effect art in the game so the entire effect remains visible. */
.pc-guess-art{height:205px}
.pc-guess-item-art{max-width:175px;max-height:155px}

/* Share page: use the same deliberately styled breakdown header as the main
   checker popover instead of inheriting raw/unstyled inline text. */
.pc-share-breakdown .pc-tip-head{position:static!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:14px!important;padding:16px 17px 14px!important;background:#29241f!important;color:#fff!important;border-bottom:1px solid #413a32!important}
.pc-share-breakdown .pc-tip-head>div>span{display:block!important;color:#e5a14b!important;font-size:10px!important;font-weight:950!important;letter-spacing:.9px!important}
.pc-share-breakdown .pc-tip-head>div>b{display:block!important;margin-top:3px!important;font-size:14px!important;line-height:1.3!important;color:#fff!important}
.pc-share-breakdown .pc-tip-head>em{font-style:normal!important;color:#cfc8bf!important;font-size:10px!important;text-align:right!important;line-height:1.4!important}
.pc-share-breakdown .pc-break-row{padding:15px 16px!important}
.pc-share-breakdown .pc-tip-value>span{font-size:10px!important}.pc-share-breakdown .pc-tip-value>b{font-size:11px!important}
.pc-share-breakdown .pc-break-row>p{font-size:10.5px!important;line-height:1.55!important}

@media(max-width:980px){
  .pc-guess-modal .pc-guess-setup{grid-template-columns:1fr}
  .pc-guess-launch{height:38px}
}
@media(max-width:700px){
  .pc-hero-topline{align-items:flex-start}.pc-guess-launch{padding:0 10px;font-size:10px}
  .pc-guess-overlay{padding:8px}.pc-guess-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:18px}
  .pc-guess-art{height:175px}.pc-guess-item-art{max-width:145px;max-height:130px}
  .pc-item-imgwrap>.unusual-effect-backdrop{inset:10%!important}
}

@media (min-width:701px) and (max-height:900px){
  .pc-guess-overlay{padding:8px}
  .pc-guess-modal{max-height:calc(100dvh - 12px);padding:16px 20px}
  .pc-guess.is-playing .pc-guess-head{margin-bottom:0}
  .pc-guess.is-playing .pc-guess-art{height:138px}
  .pc-guess.is-playing .pc-guess-item-art{max-width:135px;max-height:115px}
  .pc-guess.is-playing .pc-guess-option-body{min-height:132px;padding:10px 12px}
}

/* SEO / educational content: intentionally visible, semantic page copy rather
   than hidden keyword text. This gives crawlers useful context while still
   being genuinely helpful to people who scroll below the tool. */
.pc-seo-guide{
  margin:26px 0 8px;padding:30px;border:1px solid #d9cfc3;border-radius:22px;
  background:linear-gradient(180deg,#fffdfa 0%,#f7f1e9 100%);box-shadow:0 18px 50px rgba(65,46,28,.06)
}
.pc-seo-guide-head{max-width:900px;margin-bottom:22px}
.pc-seo-guide-head h2,.pc-seo-faq h2{margin:6px 0 10px;color:#241f1a;font-size:clamp(24px,2.5vw,34px);line-height:1.08;letter-spacing:-.02em}
.pc-seo-guide-head p{margin:0;color:#665d54;font-size:15px;line-height:1.7}
.pc-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pc-seo-grid article,.pc-seo-faq-grid article{background:#fff;border:1px solid #e1d7cb;border-radius:16px;padding:18px}
.pc-seo-grid article>i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:12px;border-radius:11px;background:#fff3e2;color:#b96a16;font-size:16px}
.pc-seo-grid h3,.pc-seo-faq-grid h3{margin:0 0 7px;color:#2a241f;font-size:15px;line-height:1.3}
.pc-seo-grid p,.pc-seo-faq-grid p{margin:0;color:#71675d;font-size:12.5px;line-height:1.65}
.pc-seo-faq{margin-top:26px;padding-top:25px;border-top:1px solid #ded3c7}
.pc-seo-faq h2{font-size:25px}
.pc-seo-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:850px){.pc-seo-grid{grid-template-columns:1fr}.pc-seo-faq-grid{grid-template-columns:1fr}.pc-seo-guide{padding:22px}}