*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#140c1d;color:#f6e5dc;font:16px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;gap:20px;padding:22px max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid #a7688855;background:#241229}a{color:#ffc6dc;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;gap:20px;flex-wrap:wrap}main{max-width:1100px;margin:auto;padding:45px 22px}h1{font-size:clamp(32px,6vw,64px);line-height:1.1}h2{margin-top:40px;color:#ffd5a0;font-size:28px}h3{font-size:18px;margin:0 0 8px}p{margin:8px 0 16px;color:#dcc6d4}.eyebrow,small{color:#c8a3ba}.eyebrow{letter-spacing:3px;font-size:12px}section{scroll-margin-top:20px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}article,details{position:relative;padding:22px;background:#28172e;border:1px solid #ba829340;margin-bottom:12px;border-radius:8px}.portrait{position:absolute;right:12px;top:12px;width:28px;image-rendering:pixelated}summary{cursor:pointer;font-weight:700}.loot{width:512px;max-width:100%;image-rendering:pixelated}footer{margin-top:50px;font-size:13px;border-top:1px solid #ba829340;padding-top:25px}a:focus-visible,summary:focus-visible{outline:2px solid #ffe49d;outline-offset:5px}@media(max-width:650px){header{flex-direction:column;padding:18px}nav{gap:14px;font-size:14px}.facts{grid-template-columns:1fr}main{padding:24px 16px}article{padding:18px}}