/* Item pages (/item/<slug>, item-pages.mjs): a plain, readable page that works without scripts. */
:root{--bg:#0f1218;--panel:#171b24;--line:#283040;--fg:#e8eaf0;--muted:#9aa3b5;--accent:#7fd18b;--gold:#e7b84a;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent)}
.item-top{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:16px}
.item-brand{display:flex;align-items:center;gap:10px;color:var(--fg);font-weight:700;text-decoration:none}
.item-top nav{display:flex;flex-wrap:wrap;gap:16px}
.item-page{max-width:960px;margin:0 auto;padding:0 16px 48px}
.item-head{display:flex;gap:16px;align-items:flex-start;margin:8px 0 8px}
.item-head img{image-rendering:pixelated;flex:none}
.item-head h1{margin:0 0 4px;font-size:clamp(26px,5vw,36px);line-height:1.15}
.item-head p{margin:0;color:var(--muted)}
section{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0}
h2{margin:0 0 12px;font-size:20px}
.item-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0}
.item-facts div{min-width:0}
.item-facts dt{color:var(--muted);font-size:13px}
.item-facts dd{margin:0;font-weight:700;font-size:20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.item-updated{margin:-6px 0 12px;color:var(--muted);font-size:14px}
.item-chart{margin:16px 0 0}
.item-chart svg{width:100%;height:auto;display:block;background:#11151d;border-radius:8px}
.item-chart polyline{stroke-width:2;vector-effect:non-scaling-stroke}
.item-chart polyline.ask,.item-chart figcaption .ask{stroke:var(--gold);color:var(--gold)}
.item-chart polyline.bid,.item-chart figcaption .bid{stroke:var(--accent);color:var(--accent)}
.item-chart figcaption,.item-note{color:var(--muted);font-size:14px;margin-top:8px}
.item-recipe,.item-links,section ul{margin:0;padding-left:20px}
.item-recipe li{display:flex;justify-content:space-between;gap:12px;max-width:480px}
.item-recipe b,.item-cost b{font-variant-numeric:tabular-nums;white-space:nowrap}
.item-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 16px}
.item-more p{margin:0}
.rarity-common{color:#fff}.rarity-uncommon{color:#55ff55}.rarity-rare{color:#5555ff}.rarity-epic{color:#aa00aa}.rarity-legendary{color:#ffaa00}.rarity-mythic{color:#ff55ff}.rarity-divine{color:#55ffff}.rarity-special,.rarity-very-special{color:#ff5555}