:root{--parchment-1:#eee0be;--parchment-2:#d9c28c;--ink:#3a2a16;--ink-soft:#5a4326;--gold:#8a6a30;--wax:#7a1f1f;--torch:#ff9d3c}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--ink);background-color:#1c1611;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.07'/></feComponentTransfer></filter><rect width='300' height='300' filter='url(%23n)'/></svg>"),radial-gradient(at 50% 20%,#2a2118 0%,#1c1611 60%,#120d09 100%);justify-content:center;padding:6vh 1.2rem 8vh;font-family:EB Garamond,Georgia,Times New Roman,serif;display:flex;overflow-x:hidden}.torch{mix-blend-mode:screen;pointer-events:none;z-index:3;background:radial-gradient(#ff9d3c57 0%,#c85a1424 45%,#0000 72%);width:34vw;height:40vh;animation:2.6s ease-in-out infinite flicker;position:fixed;top:-8vh}.torch-left{left:-12vw}.torch-right{animation-delay:1.1s;right:-12vw}@keyframes flicker{0%,to{opacity:.75;transform:scale(1)}30%{opacity:.95;transform:scale(1.05)}55%{opacity:.62;transform:scale(.97)}80%{opacity:.88;transform:scale(1.02)}}#dust span{filter:blur(1px);z-index:4;pointer-events:none;background:#d8b46080;border-radius:50%;width:5px;height:5px;animation:linear infinite rise;position:fixed;bottom:-12px}@keyframes rise{0%{opacity:0;transform:translate(0)}12%{opacity:.75}85%{opacity:.35}to{opacity:0;transform:translate(4vw,-106vh)}}.parchment{z-index:2;background-color:var(--parchment-1);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.09'/></feComponentTransfer></filter><rect width='400' height='400' filter='url(%23p)'/></svg>"), linear-gradient(160deg, var(--parchment-1) 0%, var(--parchment-2) 62%, #cfb47c 100%);border:1px solid #a5894f;border-radius:4px;width:100%;max-width:920px;padding:4.2rem 3.4rem 3.4rem;position:relative;box-shadow:0 32px 80px #000000bf,inset 0 0 120px #5c3a0e4d,inset 0 0 14px #3c200673}.parchment:before{content:"";pointer-events:none;border:2px solid #5a3c1452;border-radius:2px;position:absolute;inset:12px}.seal{z-index:5;background:radial-gradient(circle at 34% 28%,#b23434 0%,#8e2020 45%,#641111 100%);border-radius:47% 53% 50% 50%/54% 46%;justify-content:center;align-items:center;width:112px;height:112px;display:flex;position:absolute;top:-36px;right:38px;transform:rotate(9deg);box-shadow:0 10px 22px #0000008c,inset 0 0 18px #28000099}.seal:after{content:"";border-radius:inherit;border:2px solid #f3e2c06b;position:absolute;inset:9px}.d20{filter:drop-shadow(0 1px 1px #00000080);width:62px;height:62px}header.title{text-align:center}.overtitle{font-variant:small-caps;letter-spacing:.32em;color:var(--ink-soft);font-size:.98rem}h1{letter-spacing:.06em;color:#43300f;text-shadow:0 1px #fff6d699,0 -1px #3c280a66;margin:.4rem 0 .8rem;font-family:Cinzel,Georgia,serif;font-size:clamp(2rem,5.4vw,3.4rem);font-weight:900}h1 .amp{font-style:italic;font-weight:500}.divider{opacity:.85;width:min(380px,86%);margin:.4rem auto 1.6rem;display:block}.divider.small{width:min(240px,70%);margin:1.2rem auto .9rem}h2{letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#6e2a1c;margin:2.6rem 0 1rem;font-family:Cinzel,Georgia,serif;font-size:1.28rem;font-weight:700}p{text-align:justify;hyphens:auto;margin-bottom:1rem;line-height:1.68}p.lead{font-size:1.14rem}p.lead:first-letter{float:left;color:#6e2a1c;padding:.06em .12em 0 0;font-family:Cinzel,Georgia,serif;font-size:3.4em;font-weight:900;line-height:.82}strong{color:#4a2f10}em{color:#5a3a18}.role{margin-bottom:.9rem}.role-title{letter-spacing:.05em;color:#6e2a1c;font-family:Cinzel,Georgia,serif;font-weight:700}.dice-row{text-align:center;letter-spacing:.3em;color:#6e2a1c;margin:1.4rem 0 .4rem;font-family:Cinzel,Georgia,serif;font-size:1.05rem;font-weight:700}.dice-caption{text-align:center;margin-bottom:0;font-size:.92rem;font-style:italic}.pillars{gap:1rem;margin:1.4rem 0;display:flex}.pillar{text-align:center;background:#785a281a;border:1px solid #5a3c1459;border-radius:2px;flex:1;padding:1.1rem .8rem}.pillar h3{letter-spacing:.1em;text-transform:uppercase;color:#4a2f10;margin-bottom:.35rem;font-family:Cinzel,Georgia,serif;font-size:1rem}.pillar p{text-align:center;margin:0;font-size:.94rem;line-height:1.5}.scales{background-color:#4a3a1e;background-image:radial-gradient(circle at 50% 130%,#6e5a30 15px,#0000 16px),radial-gradient(circle at 50% 130%,#6e5a30 15px,#0000 16px);background-position:0 -14px,13px -1px;background-size:26px 26px;border:1px solid #2c2213;border-radius:2px;height:48px;margin:2.4rem 0 .5rem;box-shadow:inset 0 0 22px #0000008c}.scales-caption{text-align:center;color:var(--ink-soft);font-size:.88rem;font-style:italic}.codex{border:1px solid #6e2a1c59;border-left:4px solid var(--wax);background:#6e2a1c12;border-radius:2px;margin:1.4rem 0;padding:1.2rem 1.4rem}.timeline{margin:.2rem 0 1rem;list-style:none}.timeline li{padding:.55rem 0 .55rem 1.4rem;line-height:1.55;position:relative}.timeline li:before{content:"◆";color:var(--wax);font-size:.7rem;position:absolute;top:.6rem;left:0}.law{color:var(--ink);border-bottom:1px dashed #5a3c1466;padding:.8rem .2rem;text-decoration:none;display:block}.law:last-child{border-bottom:none}.law-title{letter-spacing:.04em;color:#6e2a1c;font-family:Cinzel,Georgia,serif;font-weight:700}.law:hover .law-title{text-decoration:underline}.law-desc{margin-top:.15rem;font-size:.96rem;line-height:1.5;display:block}.law-url{letter-spacing:.03em;color:#7a5a20;font-variant:small-caps;font-size:.85rem;display:block}footer{text-align:center;color:var(--ink-soft);margin-top:2.6rem;font-size:.95rem;font-style:italic}footer .rune{letter-spacing:.4em;font-style:normal}.vignette{pointer-events:none;z-index:6;background:radial-gradient(#0000 42%,#0000008c 100%);position:fixed;inset:0}@media (width<=640px){.parchment{padding:3.4rem 1.4rem 2.4rem}.pillars{flex-direction:column}.seal{width:88px;height:88px;top:-28px;right:18px}.d20{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){#dust span,.torch{animation:none}.torch{opacity:.5}}