@font-face{font-family:Cinzel;src:url(/fonts/Cinzel.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/Alegreya.woff2)format("woff2");font-weight:400 900;font-display:swap}:root{--night:#110e15;--night-2:#16121b;--panel:#1e1924;--panel-2:#2f2738;--panel-3:#3d3248;--outline:#0a080d;--edge:#5c4a33;--edge-2:#7a6038;--gold:#e0b85c;--gold-hi:#ffcd75;--gold-deep:#4a3a24;--parchment:#f4ecd8;--ink:#1a1c2c;--text:#efe6d2;--muted:#b9ab95;--dim:#9d9181;--red:#ef4f5f;--green:#5ad05a;--common:#c8c8c8;--uncommon:#5ad05a;--rare:#4aa3ff;--epic:#b35cff;--legendary:#ffb627;--celestial:#5ff5e8;--serif:"Alegreya", Georgia, "Times New Roman", serif;--display:"Cinzel", "Trajan Pro", Georgia, serif;--wrap:1200px;--gutter:clamp(16px, 4vw, 40px);--radius:6px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:72px}body{background:radial-gradient(1200px 600px at 85% -10%, #b35cff1a, transparent 60%), radial-gradient(900px 500px at 0% 20%, #e0b85c12, transparent 60%), var(--night);min-height:100vh;color:var(--text);font-family:var(--serif);margin:0;font-size:clamp(1.0625rem,.35vw + 1rem,1.1875rem);line-height:1.6;overflow-x:hidden}body:after{content:"";z-index:40;pointer-events:none;background:radial-gradient(130% 110% at 50% 45%,#0000 62%,#04020873);position:fixed;inset:0}img{max-width:100%}h1,h2,h3,h4{font-family:var(--display);color:#f6e2b0;letter-spacing:.01em;text-wrap:balance;margin:0 0 .5em;font-weight:700;line-height:1.15}p{text-wrap:pretty;margin:0 0 1em}a{color:var(--gold-hi);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:#fff0c2}:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px;border-radius:4px}.skip{z-index:100;background:var(--parchment);color:var(--ink);border-radius:var(--radius);padding:10px 16px;font-weight:700;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(56px,7vw,96px);position:relative}.eyebrow{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin-bottom:14px;font-size:.8rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:22px;height:2px}.section-head{isolation:isolate;max-width:760px;margin-bottom:clamp(32px,5vw,56px);position:relative}.section-head:before{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 120deg at 12% 0,#ffcd7512 0deg 3deg,#0000 3deg 9deg);width:min(560px,100% + 24px);height:300px;position:absolute;top:-70px;left:-24px;-webkit-mask-image:radial-gradient(70% 90% at 12% 0,#000,#0000 70%);mask-image:radial-gradient(70% 90% at 12% 0,#000,#0000 70%)}.section-head.center:before{background:repeating-conic-gradient(from 150deg at 50% 0,#ffcd7512 0deg 3deg,#0000 3deg 9deg);left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(60% 90% at 50% 0,#000,#0000 70%);mask-image:radial-gradient(60% 90% at 50% 0,#000,#0000 70%)}.section-head h1,.section-head h2{font-size:clamp(1.9rem,3.4vw + .6rem,3.1rem)}.section-head>p:not(.eyebrow){color:var(--muted);font-size:1.12em}.section-head.center{text-align:center;margin-inline:auto}.section-head.center .eyebrow:after{content:"";background:currentColor;width:22px;height:2px}.panel{background:linear-gradient(180deg, #221c29, var(--panel));border:2px solid var(--edge);border-radius:var(--radius);box-shadow:0 0 0 2px var(--outline), 0 18px 40px -18px #000000b3}.filigree{background:linear-gradient(180deg, #261d2c, var(--panel));border-radius:var(--radius);box-shadow:0 0 0 2px var(--outline), 0 0 24px -6px #ffcd7540, 0 18px 40px -18px #000000b3;border:2px solid #9a7434;position:relative}.filigree:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle, var(--gold-hi) 2px, #3a2a12 3px, transparent 4px) 0 0 / 10px 10px no-repeat, radial-gradient(circle, var(--gold-hi) 2px, #3a2a12 3px, transparent 4px) 100% 0 / 10px 10px no-repeat, radial-gradient(circle, var(--gold-hi) 2px, #3a2a12 3px, transparent 4px) 0 100% / 10px 10px no-repeat, radial-gradient(circle, var(--gold-hi) 2px, #3a2a12 3px, transparent 4px) 100% 100% / 10px 10px no-repeat;border:1px solid #ffcd7547;border-radius:3px;position:absolute;inset:3px}.btn{--b:var(--gold);border:2px solid var(--b);border-radius:var(--radius);min-height:48px;box-shadow:0 0 0 2px var(--outline), inset 0 -3px 0 #00000040;background:var(--gold-deep);color:#ffeec4;font-family:var(--display);letter-spacing:.04em;cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 22px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,background-color .15s,filter .15s;display:inline-flex}.btn:hover{color:#fff6dc;background:#5a4630;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.primary{color:var(--ink);background:linear-gradient(#ffd98a,#e0a93c);border-color:#fff0c2}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{--b:var(--edge-2);background:#1e192499}.btn .px{width:24px;height:24px;margin:-4px 0 -4px -6px}.chip{color:#f3dfae;white-space:nowrap;background:#e0b85c14;border:1px solid #e0b85c59;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.85rem;line-height:1.5;display:inline-flex}.px,.pixel{image-rendering:pixelated;image-rendering:crisp-edges}.spr{--s:2;--f:1;--fw:32;--fh:32;--d:.8s;width:calc(var(--fw) * var(--s) * 1px);height:calc(var(--fh) * var(--s) * 1px);vertical-align:bottom;flex:none;display:inline-block;overflow:hidden}.spr>img{width:calc(var(--fw) * var(--f) * var(--s) * 1px);max-width:none;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;animation:spr var(--d) steps(var(--f)) infinite;animation-delay:var(--delay,0s);display:block}.spr.still>img{animation:none}@keyframes spr{0%{transform:translate(0)}to{transform:translate(-100%)}}.tile{image-rendering:pixelated;image-rendering:crisp-edges;background-repeat:repeat-x;background-size:auto 100%}.tile.scroll{animation:tile var(--tile-d,30s) linear infinite}@keyframes tile{0%{background-position-x:0}to{background-position-x:calc(var(--tile-w) * -1px)}}.banter{z-index:2;margin:0;display:grid;position:absolute;top:8px;left:10px;right:10px}.banter span{background:var(--parchment);color:var(--ink);border:2px solid var(--ink);opacity:0;animation:20s linear infinite banter4;animation-delay:calc(var(--i) * 5s - var(--off,0s));border-radius:5px;grid-area:1/1;place-self:start;padding:3px 9px 4px;font-size:.9rem;font-weight:600;line-height:1.25;box-shadow:0 2px #0a080d73}.banter.n3 span{animation-name:banter3;animation-duration:15s}@keyframes banter4{0%{opacity:0;transform:translateY(3px)}2%,23%{opacity:1;transform:none}25%,to{opacity:0;transform:none}}@keyframes banter3{0%{opacity:0;transform:translateY(3px)}3%,30%{opacity:1;transform:none}33%,to{opacity:0;transform:none}}.divider{height:64px;image-rendering:pixelated;opacity:.9;background-repeat:repeat-x;background-size:256px 64px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.rarity-common{--r:var(--common)}.rarity-uncommon{--r:var(--uncommon)}.rarity-rare{--r:var(--rare)}.rarity-epic{--r:var(--epic)}.rarity-legendary{--r:var(--legendary)}.rarity-celestial{--r:var(--celestial)}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(18px)}.js .reveal.is-in{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.spr>img,.tile.scroll{animation:none!important}.banter span{animation:none;display:none}.banter span:first-child{opacity:1;display:block}}
