/* Relics and Gemstones (/relics/): builds on the gallery styles in mechanics.css (gx-*). Rarity colours follow the game's usual order. */
.rl-page{--rare:#3f8fd8;--epic:#a052d6;--legendary:#d9a23b;--mythical:#d9474a}
.rl-hero-links{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.rl-button{display:inline-block;background:#f5e3bd;color:#4d3100;border:1px solid #e3b565;border-radius:999px;padding:9px 16px;font-weight:650;text-decoration:none}
.rl-button:hover{background:#fff1d3}
.rl-button-quiet{background:#16264a;color:#dbe5f6;border-color:#3a4f7b;font-weight:500}
.rl-button-quiet:hover{background:#1b2e57}
.rl-tools{align-items:flex-end}
.rl-sort{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#aab6cc}
.rl-sort select{background:#fff;color:#202939;border:1px solid #9ba7b6;border-radius:8px;padding:10px 12px;font-size:15px}
.rl-sort select:focus-visible{outline:2px solid #e3b565;outline-offset:3px}
.rl-chip-rows{display:flex;flex-direction:column;gap:8px;margin:0 0 6px}
.rl-grid{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.rl-item[hidden],.rl-shape-section[hidden]{display:none}
.rl-card{display:flex;gap:14px;align-items:flex-start;height:100%;box-sizing:border-box;background:#fff;color:#202939;border:1px solid #cbd2db;border-left:5px solid var(--rare);border-radius:11px;padding:14px;text-decoration:none;box-shadow:0 2px 6px #0003;transition:border-color .15s,transform .15s}
.rl-card-epic{border-left-color:var(--epic)}.rl-card-legendary{border-left-color:var(--legendary)}.rl-card-mythical{border-left-color:var(--mythical)}
.rl-card:hover{transform:translateY(-2px);border-color:#c9a45c}
.rl-card:focus-visible{outline:2px solid #e3b565;outline-offset:3px}
.rl-icon{flex:none;border-radius:10px;background:radial-gradient(circle at 50% 40%,#22365e,#0c1527 75%);object-fit:contain}
.rl-icon-missing{display:inline-block}
.rl-card-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.rl-card-name{font-family:Georgia,serif;font-size:20px;line-height:1.15;color:#17213a}
.rl-card-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0}
.rl-card-text{font-size:14px;line-height:1.45;color:#4c586b;overflow-wrap:anywhere}
.rl-tag{display:inline-flex;align-items:center;gap:4px;border:1px solid #cdd5e0;background:#f2f5f9;color:#3b4658;border-radius:999px;padding:1px 9px;font-size:12.5px;line-height:1.6}
.rl-rarity{display:inline-block;border-radius:999px;padding:1px 9px;font-size:12.5px;line-height:1.6;font-weight:650;color:#fff;background:var(--rare)}
.rl-r-epic{background:var(--epic)}.rl-r-legendary{background:var(--legendary);color:#2b1b00}.rl-r-mythical{background:var(--mythical)}
.rl-sockets{display:inline-flex;gap:2px;padding:2px 6px;background:#0c1527;border-radius:999px}
.rl-shape{display:inline-block;vertical-align:middle}
.rl-tag .rl-shape{background:#17213a;border-radius:50%;padding:2px;box-sizing:content-box}
.rl-panel h3{font-family:Georgia,serif;font-weight:400;font-size:21px;margin:22px 0 8px;color:#17213a}
.rl-quote,.rl-game{margin:0 0 14px;padding:14px 18px;border-left:4px solid #c9a45c;background:#fbf4e3;border-radius:0 8px 8px 0}
.rl-quote p,.rl-game p{margin:0 0 8px;line-height:1.5;color:#2b2415}
.rl-game p{font-family:Georgia,serif;font-size:21px;line-height:1.4}
.rl-quote cite,.rl-game cite{display:block;font-style:normal;font-size:13px;color:#6b5a38}
.rl-quote-dark{background:#14223f;border-left-color:#e3b565;max-width:80ch}
.rl-quote-dark p{color:#dbe5f6}.rl-quote-dark cite{color:#aab6cc}
.rl-hl{color:#0b7a25;font-weight:700}
.rl-quote-dark .rl-hl{color:#7fe08f}
.rl-game a,.rl-stone-text a,.rl-table a,.rl-faction-list a{color:inherit;text-decoration:underline;text-decoration-color:#c9a45c}
.rl-how{border:1px solid #d7deea;background:#f5f8fc;border-radius:10px;padding:12px 16px}
.rl-how p{margin:0 0 6px;font-size:15px;line-height:1.5;color:#2c3648}
.rl-how .rl-how-src{margin:0;font-size:12.5px;color:#5d687b}
.rl-how-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rl-badge{display:inline-block;background:#17213a;color:#fff;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:650;letter-spacing:.02em}
.rl-cat{display:inline-block;border:1px solid #b9c6dc;background:#fff;color:#2a3a5c;border-radius:999px;padding:0 9px;font-size:12.5px;line-height:1.7}
.rl-tables{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.rl-table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.rl-table{border-collapse:collapse;font-size:14px;color:#202939;min-width:180px}
.rl-table caption{text-align:left;font-weight:650;color:#17213a;padding:0 0 6px}
.rl-table th,.rl-table td{border-bottom:1px solid #e1e6ee;padding:6px 10px;text-align:left;vertical-align:top}
.rl-table thead th{background:#eef2f8;font-size:13px;color:#3b4658}
.rl-table tbody th{font-weight:650}
.rl-table-wide td,.rl-table-stats td,.rl-table-wide thead th:not(:first-child),.rl-table-stats thead th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rl-table-levels td:nth-child(3){min-width:16ch}
.rl-dim{color:#9aa3b1}
.rl-hero .rl-icon-hero{border:2px solid #c9a45c;border-radius:14px}
.rl-hero-epic .rl-icon-hero{border-color:var(--epic)}.rl-hero-legendary .rl-icon-hero{border-color:var(--legendary)}.rl-hero-mythical .rl-icon-hero{border-color:var(--mythical)}.rl-hero-rare .rl-icon-hero{border-color:var(--rare)}
.rl-faction-list{list-style:none;margin:0;padding:0}
.rl-faction-list li{padding:10px 0;border-bottom:1px solid #e1e6ee;line-height:1.5}
.rl-faction{display:inline-block;min-width:9ch;margin-right:6px;font-weight:700;color:#17213a}
.rl-socket-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.rl-socket-list a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:96px;background:#0f1a30;color:#dbe5f6;border:1px solid #2f4268;border-radius:10px;padding:12px 10px;text-decoration:none;font-size:13px}
.rl-socket-list a:hover{border-color:#e3b565}
.rl-lore summary{cursor:pointer;font-family:Georgia,serif;font-size:22px;color:#17213a}
.rl-lore p{margin:12px 0 0;line-height:1.6;color:#3b4658}
.rl-more h2{font-family:Georgia,serif;font-weight:400;font-size:26px;color:#fff;margin:26px 0 12px}
.rl-grid-compact{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.rl-grid-compact .rl-card{box-shadow:none;background:#f6f8fb}
.rl-callout{max-width:80ch;margin:0 0 18px;padding:10px 14px;border:1px solid #3a4f7b;border-radius:8px;background:#16264a;color:#dbe5f6;font-size:15px}
.rl-shape-section{margin:26px 0 0}
.rl-shape-section h2{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-weight:400;font-size:28px;color:#fff;margin:0 0 4px}
.rl-shape-note{margin:0 0 12px;font-size:14px;color:#aab6cc}
.rl-stone-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}
.rl-stone{display:flex;gap:14px;align-items:flex-start;background:#fff;color:#202939;border:1px solid #cbd2db;border-radius:11px;padding:14px;scroll-margin-top:80px}
.rl-stone-icon{flex:none;border-radius:10px;background:#0c1527}
.rl-stone-body{min-width:0;display:flex;flex-direction:column;gap:7px}
.rl-stone h3{margin:0;font-family:Georgia,serif;font-weight:400;font-size:20px;color:#17213a}
.rl-stone-text{margin:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.rl-stone .rl-how{padding:9px 12px}
.rl-stone .rl-how p{font-size:13.5px}
@media(max-width:700px){.rl-grid,.rl-stone-list{grid-template-columns:1fr}.rl-game p{font-size:18px}.rl-shape-section h2{font-size:23px}.rl-hero .rl-icon-hero{width:96px;height:96px}.rl-tools{flex-direction:column;align-items:stretch}.rl-tools .gx-search{flex:none}.rl-sort{max-width:420px}.rl-chip-rows .gx-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.rl-chip-rows .gx-chip{flex:none}}
@media(prefers-reduced-motion:reduce){.rl-card{transition:none}.rl-card:hover{transform:none}}