:root{color-scheme:dark;--bg:#070c16;--card:#121e32;--card2:#18273e;--line:#2e415e;--ink:#edf5ff;--muted:#a7b9d3;--blue:#83c4ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 55% -100px,#1b3551,#070c16 55%);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);line-height:1.65;font-size:16px}a{color:#aedbff;text-decoration:none}a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:10;background:#080f1de9;backdrop-filter:blur(14px);border-bottom:1px solid #26384f}.nav{max-width:1120px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:13px 18px}.brand{font-weight:850;letter-spacing:-.03em;margin-right:auto;color:white}.nav .link{font-size:.84rem;padding:8px 12px;border:1px solid #34516c;border-radius:12px;background:#17273d}.wrap{max-width:1120px;margin:auto;padding:30px 20px 75px}h1,h2,h3,h4{line-height:1.22;letter-spacing:-.025em}h1{font-size:clamp(2.25rem,5vw,4rem);margin:15px 0}h2{font-size:clamp(1.45rem,3vw,2rem);margin:0 0 16px}h3{font-size:1.18rem;margin:0 0 10px}p{margin:9px 0}.hero{margin:0 0 36px;padding:30px 0 12px}.lead{max-width:720px;color:#b8c9de;font-size:1.08rem}.badge,.eyebrow{display:inline-flex;background:#1d344c;border:1px solid #47627d;border-radius:50px;color:#c2dfff;padding:5px 12px;font-weight:650;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.section{margin:42px 0}.panel,.card{background:linear-gradient(145deg,#16263c,#0f1a2a);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 9px 28px #0003}.card.gem{border-top:3px solid var(--gem,#7aa9ff);display:block;transition:transform .2s,border-color .2s}.card.gem:hover{transform:translateY(-3px);text-decoration:none;border-color:var(--gem)}.card .role,.small,.muted{color:var(--muted)}.card .role{font-size:.91rem}.card .gem-preview{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;margin-bottom:14px}.gem-hero{display:grid;grid-template-columns:1fr minmax(260px,380px);align-items:center;gap:34px}.gem-hero img{width:100%;border-radius:20px;border:1px solid #37516f;box-shadow:0 20px 70px #0008}.tier-list{display:grid;gap:18px}.tier{display:grid;grid-template-columns:76px minmax(0,1fr);gap:20px;padding:23px;border:1px solid #314965;border-radius:17px;background:#142137}.tier-num{border-radius:12px;background:#253e57;color:#dbeafd;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;height:58px}.tier h3{margin:0 0 6px}.tier p{margin:0;color:#c9d8e9}.ascension{border-color:#9d7937;background:linear-gradient(130deg,#362b1a,#171e2b)}.ascension .tier-num{background:#715322;color:white}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-top:23px}.kpi{background:#17283d;border:1px solid #314965;border-radius:16px;padding:21px}.kpi strong{display:block;font-size:1.35rem}.gemnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.list{padding-left:23px}.list li{margin:10px 0}.callout{border-left:3px solid #e1bf67;padding:5px 0 5px 18px;color:#e9daaa}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:590px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #35465f;padding:15px 12px}th{color:#c7e7ff}.footer{margin-top:64px;padding-top:20px;border-top:1px solid #273b52;color:#99aac5;font-size:.88rem}.note{color:#aebfd3;font-size:.9rem}
/* Actual 3×3 table image shell; grid and output are separate, never overlap */
.recipe-card{margin:0 0 30px;padding:26px;background:linear-gradient(145deg,#172840,#111b2b);border:1px solid #39506d;border-radius:20px}.recipe-intro{max-width:730px;margin-bottom:22px}.recipe-showcase{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.craft-station{padding:18px;background:linear-gradient(130deg,#b5a78c,#7b6e5c);border:8px ridge #c0b19a;border-radius:10px;box-shadow:inset 0 0 0 4px #625747,0 6px 17px #0007;width:max-content;max-width:100%}.craft-label{font-weight:950;letter-spacing:.11em;color:#2b261f;font-size:.77rem;text-align:center;margin-bottom:10px;text-shadow:0 1px #ecddba}.craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:clamp(205px,48vw,270px);gap:5px}.craft-slot{position:relative;aspect-ratio:1;background:#838583;border:4px inset #cac6b9;box-shadow:inset 0 0 8px #34362f;display:flex;align-items:center;justify-content:center;min-width:0}.craft-slot.empty{background:#93948c}.craft-slot img{height:67%;width:67%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #0009)}.stack{position:absolute;right:3px;bottom:0;font-size:.86rem;font-weight:900;color:white;text-shadow:2px 2px #171717,-1px -1px #171717;line-height:1}.craft-arrow{font-size:2.6rem;color:#ffd887}.craft-output{text-align:center;display:flex;gap:10px;align-items:center;flex-direction:column}.craft-output .craft-slot{width:103px;height:103px;aspect-ratio:1;border-color:#f5d277;background:#93815e}.craft-output strong{font-size:.88rem;max-width:140px}.ingredients{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:23px}.ingredient{border:1px solid #314764;border-radius:12px;padding:9px 11px;background:#15273d;font-size:.87rem}.ingredient img{height:26px;width:26px;vertical-align:middle;margin-right:7px;image-rendering:pixelated}.status{border-radius:9px;background:#382f1c;color:#f0d98b;border:1px solid #6b582a;display:inline-flex;padding:4px 9px;font-size:.76rem;font-weight:700}.recipe-disclaimer{margin:15px 0 26px;color:#e8d9ab;border-left:3px solid #e4bb67;padding-left:13px}.gallery-caption{font-size:.85rem;color:var(--muted)}
@media(max-width:700px){.wrap{padding:20px 13px 55px}.nav{gap:6px}.nav .link{padding:7px 9px}.panel,.card,.recipe-card{padding:18px}.gem-hero{grid-template-columns:1fr}.gem-hero img{max-width:530px}.tier{grid-template-columns:55px 1fr;gap:13px;padding:16px}.tier-num{height:48px}.craft-arrow{transform:rotate(90deg);width:100%;text-align:center;line-height:1}.recipe-showcase{justify-content:center;gap:10px}.craft-station{padding:12px;border-width:6px}.craft-grid{width:clamp(200px,75vw,245px)}.craft-output .craft-slot{width:89px;height:89px}.ingredients{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.ingredients{grid-template-columns:1fr}.craft-grid{width:195px}}