:root{color-scheme:light;--ink:#28382e;--muted:#526157;--green:#18543f;--paper:#faf6ec;--line:#ded9c9;--accent:#eed5a3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}a{color:var(--green)}header,footer{border-block-end:1px solid var(--line);padding:14px max(18px,calc((100% - 1050px)/2));background:#fffcf6}header a{font-weight:700;text-decoration:none}nav{display:flex;gap:16px;flex-wrap:wrap;font-size:.9rem}main{max-width:1050px;margin:auto;padding:34px 18px 70px}h1,h2{font-family:Georgia,serif;line-height:1.1}h1{font-size:clamp(2.4rem,8vw,5rem);margin:12px 0}h2{font-size:1.8rem}.hero{padding:clamp(22px,6vw,66px);background:#e6eddf;border:1px solid #d2ddce;border-radius:26px}.hero p{max-width:65ch}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin-top:22px}.card,form,.result{background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:20px;margin-block:12px}.card h2{margin-top:0}label{display:block;font-weight:650;margin-block:8px}input,select,button,.button{font:inherit;border-radius:9px;padding:10px 14px}input,select{max-width:100%;border:1px solid #66756a;background:white;color:var(--ink)}button,.button{display:inline-block;border:0;background:var(--green);color:white;text-decoration:none;cursor:pointer;margin:5px 6px 5px 0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a45d00;outline-offset:3px}small,.note{color:var(--muted)}table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:center}th,td{border:1px solid var(--line);padding:4px 1px}td a{display:block;font-weight:700}td small{display:block;font-size:clamp(.62rem,2vw,.8rem)}footer{border-block-start:1px solid var(--line)}[hidden]{display:none!important}
.mystic,.oracle{color:#fff2d4;background:radial-gradient(ellipse at 85% 0%,#54395c 0%,#251a34 43%,#161222 90%);border:1px solid #846640;border-radius:22px;padding:clamp(18px,4vw,34px)}.mystic>p:first-child,.oracle>p:first-child,.oracle-card>p:first-child{color:#efc988;letter-spacing:.14em;font-size:.75rem;font-weight:700}.oracle h2{font-size:clamp(2rem,7vw,3.4rem);color:#ffe1a2}.oracle h3{font-family:Georgia,serif;font-size:1.5rem;margin:.3em 0;color:#ffe1a2}.oracle-card{padding:16px;border:1px solid #aa855c;border-radius:13px;background:#2b2039}.oracle a,.oracle summary{color:#f5d89f}.oracle summary{cursor:pointer}.oracle .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}