.economy-page { background: radial-gradient(circle at 18% 10%, rgba(84,224,208,.13), transparent 34%), var(--night); }
.economy-hero { padding: 165px 0 90px; border-bottom: 1px solid var(--line); background: linear-gradient(120deg, rgba(5,10,17,.45), rgba(5,10,17,.95)), url('/assets/minecraft-bg.png') center 58% / cover; }
.economy-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 280px; align-items:end; gap:70px; }
.economy-hero h1 { max-width:820px; margin:14px 0 18px; font-size:clamp(54px,7vw,92px); line-height:.92; letter-spacing:-.055em; }
.economy-hero h1 em { color:var(--gold); font-style:normal; }
.economy-hero p:not(.eyebrow) { max-width:690px; margin:0; color:var(--mist); font-size:18px; }
.realm-card { padding:25px; border:1px solid var(--line-strong); border-radius:var(--radius); background:rgba(6,17,27,.88); box-shadow:var(--shadow); }
.realm-card small { display:block; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.realm-card strong { display:block; margin:7px 0 12px; color:var(--paper); font-size:29px; }
.realm-card span { display:flex; align-items:center; gap:9px; color:var(--aqua); font-size:13px; font-weight:750; }
.realm-card i { width:8px; height:8px; border-radius:50%; background:#72efb3; box-shadow:0 0 15px #72efb3; }
.catalog-section { padding:85px 0 110px; }
.economy-page .realm-tabs { display:flex; gap:5px; width:max-content; max-width:100%; margin:26px 0 0; padding:5px; overflow:auto; border:1px solid var(--line); border-radius:13px; background:rgba(8,20,31,.9); }
.economy-page .realm-tabs a { min-height:44px; flex:0 0 auto; padding:9px 15px; display:flex; align-items:center; border-radius:9px; color:var(--muted); font-size:13px; font-weight:750; text-decoration:none; }
.economy-page .realm-tabs a:hover,.economy-page .realm-tabs a.active { color:var(--paper); background:rgba(84,224,208,.12); }
.catalog-heading { display:flex; align-items:end; justify-content:space-between; gap:35px; }
.catalog-heading h2 { margin:10px 0 8px; font-size:clamp(34px,4.5vw,58px); line-height:1; letter-spacing:-.04em; }
.catalog-heading p:not(.eyebrow) { max-width:680px; margin:0; color:var(--muted); }
.catalog-sync { flex:0 0 auto; padding:9px 13px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:12px; }
.catalog-sync.ready { color:#8eecc0; border-color:rgba(114,239,179,.25); background:rgba(114,239,179,.07); }
.catalog-controls { display:grid; grid-template-columns:minmax(260px,1fr) auto; gap:18px; margin:34px 0 15px; }
.catalog-search { display:flex; align-items:center; gap:12px; min-height:54px; padding:0 17px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.035); }
.catalog-search > span { color:var(--aqua); font-size:22px; }
.catalog-search input { width:100%; min-height:44px; border:0; outline:0; color:var(--paper); background:transparent; }
.catalog-search input::placeholder { color:#6f858d; }
.catalog-search:focus-within { border-color:var(--line-strong); box-shadow:0 0 0 3px rgba(84,224,208,.07); }
.catalog-filters { display:flex; gap:5px; padding:5px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
.catalog-filters button { min-height:44px; border:0; border-radius:9px; padding:9px 12px; color:var(--muted); background:transparent; cursor:pointer; }
.catalog-filters button:hover, .catalog-filters button.active { color:var(--paper); background:rgba(84,224,208,.12); }
.catalog-summary { min-height:25px; margin-bottom:10px; color:#7f969d; font-size:13px; }
.catalog-table-wrap { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:rgba(8,20,31,.82); box-shadow:0 22px 65px rgba(0,0,0,.22); }
.catalog-table { width:100%; border-collapse:collapse; }
.catalog-table th, .catalog-table td { padding:17px 21px; border-bottom:1px solid rgba(155,215,207,.09); text-align:left; vertical-align:middle; }
.catalog-table thead th { color:#789097; font-size:11px; letter-spacing:.13em; text-transform:uppercase; background:rgba(255,255,255,.025); }
.catalog-table tbody tr:last-child > * { border-bottom:0; }
.catalog-table tbody tr:hover { background:rgba(84,224,208,.035); }
.catalog-table tbody th { width:42%; }
.item-identity { display:flex; align-items:center; gap:14px; min-width:0; }
.item-icon-frame { display:grid; flex:0 0 52px; width:52px; height:52px; place-items:center; overflow:hidden; border:1px solid rgba(155,215,207,.12); border-radius:11px; background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.08),transparent 52%),rgba(2,9,15,.7); box-shadow:inset 0 0 0 1px rgba(0,0,0,.25); }
.item-icon-frame img { width:44px; height:44px; object-fit:contain; image-rendering:pixelated; filter:drop-shadow(0 3px 4px rgba(0,0,0,.42)); }
.item-copy { min-width:0; }
.catalog-table tbody th strong { display:block; color:var(--paper); font-size:15px; }
.catalog-table tbody th small { display:block; margin-top:3px; overflow:hidden; color:#657d85; font-size:10px; letter-spacing:.08em; text-overflow:ellipsis; white-space:nowrap; }
.price { display:block; color:#aaf2cc; }
.price b { color:var(--gold); font-size:18px; }
.catalog-table td > small { display:block; color:#6f858d; font-size:10px; }
.unavailable { color:#71858b; font-size:13px; }
.trend-pending { display:inline-block; padding:5px 8px; border:1px solid var(--line); border-radius:999px; color:#71858b; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.catalog-range { display:block; margin-top:.3rem; color:var(--muted); font-size:.75rem; line-height:1.35; text-transform:capitalize; }
.catalog-loading, .catalog-error, .catalog-empty { padding:52px !important; color:var(--muted); text-align:center !important; }
.catalog-error { color:#ffad96; }
.catalog-footnote { max-width:850px; margin:18px 0 0; color:#71858b; font-size:12px; }
.catalog-pager { display:flex; align-items:center; justify-content:center; gap:15px; margin:22px 0 0; }
.catalog-pager[hidden] { display:none; }
.catalog-pager button { min-height:44px; padding:9px 13px; border:1px solid var(--line); border-radius:10px; color:var(--paper); background:rgba(255,255,255,.04); cursor:pointer; }
.catalog-pager button:hover:not(:disabled) { border-color:var(--line-strong); background:rgba(84,224,208,.1); }
.catalog-pager button:disabled { color:#586b72; cursor:not-allowed; }
.catalog-pager span { color:var(--muted); font-size:13px; }
@media (max-width:880px) {
  .economy-hero-grid { grid-template-columns:1fr; gap:35px; }
  .realm-card { max-width:330px; }
  .catalog-heading { align-items:flex-start; flex-direction:column; }
  .catalog-controls { grid-template-columns:1fr; }
  .economy-page .realm-tabs,.catalog-filters { overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scrollbar-width:thin; }
  .economy-page .realm-tabs a,.catalog-filters button { scroll-snap-align:start; }
  .catalog-filters { overflow-x:auto; }
  .catalog-filters button { flex:1 0 auto; }
}
@media (max-width:640px) {
  .economy-hero { padding:125px 0 65px; }
  .economy-hero h1 { font-size:clamp(47px,14vw,68px); }
  .catalog-section { padding:62px 0 80px; }
  .catalog-table,.catalog-table tbody { display:block; width:100%; }
  .catalog-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .catalog-table tbody { padding:8px 13px; }
  .catalog-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px 12px; padding:16px 0; }
  .catalog-table tbody tr:not(:last-child) { border-bottom:1px solid rgba(155,215,207,.09); }
  .catalog-table th,.catalog-table td { min-width:0; padding:0; border:0; }
  .catalog-table tbody th { width:auto; grid-column:1/-1; }
  .catalog-table tbody td::before { display:block; margin-bottom:4px; color:#647d84; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
  .survival-economy .catalog-table td:nth-child(2)::before { content:"Sell to server"; }
  .survival-economy .catalog-table td:nth-child(3)::before { content:"Buy from server"; }
  .fishing-economy .catalog-table td:nth-child(2)::before { content:"Sell value"; }
  .fishing-economy .catalog-table td:nth-child(3)::before { content:"Catch XP"; }
  .fishing-economy .catalog-table td:nth-child(4)::before { content:"Location"; }
  .catalog-table td[colspan] { grid-column:1/-1; padding:36px 12px !important; }
  .catalog-table td[colspan]::before { display:none; }
  .item-identity { gap:9px; }
  .item-icon-frame { flex-basis:40px; width:40px; height:40px; border-radius:9px; }
  .item-icon-frame img { width:34px; height:34px; }
  .survival-economy .trend-column { display:none; }
  .fishing-economy .trend-column { display:block; grid-column:1/-1; padding-top:12px; border-top:1px solid rgba(155,215,207,.08); }
  .catalog-table tbody th small { max-width:145px; overflow:hidden; text-overflow:ellipsis; }
}
