/* Shared, quiet surfaces and clearer hierarchy for the market interface. */
:root{--bg:#1a1e1c;--surface:#242a26;--border:#38413b;--text:#e9ede7;--muted:#a4afa6;--gold:#d2c49f;--up:#97c4aa;--down:#d29f9c}
body{line-height:1.7;-webkit-font-smoothing:antialiased}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.topbar{gap:32px;height:84px;border-bottom-color:var(--border)}
.topbar nav{gap:12px;margin-left:auto;font-size:13px}
.topbar nav>a,.topbar nav>button{padding:10px 15px;min-height:44px;border-radius:9px;transition:background .15s,color .15s}
.topbar nav>a:hover,.topbar nav>button:hover{background:#ffffff08;color:var(--text)}
.home-link{margin-left:0;border-radius:9px;border-color:#4c5344;white-space:nowrap}
.hero{min-height:220px;padding:18px 0;gap:30px}
.hero h1{font-size:38px;line-height:1.4;margin:12px 0 16px;font-weight:650}
.hero p{font-size:14px;line-height:1.8;max-width:480px;margin-bottom:0}
.hero-art{height:200px;opacity:.7}.hero-art svg{max-height:195px}
.art-label,.art-caption{opacity:.65}
.stats{border-radius:14px;background:#242a26;padding:24px 0;margin-bottom:8px}
.stats strong{font-size:29px;font-weight:600;letter-spacing:0}
.stats>div>span{font-size:12px}.stats small{font-size:11px;line-height:1.7}
.visit-stats{padding:18px 8px 20px;margin-bottom:32px;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0}
.visit-stats span{font-size:12px}.visit-stats strong{font-size:19px;color:var(--text);font-weight:600}.visit-stats small{font-size:10px;line-height:1.6}
.section-head{align-items:center;gap:20px;margin-bottom:22px}.section-head h2{font-size:25px;margin:0;font-weight:600}
.source-note{font-size:11px;max-width:550px;line-height:1.8}
.filters{padding:18px;background:#212722;border:1px solid var(--border);border-radius:14px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.filters .search{grid-column:span 2}.filters #sort{grid-column:span 1}
.search,.filters select,.stattrack{min-height:46px;border-radius:9px;background:#1a211d;border-color:#3c463f}
.filters select{width:100%;max-width:none!important;padding-right:28px;font-size:13px}.search input{font-size:14px}.stattrack{justify-content:center;font-size:13px}
.availability-note{font-size:11px;line-height:1.8;margin:15px 3px 0}.result-line{padding:17px 2px;margin:0;min-height:56px;font-size:13px}
#reset-filters{padding:9px 12px;border-radius:8px;background:#ffffff05;color:var(--muted)}
.cards{gap:18px}.item-card{border-radius:14px;background:var(--surface);border-color:#354039}
.item-card:hover{border-color:#697567;box-shadow:0 8px 25px #0002}
.item-picture{height:176px;background:radial-gradient(ellipse at 50% 55%,#ffffff06,transparent 75%)}
.item-picture img{max-height:139px}.item-body{padding:18px}
.item-meta{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:8px}
.item-name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:46px;font-size:14px;line-height:1.65}
.item-bottom{margin-top:17px;align-items:center}.item-price{font-size:22px;letter-spacing:0;font-variant-numeric:tabular-nums}
.change{font-size:12px}.price-label,.change small{font-size:11px;line-height:1.7}
.favorite{width:37px;height:37px;border-radius:10px;top:11px;right:11px;background:#1a211dcc}
.rarity-badge{border-radius:6px;padding:4px 8px;font-size:10px}.rarity-line{opacity:.65}
.favorite-prices{background:#202621;padding:14px 17px;gap:9px 14px;font-size:11px}.favorite-prices strong{font-size:13px}
.account-panel{padding:24px;border-radius:14px;align-items:flex-start;background:#242b25;gap:24px}
.account-copy{flex:0 1 280px}.account-copy strong{font-size:16px}.account-copy p{font-size:12px;line-height:1.8}
.account-controls{flex:1;gap:12px;align-items:flex-start}.account-controls input{height:46px;flex:1 1 180px;width:auto;min-width:150px;font-size:14px;border-radius:9px;padding:0 13px;background:#1a211d}
.account-controls button{min-height:44px;border-radius:9px;font-size:13px;padding:10px 16px;line-height:1.5;white-space:nowrap}
.account-recovery{gap:12px;padding-top:14px}
.tabs{height:70px;border-radius:18px;background:rgba(36,44,38,.96);box-shadow:0 8px 30px #0003;border-color:#4b584d;padding:8px 12px;gap:5px}
.tabs button{min-height:46px;padding:8px 15px;border-radius:10px;font-size:14px;line-height:1.5;white-space:nowrap}
.tabs button.active{background:#d2c49f13;color:var(--gold)}.tabs button.active:after{display:none}
.tabs button span{font-size:10px;padding:1px 5px;background:#ffffff08;border-radius:5px}
dialog{border-radius:18px;border-color:#455047;background:#222923;box-shadow:0 25px 90px #0006}
.detail-top h2{line-height:1.5}.detail-meta,.history-note,.detail-disclaimer{font-size:11px;line-height:1.8}
.feedback-dialog{padding:26px;background:#222923}.feedback-dialog textarea{font-size:14px;background:#19211c;border-radius:10px}
.feedback-intro,.feedback-label,.feedback-status{font-size:13px;line-height:1.8}.feedback-actions button{min-height:44px;background:#d2c49f;border-color:#d2c49f;color:#222820;font-size:13px;border-radius:9px}
.forecast-panel{border-radius:14px;padding:24px;background:#222923}.forecast-card{border-radius:11px;background:#1b231e;border-color:#35423a}.forecast-metrics>div{border-radius:7px}.forecast-disclaimer{font-size:11px}
.load-more button{border-radius:10px;padding:13px 26px;font-size:13px;min-height:46px}
footer{gap:24px;padding:32px 0;color:var(--muted)}footer p{font-size:11px;line-height:1.8}
@media(max-width:1000px){.topbar{gap:18px}.topbar nav{gap:4px}.hero h1{font-size:32px}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filters .search{grid-column:span 3}.filters #sort{grid-column:span 1}.account-panel{flex-direction:column}.account-copy{flex-basis:auto}.account-controls{width:100%}}
@media(max-width:680px){
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}main{padding:0 16px}
  .topbar{display:grid;height:auto;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:64px 48px;padding:0 16px;gap:0 12px}
  .topbar nav{display:flex;grid-column:1/-1;grid-row:2;margin-left:0;gap:8px;height:48px;font-size:13px}.topbar nav>a,.topbar nav>button{padding:8px 13px;min-height:44px}
  .topbar .home-link{font-size:11px;padding:8px 10px}
  .hero{min-height:0;padding:26px 2px;gap:0}.hero h1{font-size:28px;margin:10px 0 12px;line-height:1.5}.hero p{font-size:13px}.hero .eyebrow{font-size:10px;letter-spacing:1px}
  .stats{padding:0;border-radius:12px}.stats>div{padding:18px 16px}.stats strong{font-size:25px}.stats small{font-size:10px}
  .visit-stats{gap:12px;padding:15px 4px 18px;margin-bottom:26px}.visit-stats span{font-size:10px}.visit-stats strong{font-size:18px}.visit-stats small{font-size:9px}
  .section-head{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:16px}.section-head h2{font-size:22px}.source-note{margin:0;font-size:11px}
  .filters{padding:12px;gap:10px;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.filters .search,.filters #sort{grid-column:span 2}
  .search input,.filters select,.account-controls input,.feedback-dialog textarea{font-size:16px}.filters select{padding-left:10px}.search,.filters select,.stattrack{min-height:46px}
  .cards{gap:12px}.item-picture{height:138px}.item-picture img{max-height:108px}.item-body{padding:14px 12px}.item-name{font-size:13px;min-height:44px;line-height:1.65}.item-meta{font-size:10px}.item-price{font-size:20px}.item-bottom{margin-top:13px;gap:5px}.change{font-size:11px}.change small{font-size:9px}.favorite{width:36px;height:36px;top:8px;right:8px}
  .rarity-badge{left:9px;bottom:8px;font-size:9px;padding:3px 6px}.favorite-prices{padding:12px;font-size:10px}.favorite-prices strong{font-size:12px}
  .account-panel{padding:18px;gap:15px}.account-controls input{flex:1 1 100%;min-width:0;width:100%}.account-controls button{flex:1 1 auto;min-height:46px;font-size:13px}.account-recovery input{flex-basis:100%}
  .tabs{height:calc(72px + env(safe-area-inset-bottom));padding:8px 5px calc(8px + env(safe-area-inset-bottom));border-radius:15px 15px 0 0;gap:2px}.tabs button{padding:7px 4px;min-height:44px;font-size:12px;flex:1}.tabs button span{padding:1px 3px;font-size:9px;margin-left:2px}
  .feedback-dialog{padding:21px 18px}.feedback-actions{align-items:flex-start;flex-direction:column;gap:10px}.feedback-actions button{width:100%}.feedback-actions>span{font-size:11px}
  .forecast-panel{padding:18px 13px}.forecast-card{padding:12px}.forecast-body h4{font-size:13px}.forecast-summary{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.community-invite{display:inline-flex;align-items:center;gap:24px;padding:13px 16px;margin-top:22px;border:1px solid #485343;border-radius:12px;background:#242b25}.community-invite>div{display:grid;gap:1px}.community-invite span{font-size:11px;color:var(--muted)}.community-invite strong{font-size:19px;letter-spacing:1px;user-select:text;color:var(--gold);font-variant-numeric:tabular-nums}.community-invite button{min-height:42px;padding:9px 15px;border:1px solid #686952;border-radius:8px;background:#d2c49f12;color:var(--gold);font:inherit;font-size:12px;white-space:nowrap}.qq-copy-status{font-size:11px!important;margin:8px 0 0!important;line-height:1.6!important}.qq-copy-status:empty{display:none}
.forecast-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:680px){.forecast-metrics{grid-template-columns:1fr}}