*{box-sizing:border-box}body{margin:0;background:#202831;color:#e5e9ef;font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #556676}a{color:#9dd5ed;text-underline-offset:3px}a:hover{color:#ffe6a0}a:focus-visible{outline:2px solid #ffe6a0;outline-offset:4px}.brand{display:flex;align-items:center;gap:10px;color:#ffe6a0;font-size:26px;font-weight:bold;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}h1{font-size:clamp(26px,4vw,38px);line-height:1.25;color:#f5eac7}h2{font-size:20px;color:#eee2bd}.eyebrow,small,.source-note{color:#bac7d6}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px}.cards section,.directory li{background:#2d3743;border:1px solid #56697b;border-radius:5px;padding:16px}.directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;list-style:none;padding:0}.directory small{display:block;font-size:12px}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff16;padding:5px 0}dd{margin:0;text-align:right}.hp{color:#ff9999}.monster{max-width:160px;max-height:180px;object-fit:contain;image-rendering:pixelated}.map-preview{width:100%;height:auto;border:1px solid #56697b;border-radius:5px}.source-note{font-size:13px;border-top:1px solid #56697b;margin-top:32px;padding-top:16px}li{margin-bottom:8px}code{background:#303f50;padding:3px 5px;border-radius:3px}footer{font-size:14px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:#202831;padding:12px}@media(max-width:500px){header,main,footer{padding:16px}nav{gap:12px}}