.component-library{grid-template-columns:230px minmax(0,1fr);gap:64px;max-width:1440px;margin:auto;padding:56px 32px 100px;display:grid}.library-sidebar{align-self:start;position:sticky;top:28px}.library-sidebar nav{border-left:1px solid var(--line);flex-direction:column;gap:8px;display:flex}.library-sidebar a{color:var(--muted);padding:12px 18px;font-size:15px}.library-sidebar a:hover,.library-sidebar a:focus-visible{color:var(--gold);background:#ffffff05}.library-main{width:100%;min-width:0;max-width:none;padding:0}.library-title{margin-bottom:56px}.library-title h1{margin:0 0 14px;font-family:Quadrata,Georgia,serif;font-size:clamp(40px,5vw,68px);font-weight:400}.library-title p{color:var(--muted)}.library-main>section{margin-bottom:80px;scroll-margin-top:32px}.library-main h2{margin:0 0 30px;font-size:32px}.library-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;display:grid}.library-cards figure{min-width:0;margin:0}.library-cards figcaption{color:var(--muted);margin-bottom:20px;font-size:16px}.library-usage{color:var(--muted);margin-top:28px;font-size:14px;line-height:1.8}.library-usage summary{cursor:pointer;color:var(--gold);padding:12px 0}.library-usage pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);background:#080604;padding:20px}.library-tile{width:220px}.library-tile .race-tile{width:100%}.type-example{border-bottom:1px solid var(--line);padding:26px 0}.type-example>span{color:var(--muted);margin-bottom:24px;font-size:14px;display:block}.type-display,.type-heading,.type-card{font-family:Quadrata,Georgia,serif}.type-display{margin-bottom:22px;font-size:clamp(30px,4vw,54px)}.type-heading{margin-bottom:18px;font-size:32px}.type-card{font-size:22px}.type-example p{font-size:19px;line-height:1.9}.type-example small{color:var(--muted)}.library-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.library-swatches figure{min-width:0;margin:0}.library-swatches figure>div{border:1px solid #fff2;height:90px}.library-swatches figcaption{color:var(--muted);margin-top:12px;font-size:13px}.library-surfaces{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;display:grid}.library-surfaces>div{border:1px solid var(--line);min-height:140px;padding:28px}.library-texture{background:#191919 url(/assets/chronicle/texture.png) 50%/cover}.library-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.library-icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}.library-icons figure{color:var(--gold);align-items:center;gap:14px;margin:0;display:flex}.library-icons figcaption{color:var(--muted);font-size:13px}.library-frame{max-width:480px}.library-frame .image-frame img{width:100%;height:auto;display:block}.library-divider-sample{margin:44px 0}.library-fields{grid-template-columns:1fr 1fr;gap:24px;display:grid}.library-fields label{flex-direction:column;gap:14px;display:flex}.library-fields input,.library-fields select{width:100%;min-width:0;color:var(--ink);border:1px solid var(--line);font:inherit;background:#120d09;padding:14px}.library-return{align-items:center;gap:12px;font-size:15px;display:flex}@media (max-width:1000px){.component-library{grid-template-columns:180px minmax(0,1fr);gap:28px;padding-inline:24px}.library-icons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.component-library{padding:28px 20px 60px;display:block}.library-sidebar{margin-bottom:40px;position:static}.library-sidebar nav{border:none;flex-flow:wrap;gap:4px}.library-sidebar a{padding:10px;font-size:13px}.library-cards{gap:40px 24px}.library-icons{grid-template-columns:repeat(3,minmax(0,1fr))}.library-main>section{margin-bottom:56px}}@media (max-width:520px){.library-cards{grid-template-columns:1fr}.library-cards figure{width:100%;max-width:350px;margin:auto}.library-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.library-icons{grid-template-columns:repeat(2,minmax(0,1fr))}.library-fields,.library-surfaces{grid-template-columns:1fr}}.library-full-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.library-full-art-grid figure{min-width:0;margin:0}.library-full-art-grid figcaption{color:var(--muted);margin-bottom:16px}@media (max-width:1100px){.library-full-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.library-full-art-grid{grid-template-columns:1fr}}
.elite-interactive-studies{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px;padding:0 8px;display:grid}.elite-interactive-study{min-width:0;margin:0}.elite-interactive-study>figcaption{color:var(--muted);margin-bottom:36px;font-size:16px}.elite-interactive-artwork{isolation:isolate;position:relative}.elite-interactive-card{--metal-light:#e1c58b;--metal-mid:#9d783d;--metal-dark:#42301b;aspect-ratio:18/25;color:#efe1c2;display:block;position:relative}.elite-interactive-picture{background:#14110b;border-radius:3px;position:absolute;inset:2.4% 3.4%;overflow:hidden;box-shadow:0 18px 23px #0008}.elite-interactive-picture img{object-fit:cover;object-position:49% center;filter:saturate(.88)brightness(.94);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.65,.3,1),filter .55s;display:block}.elite-interactive-picture:after{content:"";pointer-events:none;background:linear-gradient(#0d0a0826,#0000 25% 50%,#0c09074d 65%,#0c0907eb 96%);position:absolute;inset:0;box-shadow:inset 0 0 22px 5px #08060382}.elite-interactive-frame{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.elite-interactive-frame-shadow,.elite-interactive-frame-metal,.elite-interactive-frame-edge,.elite-interactive-frame-inset{fill:none;stroke-linejoin:round}.elite-interactive-frame-shadow{stroke:#080603;stroke-width:12px}.elite-interactive-frame-metal{stroke-width:7px}.elite-interactive-frame-edge{stroke:#f1d79845;stroke-width:.7px}.elite-interactive-frame-inset{stroke:#bd955149;stroke-width:.85px}.elite-interactive-fittings{stroke:#241809;stroke-width:.7px}.elite-interactive-dragon{z-index:3;aspect-ratio:203/182;filter:saturate(.46)brightness(.94)drop-shadow(0 2px 2px #000c);pointer-events:none;background:url(/assets/elite-cards/target-frame-gold-elite.png) 93.5275% 0/252.217% no-repeat;width:44%;position:absolute;top:-2.5%;right:-5.3%;-webkit-mask:linear-gradient(#000 0 0) top/100% 32% no-repeat,linear-gradient(#000 0 0) 100%/32% 100% no-repeat;mask:linear-gradient(#000 0 0) top/100% 32% no-repeat,linear-gradient(#000 0 0) 100%/32% 100% no-repeat}.elite-interactive-name{z-index:2;text-align:center;text-shadow:0 2px 2px #000,0 4px 16px #000c;transition:color .45s;position:absolute;bottom:8.5%;left:9%;right:9%}.elite-interactive-name strong{font-family:Quadrata,Georgia,serif;font-size:clamp(26px,2.6vw,37px);font-weight:400;line-height:1.08;display:block}.elite-interactive-name strong>span{margin-bottom:4px;font-size:.74em;display:block}.elite-interactive-place{color:#cdbb9c;margin-top:16px;font-size:12px;line-height:1.5;display:block}.elite-interactive-card--dragonforged .elite-interactive-name:after{content:"";background:linear-gradient(90deg,#0000,#ae8b4b9c,#0000);width:30%;height:1px;margin:15px auto -16px;display:block}.elite-interactive-card--oathbound{--metal-light:#cab17a;--metal-mid:#8e734b;--metal-dark:#453722}.elite-interactive-card--oathbound .elite-interactive-picture{border-radius:2px 2px 17px 17px;inset:2.9% 4.5%}.elite-interactive-card--oathbound .elite-interactive-picture img{object-position:55% center;filter:saturate(.72)brightness(.92)}.elite-interactive-card--oathbound .elite-interactive-dragon{filter:saturate(.25)brightness(.85)drop-shadow(0 2px 2px #000c);width:41%;top:-1.9%;left:-3.3%;right:auto;transform:scaleX(-1)}.elite-interactive-card--oathbound .elite-interactive-name{text-align:left;bottom:9%;left:11%;right:10%}.elite-interactive-card--gilded-crest{--metal-light:#dfc99a;--metal-mid:#a38b59;--metal-dark:#51412a}.elite-interactive-card--gilded-crest .elite-interactive-picture{border-radius:12% 12% 3px 3px/9% 9% 3px 3px;inset:3.1% 4.7% 2.3%}.elite-interactive-card--gilded-crest .elite-interactive-picture img{filter:saturate(.78)brightness(.93)}.elite-interactive-card--gilded-crest .elite-interactive-frame-metal{stroke-width:5.5px}.elite-interactive-card--gilded-crest .elite-interactive-dragon{filter:saturate(.3)brightness()drop-shadow(0 2px 2px #000c);width:41%;top:-1.7%;right:-3.8%}.elite-interactive-card--gilded-crest .elite-interactive-name{bottom:10%}.elite-interactive-card:focus-visible{outline-offset:9px;outline:2px solid #e5c78e}.elite-interactive-card:focus-visible .elite-interactive-name{color:#fff0cf}.elite-interactive-card:focus-visible .elite-interactive-picture img{filter:saturate(.94)brightness()}.elite-interactive-card--dragonforged:focus-visible .elite-interactive-picture img{transform:scale(1.018)}.elite-interactive-card--gilded-crest:focus-visible .elite-interactive-picture img{transform:scale(1.012)}@media (hover:hover) and (pointer:fine){.elite-interactive-card:hover .elite-interactive-name{color:#fff0cf}.elite-interactive-card:hover .elite-interactive-picture img{filter:saturate(.94)brightness()}.elite-interactive-card--dragonforged:hover .elite-interactive-picture img{transform:scale(1.018)}.elite-interactive-card--gilded-crest:hover .elite-interactive-picture img{transform:scale(1.012)}}@media (max-width:1200px){.elite-interactive-studies{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px}.elite-interactive-name strong{font-size:34px}}@media (max-width:620px){.elite-interactive-studies{grid-template-columns:minmax(0,1fr);gap:48px;padding-inline:10px}.elite-interactive-study{width:100%;max-width:380px;margin-inline:auto}.elite-interactive-study>figcaption{margin-bottom:30px}.elite-interactive-name strong{font-size:37px}}@media (prefers-reduced-motion:reduce){.elite-interactive-picture img,.elite-interactive-name{transition:none}.elite-interactive-card:is(:hover,:focus-visible) .elite-interactive-picture img{transform:none}}
.elite-card-studies{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:40px;padding:0 8px;display:grid}.elite-study{min-width:0;margin:0}.elite-study>figcaption{color:var(--muted);margin:0 0 38px;font-size:16px}.elite-card-artwork{isolation:isolate;position:relative}.elite-card{--elite-light:#ddc18a;--elite-mid:#947544;--elite-dark:#3c2c1a;aspect-ratio:18/25;color:#f1e4c7;filter:drop-shadow(0 18px 15px #0007);display:block;position:relative}.elite-card-picture{clip-path:polygon(2.5% 0,97.5% 0,100% 1.8%,100% 98.2%,97.5% 100%,2.5% 100%,0 98.2%,0 1.8%);background:#14120d;position:absolute;inset:2% 2.7%;overflow:hidden}.elite-card-picture img{object-fit:cover;object-position:49% center;filter:saturate(.86)brightness(.91);width:100%;height:100%;display:block}.elite-card-picture:after{content:"";background:linear-gradient(#0e0b0726,#0000 22% 48%,#0d0a0861 66%,#0b0806ed 96%);position:absolute;inset:0;box-shadow:inset 0 0 24px 6px #08060385}.elite-card-frame{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.elite-metal-light{stop-color:var(--elite-light)}.elite-metal-mid{stop-color:var(--elite-mid)}.elite-metal-dark{stop-color:var(--elite-dark)}.elite-frame-shadow,.elite-frame-metal,.elite-frame-hairline,.elite-frame-inset{fill:none;stroke-linejoin:round}.elite-frame-shadow{stroke:#080604;stroke-width:13px}.elite-frame-metal{stroke-width:8px}.elite-frame-hairline{stroke:#fbe6af50;stroke-width:.75px}.elite-frame-inset{stroke:#d3ad685e;stroke-width:1px}.elite-frame-fittings{stroke:#130d09;stroke-width:.9px}.elite-card-dragon{z-index:3;aspect-ratio:203/182;filter:saturate(.5)brightness(.95)drop-shadow(0 3px 2px #000c);pointer-events:none;background:url(/assets/elite-cards/target-frame-gold-elite.png) 93.5275% 0/252.217% no-repeat;width:43%;display:block;position:absolute;-webkit-mask:linear-gradient(#000 0 0) top/100% 31% no-repeat,linear-gradient(#000 0 0) 100%/31% 100% no-repeat;mask:linear-gradient(#000 0 0) top/100% 31% no-repeat,linear-gradient(#000 0 0) 100%/31% 100% no-repeat}.elite-card-dragon--right{top:-3%;right:-6%}.elite-card-name{z-index:2;text-align:center;text-shadow:0 2px 2px #000,0 4px 16px #000c;position:absolute;bottom:8%;left:7%;right:7%}.elite-card-name strong{font-family:Quadrata,Georgia,serif;font-size:clamp(26px,2.6vw,37px);font-weight:400;line-height:1.08;display:block}.elite-card-name strong>span{margin-bottom:4px;font-size:.74em;display:block}.elite-card-place{color:#d1bfa3;margin-top:17px;font-size:12px;line-height:1.5;display:block}.elite-card--dragonbound .elite-card-name:after{content:"";background:linear-gradient(90deg,#0000,#c5a3679c,#0000);height:1px;position:absolute;bottom:-18px;left:24%;right:24%}.elite-card--black-iron{--elite-light:#a5a291;--elite-mid:#575951;--elite-dark:#222725}.elite-card--black-iron .elite-card-picture{clip-path:polygon(10% 0,90% 0,100% 6.6%,100% 93.4%,90% 100%,10% 100%,0 93.4%,0 6.6%)}.elite-card--black-iron .elite-card-picture img{object-position:53% center;filter:saturate(.67)brightness(.88)}.elite-card--black-iron .elite-frame-metal{stroke-width:11px}.elite-card--black-iron .elite-frame-inset{stroke:#caa97596}.elite-card--black-iron .elite-card-dragon{z-index:4;filter:saturate(.16)brightness(.8)drop-shadow(0 3px 2px #000);width:37%;top:auto;bottom:-6%;right:-8%;transform:rotate(90deg)}.elite-card--black-iron .elite-card-name{text-align:left;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);background:linear-gradient(100deg,#251311fa,#1b1311f5 65%,#141510e3);border-top:1px solid #bc995653;border-bottom:1px solid #bc99564f;padding:23px 20% 23px 12%;bottom:8%;left:-3%;right:0;box-shadow:0 7px 10px #0007,inset 0 1px #080604}.elite-card--black-iron .elite-card-name strong{font-size:clamp(26px,2.3vw,33px)}.elite-card--black-iron .elite-card-place{margin-top:12px}.elite-card--reliquary{--elite-light:#c4b080;--elite-mid:#7a6848;--elite-dark:#393324}.elite-card--reliquary .elite-card-picture{clip-path:none;border-radius:50% 50% 3px 3px/27% 27% 3px 3px;inset:2% 4%}.elite-card--reliquary .elite-card-picture img{filter:saturate(.72)brightness(.92)}.elite-card--reliquary .elite-frame-inset{stroke:#d8c7948c}.elite-card--reliquary .elite-card-dragon{filter:saturate(.28)brightness(.85)drop-shadow(0 3px 2px #000c);width:36%;top:0;right:-4%}.elite-card--reliquary .elite-card-dragon--left{left:-4%;right:auto;transform:scaleX(-1)}.elite-card--reliquary .elite-card-name{bottom:9%}.elite-card-artwork>.artwork-credit{z-index:5}.elite-card:hover{color:#fff1cf}.elite-card:focus-visible{outline-offset:12px;outline:2px solid #f2d99d}@media (max-width:1200px){.elite-card-studies{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px}.elite-card-name strong{font-size:34px}.elite-card--black-iron .elite-card-name strong{font-size:30px}}@media (max-width:620px){.elite-card-studies{grid-template-columns:minmax(0,1fr);gap:48px;padding-inline:10px}.elite-study{width:100%;max-width:380px;margin-inline:auto}.elite-study>figcaption{margin-bottom:30px}.elite-card-name strong{font-size:37px}.elite-card--black-iron .elite-card-name strong{font-size:33px}}