@font-face{font-family:Macondo;src:url(/fonts/Macondo-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--night-0:#07051a;--night-1:#0d0a24;--night-2:#130d2e;--night-3:#1e1840;--night-4:#2a2258;--gold:#f7c948;--gold-light:#ffe6a6;--gold-deep:#e48112;--gold-dim:#a8741f;--cream:#f3ecd8;--muted:#c9c2b3;--faint:#8f87a6;--violet:#a77bff;--violet-deep:#6b3fd1;--cyan:#5fd8f0;--leaf:#6dbb3c;--soil:#28190f;--font-display:"Macondo", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--content:72rem;--prose:44rem;--radius:4px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 50% -10%, #6b3fd12e, transparent 70%), linear-gradient(var(--night-1), var(--night-0));background-color:var(--night-1);min-height:100vh;color:var(--cream);font-family:var(--font-body);flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.65;display:flex}main{flex:1}img{max-width:100%;height:auto}.pixel,.pixel img{image-rendering:pixelated;image-rendering:crisp-edges}h1,h2,h3,h4{font-family:var(--font-display);color:var(--gold);text-shadow:0 2px #3a1a0a,0 0 18px #f7c94826;margin:0 0 .6em;font-weight:400;line-height:1.2}h1{font-size:clamp(2.2rem,5vw,3.4rem)}h2{font-size:clamp(1.7rem,3.4vw,2.3rem)}h3{font-size:1.45rem}p{margin:0 0 1em}a{color:var(--gold-light);text-underline-offset:3px;text-decoration-color:#ffe6a666}a:hover{color:#fff;text-decoration-color:var(--gold)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.container{width:min(100% - 2rem, var(--content));margin-inline:auto}.skip-link{z-index:100;background:var(--night-3);color:var(--gold-light);padding:.5rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.frame-panel{image-rendering:pixelated;border:40px solid #0000;border-image:url(/img/ui/panel-gold.png) 64 fill/64px;padding:.5rem 1rem}.frame-card{image-rendering:pixelated;border:12px solid #0000;border-image:url(/img/ui/card-marked.png) 16 fill/16px}a.frame-card:hover,.frame-card:has(a:hover){border-image-source:url(/img/ui/card-focus.png)}.frame-plate{image-rendering:pixelated;background:var(--night-2);border:8px solid #0000;border-image:url(/img/ui/plate-gold.png) 8/8px}.btn{image-rendering:pixelated;font-family:var(--font-display);color:var(--cream);text-shadow:0 2px #0009;border:6px solid #0000;border-image:url(/img/ui/button-idle.png) 6 fill/6px;align-items:center;gap:.5rem;padding:.45rem 1.2rem;font-size:1.2rem;line-height:1.3;text-decoration:none;transition:filter .15s,transform .15s;display:inline-flex}.btn:hover{color:var(--gold-light);border-image-source:url(/img/ui/button-focus.png);transform:translateY(-1px)}.btn--primary{color:#fff;border-image-source:url(/img/ui/button-selected.png)}.btn--primary:hover{color:#fff;filter:brightness(1.15);border-image-source:url(/img/ui/button-selected.png)}.coin{width:32px;height:32px;image-rendering:pixelated;background:url(/img/sprites/coin-spin.png) 0 0/128px 32px;margin:-6px 0 -6px -6px;animation:.6s steps(4,end) infinite coin-spin;display:inline-block}@keyframes coin-spin{to{background-position:-128px 0}}.badge{color:var(--gold-light);font-family:var(--font-display);white-space:nowrap;background:#f7c94814;border:1px solid #f7c94873;border-radius:999px;padding:.05rem .6rem;font-size:.95rem;display:inline-block}.badge--violet{color:#d9c8ff;background:#a77bff1a;border-color:#a77bff80}.section{padding-block:clamp(3rem,7vw,5.5rem)}.section-title{text-align:center}.ornament{width:9px;height:16px;image-rendering:pixelated;filter:drop-shadow(0 0 4px #5fd8f0b3);background:url(/img/sprites/crystal.png) 0 0/9px 16px;margin:0 auto .9rem;display:block;transform:scale(2)}.prose{max-width:var(--prose);margin-inline:auto}.prose h2{margin-top:2.2em;font-size:1.75rem}.prose h3{color:var(--gold-light);margin-top:1.8em}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.3rem}.prose li{margin-bottom:.45em}.prose li::marker{color:var(--gold)}.prose strong{color:#fff}.prose code{background:var(--night-3);color:var(--gold-light);border-radius:3px;padding:.1em .35em;font-size:.9em}.prose blockquote{border-left:3px solid var(--violet);color:var(--muted);background:#a77bff12;margin:1.5em 0;padding:.4em 1.2em}.prose hr{height:16px;image-rendering:pixelated;background:url(/img/sprites/crystal.png) 50%/9px 16px no-repeat;border:0;margin:2.5em 0}.prose figure{margin:2em 0}.prose figure img,.prose p>img{background:var(--night-2);width:100%;image-rendering:pixelated;border:8px solid #0000;border-image:url(/img/ui/plate-gold.png) 8/8px;display:block}.prose figcaption{color:var(--muted);text-align:center;margin-top:.6em;font-size:.92rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
