/* BRAZZERS / clan charter. Scoped to .clan-charter so it does not affect other DLE pages. */
.clan-charter{--cc-red:#851319;--cc-red2:#59090d;--cc-gold:#b1843f;--cc-gold2:#e2bd72;--cc-dark:#171513;--cc-dark2:#29231e;--cc-paper:#f4eddf;--cc-paper2:#e5d9c6;margin:-2px -2px 0;font-family:Arial,Helvetica,sans-serif;color:#2d2924;scroll-behavior:smooth}
.clan-charter *{box-sizing:border-box}.clan-charter a{text-decoration:none}.clan-charter p{margin-top:0}.clan-charter [id]{scroll-margin-top:18px}
.clan-charter .cc-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:190px minmax(0,1fr) 90px;align-items:center;gap:28px;min-height:245px;padding:28px 32px;overflow:hidden;border:1px solid #6f4c23;border-bottom:4px double var(--cc-gold);background:radial-gradient(circle at 57% 12%,rgba(198,143,56,.22),transparent 38%),linear-gradient(115deg,#11100f 0,#28221d 52%,#130e0d 100%);box-shadow:inset 0 0 0 2px rgba(216,181,108,.17),inset 0 0 75px rgba(0,0,0,.62),0 5px 18px rgba(55,33,13,.18);color:#f5ead4}
.clan-charter .cc-hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.13;background-image:linear-gradient(45deg,transparent 48%,#d4a758 49%,transparent 51%),linear-gradient(-45deg,transparent 48%,#d4a758 49%,transparent 51%);background-size:48px 48px}
.clan-charter .cc-hero:after{content:"";position:absolute;right:-105px;bottom:-175px;width:475px;height:475px;z-index:-1;background:url('assets/menu-rules.png') center/contain no-repeat;opacity:.075;filter:saturate(.8)}
.clan-charter .cc-hero__book{width:168px;aspect-ratio:1;background:url('assets/menu-rules.png') center/contain no-repeat;filter:drop-shadow(0 13px 12px rgba(0,0,0,.55));transform:rotate(-2deg);transition:transform .28s ease,filter .28s ease}
.clan-charter .cc-hero:hover .cc-hero__book{transform:rotate(1deg) translateY(-3px);filter:drop-shadow(0 16px 15px rgba(0,0,0,.62))}
.clan-charter .cc-kicker{margin:0 0 7px;color:#d9ad5c;text-transform:uppercase;letter-spacing:.25em;font-size:11px;font-weight:700}.clan-charter .cc-hero__copy h2{margin:0!important;padding:0!important;border:0!important;max-width:760px;color:#f1cf86!important;font:700 clamp(30px,4.2vw,54px)/1.03 Georgia,'Times New Roman',serif!important;text-transform:none!important;letter-spacing:.015em!important;text-shadow:0 2px 0 #4c1f0b,0 0 18px rgba(184,107,47,.23)}
.clan-charter .cc-hero__seal{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;border:1px solid #cda659;background:radial-gradient(circle,#49351f,#17120e 69%);box-shadow:0 0 0 5px #160f0d,0 0 0 7px #8c652d,inset 0 0 25px #000}.clan-charter .cc-hero__seal span{color:#edc875;font:700 38px/1 Georgia,serif;text-shadow:0 1px 0 #5e2c11}
.clan-charter .cc-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px 18px;border:1px solid #b89d71;border-top:0;background:linear-gradient(135deg,#eee4d5,#ddd0bd);box-shadow:inset 0 1px rgba(255,255,255,.7)}
.clan-charter .cc-index a{min-width:0;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #b9a077;background:linear-gradient(#f9f3e9,#e4d8c6);color:#5b4b3b;font:12px/1.25 Georgia,'Times New Roman',serif;box-shadow:inset 0 1px rgba(255,255,255,.8);transition:border-color .18s ease,transform .18s ease,color .18s ease,background .18s ease}.clan-charter .cc-index a:hover{transform:translateY(-1px);border-color:#801319;background:linear-gradient(#fff9ef,#e6d5bd);color:#781216}.clan-charter .cc-index span{flex:0 0 29px;height:29px;display:grid;place-items:center;border:1px solid #966b33;border-radius:50%;background:#231c17;color:#e4bd6b;font:700 10px Georgia,serif;box-shadow:inset 0 0 0 2px #4a3520}
.clan-charter .cc-document{padding:27px 24px 28px;border-left:1px solid #c2aa80;border-right:1px solid #c2aa80;background:radial-gradient(circle at 50% -12%,rgba(255,255,255,.75),transparent 33%),linear-gradient(135deg,#f6efe4,#e5d9c7)}
.clan-charter .cc-chapter{position:relative;overflow:hidden;margin:0 0 22px;border:1px solid #b79b70;background:linear-gradient(100deg,rgba(255,255,255,.72),rgba(241,232,216,.9));box-shadow:0 4px 14px rgba(66,45,25,.08),inset 0 0 0 1px rgba(255,255,255,.55)}.clan-charter .cc-chapter:last-child{margin-bottom:0}.clan-charter .cc-chapter:after{content:"";position:absolute;right:-36px;bottom:-50px;width:150px;height:150px;background:url('assets/menu-rules.png') center/contain no-repeat;opacity:.025;pointer-events:none}
.clan-charter .cc-chapter__head{position:relative;display:flex;align-items:center;gap:15px;min-height:62px;padding:11px 18px;border-bottom:1px solid #7b5429;background:linear-gradient(105deg,#201c19 0,#322920 60%,#1a1513 100%);box-shadow:inset 0 -1px rgba(225,189,114,.15);color:#f4e7ce}.clan-charter .cc-chapter__head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#b88a43 18%,#dfb865 50%,#b88a43 82%,transparent)}
.clan-charter .cc-chapter__roman{flex:0 0 41px;height:41px;display:grid;place-items:center;border:1px solid #b88a43;border-radius:50%;background:radial-gradient(circle,#5f421f,#211914 70%);color:#edc875;font:700 13px Georgia,serif;box-shadow:0 0 0 3px #17120f,inset 0 0 13px #000}.clan-charter .cc-chapter__head h2{margin:0!important;padding:0!important;border:0!important;color:#edcf91!important;font:400 23px/1.22 Georgia,'Times New Roman',serif!important;text-transform:none!important;letter-spacing:.015em!important;text-shadow:0 1px 0 #3d1d0d}
.clan-charter .cc-rules{padding:5px 18px 10px}.clan-charter .cc-rule{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:start;padding:13px 5px;border-bottom:1px solid rgba(130,103,68,.18)}.clan-charter .cc-rule:last-child{border-bottom:0}.clan-charter .cc-rule__number{width:34px;height:34px;display:grid;place-items:center;border:1px solid #aa8246;border-radius:50%;background:linear-gradient(#34271d,#1c1713);color:#e0bb70;font:700 11px Georgia,serif;box-shadow:inset 0 0 0 2px #6a4a26}.clan-charter .cc-rule p{margin:3px 0 0;color:#3b342c;font:14px/1.58 Georgia,'Times New Roman',serif}.clan-charter .cc-rule:hover{background:linear-gradient(90deg,rgba(183,139,69,.07),transparent 80%)}
.clan-charter .cc-tax-line{margin:8px 7px 9px;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #b28645;background:linear-gradient(105deg,#2b231d,#171412,#2b231d);box-shadow:inset 0 0 0 1px rgba(235,194,111,.12);color:#d8ae62;text-align:center}.clan-charter .cc-tax-line p{margin:0;color:#f0d9ab;font:700 15px/1.45 Georgia,serif}.clan-charter .cc-tax-line span{font-size:9px}
.clan-charter .cc-chapter--warning{border-color:#a75b4d}.clan-charter .cc-chapter--warning .cc-chapter__head{background:linear-gradient(105deg,#311919,#4b1719 58%,#211414)}.clan-charter .cc-warning-copy{position:relative;padding:17px 22px 18px 68px;background:linear-gradient(95deg,rgba(122,18,23,.07),transparent 72%)}.clan-charter .cc-warning-copy:before{content:"!";position:absolute;left:18px;top:20px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #9b3a32;border-radius:50%;background:#681116;color:#f1ca7b;font:700 22px Georgia,serif;box-shadow:0 0 0 3px rgba(104,17,22,.12)}.clan-charter .cc-warning-copy p{margin:0;padding:10px 0;color:#492e2a;font:14px/1.6 Georgia,serif;border-bottom:1px solid rgba(143,76,62,.16)}.clan-charter .cc-warning-copy p:first-child{padding-top:0}.clan-charter .cc-warning-copy p:last-child{padding-bottom:0;border-bottom:0}
.clan-charter .cc-combat-intro{margin:18px 23px 5px;padding:13px 16px;border-left:4px solid #8a151a;background:#2b211b;color:#efd19a;font:700 15px/1.45 Georgia,serif;box-shadow:inset 0 0 0 1px rgba(226,189,114,.12)}
.clan-charter .cc-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:17px 24px;border:1px solid #5b3d23;border-top:0;background:linear-gradient(100deg,#1d1916,#2b241e,#171311);color:#c69c55}.clan-charter .cc-footer small{color:#d6c4a7;font:700 12px Georgia,serif;letter-spacing:.16em}.clan-charter .cc-footer span{font-size:9px}
@media(max-width:980px){.clan-charter .cc-hero{grid-template-columns:145px minmax(0,1fr);}.clan-charter .cc-hero__book{width:135px}.clan-charter .cc-hero__seal{display:none}.clan-charter .cc-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.clan-charter{margin:0}.clan-charter .cc-hero{grid-template-columns:95px minmax(0,1fr);gap:15px;min-height:0;padding:22px 18px}.clan-charter .cc-hero__book{width:90px}.clan-charter .cc-kicker{font-size:10px}.clan-charter .cc-hero__copy h2{font-size:30px!important}.clan-charter .cc-index{grid-template-columns:1fr;padding:12px}.clan-charter .cc-document{padding:18px 12px}.clan-charter .cc-chapter{margin-bottom:15px}.clan-charter .cc-chapter__head{padding:10px 12px;gap:11px}.clan-charter .cc-chapter__roman{flex-basis:36px;width:36px;height:36px}.clan-charter .cc-chapter__head h2{font-size:19px!important}.clan-charter .cc-rules{padding:4px 10px 8px}.clan-charter .cc-rule{grid-template-columns:35px minmax(0,1fr);gap:8px;padding:11px 2px}.clan-charter .cc-rule__number{width:30px;height:30px}.clan-charter .cc-rule p{font-size:13px}.clan-charter .cc-warning-copy{padding:15px 14px 15px 55px}.clan-charter .cc-warning-copy:before{left:12px;top:18px;width:30px;height:30px}.clan-charter .cc-tax-line{margin-inline:2px;padding:12px 10px}.clan-charter .cc-tax-line p{font-size:13px}.clan-charter .cc-combat-intro{margin:14px 12px 4px}}
@media(max-width:430px){.clan-charter .cc-hero{grid-template-columns:1fr;text-align:center}.clan-charter .cc-hero__book{display:none}.clan-charter .cc-hero__copy h2{font-size:27px!important}.clan-charter .cc-index a{font-size:11px}.clan-charter .cc-chapter__head{align-items:flex-start}.clan-charter .cc-chapter__head h2{font-size:17px!important}.clan-charter .cc-rule{grid-template-columns:31px minmax(0,1fr)}.clan-charter .cc-rule__number{width:28px;height:28px;font-size:10px}.clan-charter .cc-warning-copy{padding-left:13px}.clan-charter .cc-warning-copy:before{display:none}}
@media(prefers-reduced-motion:reduce){.clan-charter .cc-hero__book,.clan-charter .cc-index a{transition:none}.clan-charter .cc-hero:hover .cc-hero__book,.clan-charter .cc-index a:hover{transform:none}}