@font-face{font-family:'Shermlock';src:url(/assets/Shermlock.ttf) format('truetype');font-display:swap}
:root{--gold:#CFB53C;--gold2:#9C8320;--wood2:#3A1E08;--ink:#3E2410;--ink2:#6B4A22;--green:#5BC236}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{color:var(--ink);font-family:'Nunito','Segoe UI',system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1.55;background:#0B1735 linear-gradient(180deg,rgba(6,12,34,.72),rgba(9,18,46,.82)) fixed;cursor:url(/assets/wand32.png?v=3) 10 10,auto}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:url(/assets/bg.webp) center/900px auto;opacity:.32}
a{color:var(--ink2)}
.sheet{max-width:900px;margin:14px auto 40px;filter:drop-shadow(0 18px 30px #000b)}
.sh-top{background:url(/assets/sh-top.webp) center/100% 100% no-repeat;aspect-ratio:1600/104}
.sh-bot{background:url(/assets/sh-bot.webp) center/100% 100% no-repeat;aspect-ratio:1600/291;margin-top:-1px}
.sh-mid{background:url(/assets/sh-mid.webp) center/100% 100% no-repeat;padding:0 11% 30px;margin-top:-1px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 18px}
header img{height:60px;filter:drop-shadow(0 2px 2px #0006)}
nav{display:flex;gap:14px;font-family:'Shermlock',Impact,sans-serif;letter-spacing:1px;font-size:14px}
nav a{color:var(--ink);text-decoration:none}nav a:hover{text-decoration:underline}
h1,h2,h3{font-family:'Shermlock','Arial Black',Impact,sans-serif;font-weight:400;letter-spacing:1px;line-height:1.1;color:var(--ink);text-shadow:0 1px 0 #fff8;margin:0}
h1{font-size:clamp(28px,5vw,44px);margin-bottom:6px}h2{font-size:clamp(20px,3vw,26px);margin:28px 0 8px}
p,li{max-width:70ch}p{margin:0 0 12px}ul{padding-left:22px;margin:0 0 12px}
.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#8ee65a,var(--green) 50%,#3a9a1e);color:#fff9d6;border:3px solid #1f5a0c;border-radius:12px;padding:10px 22px;font-family:'Shermlock',Impact,sans-serif;font-size:17px;letter-spacing:1.5px;text-shadow:0 0 3px #000,0 2px 0 #1a3d08;box-shadow:0 0 0 2px var(--gold),0 0 0 4px var(--wood2),0 5px 0 #143a06,0 8px 16px #0009;text-decoration:none}
.center{text-align:center}.big{font-family:'Shermlock',Impact,sans-serif;font-size:clamp(60px,14vw,140px);line-height:1;color:var(--gold2);text-shadow:0 3px 0 #fff8,0 6px 0 #0004}
.potions{display:flex;justify-content:center;gap:20px;margin:18px 0}.potions img{height:90px;filter:drop-shadow(0 8px 12px #0008)}
footer{margin-top:34px;padding-top:14px;border-top:2px dashed rgba(90,50,16,.28);font-size:13px;color:var(--ink2);display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}
footer a{color:var(--ink2)}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}