:root{color-scheme:dark;background:#080b07;color:#edf8dc;font-family:Inter,system-ui,sans-serif}
body{margin:0;background:radial-gradient(circle at top,#17381c,#080b07 55%)}
main{max-width:1180px;margin:auto;padding:48px 18px}
h1{font-size:68px;margin:0;letter-spacing:-.07em}
header p{max-width:760px;color:#b6caa5}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#8cff6a}
nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
nav a{border:1px solid #375b31;border-radius:999px;padding:8px 12px;text-decoration:none}
.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:22px 0}
.hero-grid div,.policy,.intel article,.quickstart{border:1px solid #263a23;border-radius:16px;background:#0d140ccc;padding:14px}
.hero-grid b,.intel b,.quickstart b{display:block;color:#8cff6a}
.hero-grid span,.policy,.intel span,.quickstart span{color:#b6caa5}
.intel{margin:16px 0}.intel article{background:linear-gradient(135deg,#11240f,#0d140c)}.intel em{display:block;margin-top:8px;color:#edf8dc;font-style:normal}
.policy b{color:#edf8dc}
input,select{width:100%;box-sizing:border-box;margin:8px 0 16px;padding:16px;border-radius:14px;border:1px solid #345232;background:#0d140c;color:#edf8dc;font-size:18px}
button{border:0;border-radius:999px;background:#8cff6a;color:#071006;font-weight:900;padding:12px 18px;cursor:pointer}
button:disabled{opacity:.45;cursor:not-allowed}
.panel{border:1px solid #263a23;border-radius:18px;background:#0d140ccc;padding:18px;max-width:720px}
label{display:block;color:#b6caa5}
pre{white-space:pre-wrap;background:#070b06;border-radius:14px;padding:14px;overflow:auto}
.quickstart{margin:18px 0}.quickstart code{display:block;margin:8px 0;color:#edf8dc;font-size:18px}.emergency{border-color:#ffd166;background:#221606cc}.emergency b,.emergency code{color:#ffd166}
#stats{margin:14px 0;color:#b6caa5}
.stage-stats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.stage-stats span{border:1px solid #375b31;border-radius:999px;padding:7px 10px;color:#b8fca7}
#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{position:relative;padding:18px;border:1px solid #263a23;border-radius:18px;background:linear-gradient(180deg,#111b10,#0b100a);box-shadow:0 10px 30px #0006}
.card.relic{border-color:#ffd166}.card.staple{border-color:#8cff6a}.card.board{border-color:#62b6ff}.card.trial{border-color:#b8fca7}.card.graveyard{opacity:.62}
.card h2{font-size:30px;margin:0 58px 4px 0;word-break:break-word}.card p{min-height:42px;color:#c9dabb}
.score{position:absolute;top:16px;right:16px;background:#8cff6a;color:#071006;font-weight:900;border-radius:999px;width:48px;height:48px;display:grid;place-items:center}
.stage{display:inline-block;margin:12px 0 0;border-radius:999px;background:#1f331d;color:#8cff6a;padding:5px 9px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.metrics{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:14px 0;color:#9ba98d}.metrics b{color:#edf8dc}
.fees{font-size:12px;color:#b6caa5;min-height:30px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.tags span{font-size:12px;border:1px solid #375b31;border-radius:999px;padding:5px 8px;color:#b8fca7}
a{color:#8cff6a}code{color:#9ba98d}.disabled-link{display:inline-block;margin-left:8px;color:#ffd166}