@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#121113;--panel:#1a191b;--line:#363035;--text:#e2ded8;--muted:#a39b99;--gold:#c2a278;--red:#ae4946}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 76% 9%,#381b2050,transparent 45%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;align-items:center;gap:16px;font-family:Cinzel,Georgia,serif;font-size:20px;letter-spacing:2px;color:var(--text)}.brand small{display:block;font:9px Inter,Arial;letter-spacing:3px;color:var(--muted);margin-top:7px}.crest{border:1px solid #876e54;transform:rotate(0deg);font-size:32px;padding:2px 13px;color:var(--gold)}.game{font:16px Cinzel,Georgia;letter-spacing:3px}.game b{display:block;color:var(--gold);font:9px Inter;letter-spacing:4px;text-align:center;margin-top:5px}main{max-width:1440px;margin:auto;padding:34px 5vw 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.accent{color:var(--red)}.hero{display:flex;justify-content:space-between;align-items:center;padding:34px 0 42px}h1{font:500 clamp(32px,4vw,55px)/1.2 Cinzel,Georgia;letter-spacing:-1px;margin:15px 0 22px}.intro{color:var(--muted);line-height:1.8;font-size:15px}.sigil{width:230px;height:230px;border:1px solid #634044;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 15px #39262b30,0 0 0 16px #54353960;background:radial-gradient(#77302b25,transparent 70%);margin-right:36px}.sigil span{font-size:120px;color:#a2765b;font-family:Georgia}.sigil small{font-size:8px;letter-spacing:3px;color:var(--gold)}.notice{display:flex;gap:18px;line-height:1.6;padding:13px 18px;border:1px solid #665139;background:#2b241b60;color:var(--muted);font-size:12px;margin-bottom:28px}.notice strong{color:var(--gold);white-space:nowrap}.workspace{display:grid;grid-template-columns:270px 1fr;gap:32px}aside{background:var(--panel);border:1px solid var(--line);padding:22px;height:fit-content}.panel-heading,.results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font:500 19px Cinzel,Georgia;margin:0}.quiet{background:none;color:var(--muted);border:none;cursor:pointer}.field{display:block;font-size:12px;color:var(--muted);margin:24px 0}input[type=search],select{display:block;width:100%;padding:12px;background:#111113;border:1px solid #494045;color:var(--text);margin-top:10px;border-radius:2px;font:13px Inter,Arial}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;color:var(--text)}.hint{font-size:11px;color:var(--muted);line-height:1.6}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.type-option{cursor:pointer}.type-option input{position:absolute;opacity:0}.type-option span{display:block;text-align:center;padding:10px 3px;border:1px solid #3b3439;font-size:11px;color:var(--muted)}.type-option input:checked+span{background:#632a2d50;border-color:#a34848;color:#f5d1c8}.type-option input:focus-visible+span{outline:2px solid var(--gold)}.tip{border-top:1px solid var(--line);padding-top:10px;display:flex;gap:12px;color:var(--muted);font-size:11px;line-height:1.7}.tip span{color:var(--gold);font-size:24px}.results-heading{padding:5px 0 15px}.results-heading .eyebrow{margin:0 0 9px}.view-label{color:var(--muted);font-size:9px;letter-spacing:1px}#active{color:var(--gold);font-size:11px;line-height:1.7;margin-bottom:19px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:linear-gradient(135deg,#252025,#19181a 70%);border:1px solid var(--line);padding:21px;min-height:265px;transition:border-color .2s,transform .2s}.card:hover{border-color:#82674e;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center}.rune-mark{font-size:27px;color:var(--gold)}.socket-badge{font-size:9px;color:var(--muted);letter-spacing:1px}.card h3{font:500 20px/1.4 Cinzel,Georgia;color:#d7b888;margin:18px 0 8px}.rune-order{font-size:11px;line-height:1.8;color:#c9c1b9;min-height:40px}.divider{height:1px;background:var(--line);margin:12px 0}.eligible{font-size:11px;color:var(--muted);line-height:1.6}.match{font-size:11px;color:#bca788;line-height:1.6;min-height:34px}.card a{font-size:11px}.empty{grid-column:1/-1;padding:40px;border:1px dashed var(--line);line-height:1.8;color:var(--muted)}.future{padding:28px 0;border-top:1px solid var(--line);margin-top:28px;color:var(--muted)}.future span{font-size:9px;letter-spacing:2px}.future p{font:15px Cinzel,Georgia}.future i{padding:0 10px;color:var(--red)}footer{border-top:1px solid var(--line);margin-top:50px;padding:28px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--gold)}footer small{display:block;color:var(--muted);font-size:10px;margin-top:8px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:1150px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sigil{width:180px;height:180px}.sigil span{font-size:95px}}@media(max-width:760px){header{height:80px}.brand{font-size:15px}.game{display:none}main{padding-top:24px}.hero{padding:24px 0}.sigil{display:none}.workspace{grid-template-columns:1fr;gap:24px}.type-grid{grid-template-columns:repeat(4,1fr)}.notice{display:block}.notice strong{display:block;margin-bottom:4px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.view-label{display:none}footer{flex-direction:column}}@media(max-width:430px){.cards{grid-template-columns:1fr}.type-grid{grid-template-columns:repeat(3,1fr)}}
.bonuses{list-style:none;padding:0;margin:15px 0;color:#a5b8de;font-size:12px;line-height:1.8}.bonuses li{margin:5px 0}.highlights{min-height:76px}.full-stats{border-top:1px solid var(--line);padding-top:14px}.full-stats summary{cursor:pointer;color:var(--gold);font-size:12px;padding:5px 0}.full-stats summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.stat-note{font-size:10px;color:var(--muted);line-height:1.7}.cards{align-items:start}
.word-meta{font-size:10px;color:var(--gold);line-height:1.8;padding-top:12px;border-top:1px solid var(--line)}.variant-heading{font:500 13px Cinzel,Georgia;color:var(--gold);margin:20px 0 8px}.notice strong{white-space:normal}.notice{align-items:center}.notice span{flex:1}
.filter-section{margin-top:20px}.filter-section legend{color:var(--gold);font:500 12px Cinzel,Georgia;letter-spacing:1px;margin-bottom:10px}.filter-section:first-child{margin-top:15px}.filter-section .type-grid{gap:7px}.filter-section:not(:first-child){border-top:1px solid var(--line);padding-top:14px}