*{box-sizing:border-box}body{margin:0;background:#0f0c0a;color:#ece2cc;font:18px/1.6 Georgia,'Times New Roman',serif}
a{color:#f0c35c}a:focus,a:hover{color:#ffe09a}header{position:sticky;top:0;z-index:5;background:rgba(15,12,10,.94);border-bottom:1px solid #4a3a1c}
nav{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;padding:12px 18px}
nav .logo{font-size:24px;letter-spacing:3px;color:#f0c35c;text-decoration:none;margin-right:auto;font-variant:small-caps}
nav a{text-decoration:none;padding:6px 2px}nav a[aria-current]{border-bottom:2px solid #f0c35c}
main{max-width:1100px;margin:auto;padding:24px 18px 60px}h1,h2{color:#f5cf75;font-weight:normal;letter-spacing:1px}
.hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;background:#000 url(/art/frost-demon-battle.webp) center/cover;image-rendering:pixelated}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(15,12,10,.96))}
.hero div{position:relative;max-width:1100px;margin:auto;width:100%;padding:30px 18px}.hero h1{font-size:clamp(44px,9vw,92px);margin:0;letter-spacing:6px;font-variant:small-caps;text-shadow:0 3px 12px #000}
.hero p{font-size:clamp(18px,2.6vw,24px);max-width:640px}
.btn{display:inline-block;padding:12px 24px;margin:6px 10px 6px 0;border:1px solid #f0c35c;border-radius:3px;text-decoration:none;background:rgba(240,195,92,.08)}.btn.p{background:#c8962e;color:#140f08;font-weight:bold}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.card{background:#1a1511;border:1px solid #3a2e18;border-radius:4px;padding:18px}.card h3{margin-top:0;color:#f5cf75}
figure{margin:0;background:#1a1511;border:1px solid #3a2e18;border-radius:4px;overflow:hidden}figure img{width:100%;display:block;image-rendering:pixelated}figcaption{padding:8px 12px;font-size:16px}
.note{background:#2b200e;border-left:4px solid #f0c35c;padding:12px 16px;margin:16px 0}.dim{color:#b8aa8c;font-size:15px}
footer{border-top:1px solid #3a2e18;text-align:center;padding:24px;color:#a89a7c;font-size:15px}code{word-break:break-all;font-size:13px}@media(max-width:700px){.hero{background-image:url(/art/frost-demon-battle-640.webp)}}.art{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:10px 0}.art img{width:100%;height:auto;display:block;image-rendering:pixelated}.tag{font-size:14px;color:#b8aa8c;font-style:italic}@media(max-width:480px){.grid,.art{grid-template-columns:1fr}}
.jump{font-size:15px;line-height:2;margin:10px 0 24px}.jump a{display:inline-block;padding:0 6px}
.pn{background:#1a1511;border:1px solid #3a2e18;border-radius:4px;margin:10px 0}.pn summary{cursor:pointer;padding:12px 16px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.pn summary:focus-visible{outline:2px solid #f0c35c;outline-offset:2px}.ver{color:#f5cf75;font-size:22px}.ttl{flex:1;min-width:200px}.pn time{color:#c9bb9c;font-size:15px}
.pnb{padding:0 18px 12px;border-top:1px solid #3a2e18}.pnb h4{color:#e0b55a;margin:14px 0 4px;font-weight:normal;letter-spacing:1px;text-transform:uppercase;font-size:14px}.pnb ul{margin:0;padding-left:22px}
.early li{margin:6px 0}