.sr-class-stats{--scs-gold:#D6B477;--scs-ivory:#E5D9C1;--scs-muted:#B9BAAE;position:relative;max-width:100%;min-width:0;margin:26px 0 32px;padding:24px;border:1px solid #786044;border-radius:4px;background:radial-gradient(ellipse at 50% 0,#55412a20,transparent 70%),#171e20;color:var(--scs-ivory);font-family:'Source Sans 3',sans-serif;font-size:16px;line-height:1.5;box-shadow:inset 0 1px #e1bf7a55,inset 0 0 0 3px #090e1070,0 9px 24px #0005}
.sr-class-stats *{box-sizing:border-box}
.sr-class-stats .scs-heading{display:flex;align-items:center;gap:13px;margin-bottom:13px}
.sr-class-stats .scs-heading>img{flex:0 0 48px;width:48px;height:48px;object-fit:cover;border:1px solid var(--scs-class);border-radius:50%;box-shadow:0 0 0 3px #080d10,inset 0 1px #fff3,0 3px 6px #0009}
.sr-class-stats .scs-heading>div{min-width:0;flex:1}
.sr-class-stats .scs-kicker{margin:0 0 3px;color:var(--scs-gold);font-size:11px;letter-spacing:1.3px;text-transform:uppercase}
.sr-class-stats .scs-heading h3{margin:0;color:#FFE3A9;font:600 clamp(20px,2.4vw,26px)/1.3 Cinzel,Georgia,serif}
.sr-class-stats .scs-badge{max-width:155px;border:1px solid #776143;padding:4px 8px;border-radius:3px;color:#cdb98e;font-size:11px;line-height:1.4;background:#26281f}
.sr-class-stats .scs-intro{margin:0 0 19px;font-family:Lora,Georgia,serif;font-size:15px;line-height:1.7;color:#cec5b3}
.sr-class-stats .scs-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #725d424d;border-radius:3px;background:linear-gradient(#161c1eef,#121819f2),url(mechanics/images/oak.webp) center/cover}
.sr-class-stats .scs-controls:has(>label:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.sr-class-stats .scs-controls label{display:block;margin:0;min-width:0;color:#d8c9ac;font-size:12px;line-height:1.4}
.sr-class-stats .scs-controls label small{font-size:11px;color:var(--scs-muted)}
.sr-class-stats .scs-controls input{display:block;min-width:0;width:100%;height:42px;margin-top:7px;border:1px solid #7b725b;border-radius:3px;padding:8px 10px;background:#0d1518;color:#f0e7d5;font:16px 'Source Sans 3',sans-serif;box-shadow:inset 0 2px 4px #0006}
.sr-class-stats input[aria-invalid=true]{border-color:#e9987f}
.sr-class-stats .scs-level-note{margin:9px 0 17px;color:var(--scs-muted);font-size:12px}
.sr-class-stats .scs-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #826541;border-radius:3px;background:linear-gradient(110deg,#273033,#1a2123);overflow:hidden;box-shadow:inset 0 1px #b4936050,0 4px 10px #0003}
.sr-class-stats .scs-chain>div{position:relative;min-width:0;padding:17px 13px;border-right:1px solid #816c474d}
.sr-class-stats .scs-chain>div:last-child{border-right:0}
.sr-class-stats .scs-step{display:block;min-height:36px;color:#d7bd8b;font-size:12px;line-height:1.35}
.sr-class-stats .scs-chain strong{display:block;margin:5px 0 6px;color:#f5d49d;font:500 clamp(24px,3vw,33px)/1.15 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sr-class-stats .scs-chain small{display:block;color:var(--scs-muted);font-size:11px;line-height:1.45}
.sr-class-stats .scs-scope{margin:11px 0 20px;color:var(--scs-muted);font-size:12px;line-height:1.6}
.sr-class-stats .scs-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sr-class-stats .scs-stat-card{min-width:0;padding:15px 17px;border:1px solid #62523d;border-radius:3px;background:#10181a80;box-shadow:inset 0 1px #d6b47718}
.sr-class-stats .scs-stat-card:only-child{grid-column:1/-1}
.sr-class-stats .scs-stat-card h4{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#e6cea1;font:600 17px/1.3 Cinzel,Georgia,serif}
.sr-class-stats .scs-stat-card h4 img{width:28px;height:28px;border:1px solid #a48350;border-radius:2px;box-shadow:0 2px 3px #0008}
.sr-class-stats .scs-stat-card p{margin:0 0 12px}
.sr-class-stats .scs-stat-card strong{display:block;color:#b9d99f;font:500 25px/1.2 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sr-class-stats .scs-stat-card p>span{display:block;margin-top:5px;color:var(--scs-muted);font-size:12px}
.sr-class-stats .scs-stat-card dl{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin:0;font-size:12px}
.sr-class-stats .scs-stat-card dt{color:var(--scs-muted)}
.sr-class-stats .scs-stat-card dd{margin:0;color:#e1d4b8;font-variant-numeric:tabular-nums}
.sr-class-stats .scs-stat-card .scs-card-note{font-size:13px;color:var(--scs-muted);line-height:1.65}
.sr-class-stats details{margin-top:14px;border-top:1px solid #695b3e;padding-top:12px;font-size:13px}
.sr-class-stats details summary{display:flex;align-items:center;gap:9px;cursor:pointer;color:#dcc089;font-size:14px;list-style:none}
.sr-class-stats details summary::-webkit-details-marker{display:none}
.sr-class-stats details summary::before{content:'+';width:16px;font:18px/1 monospace;color:#dcc089}
.sr-class-stats details[open] summary::before{content:'−'}
.sr-class-stats details summary span{margin-left:auto;color:var(--scs-muted);font-size:11px;text-align:right}
.sr-class-stats details p,.sr-class-stats details li{color:var(--scs-muted);line-height:1.65;overflow-wrap:anywhere}
.sr-class-stats details ul{padding-left:18px;margin:12px 0}
.sr-class-stats details li{margin:6px 0}
.sr-class-stats a{color:#e1be7e;text-decoration:underline;text-underline-offset:3px}
.sr-class-stats .scs-table-wrap{position:relative;max-width:100%;overflow-x:auto;margin-top:12px;border:1px solid #5d5942;border-radius:3px}
.sr-class-stats table{width:100%;margin:0;border-collapse:collapse;text-align:left;font:13px/1.5 'Source Sans 3',sans-serif}
.sr-class-stats caption{padding:9px 12px;color:var(--scs-muted);text-align:left;font-size:11px}
.sr-class-stats th,.sr-class-stats td{padding:9px 12px;border:0;border-top:1px solid #514c3770;font-variant-numeric:tabular-nums;vertical-align:middle}
.sr-class-stats thead th{background:#292d24;color:#d7c7a4;font-size:11px;font-weight:600}
.sr-class-stats tbody th{font-weight:600;color:#d7c7a4}
.sr-class-stats tbody td{color:#dbd4bc}
.sr-class-stats th small{display:block;color:var(--scs-muted);font-size:10px;font-weight:400}
.sr-class-stats .scs-current-level{background:#b39b4820}
.sr-class-stats .scs-attribution{font-size:11px}
.sr-class-stats .scs-chain--caster{grid-template-columns:repeat(3,minmax(0,1fr))}
.sr-class-stats .scs-melee-example{margin-bottom:18px}
.sr-class-stats .scs-melee-example .scs-chain{margin-top:14px}
.sr-class-stats .scs-other-stats{margin:18px 0 0;border-top:1px solid #605238;font-size:13px}
.sr-class-stats .scs-other-stats>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid #60523866}
.sr-class-stats .scs-other-stats dt{color:#dbc49c;font-weight:600}
.sr-class-stats .scs-other-stats dd{margin:0;color:var(--scs-muted);line-height:1.6}
.sr-class-stats .scs-error{padding:10px 12px;border:1px solid #a66550;background:#38261f;color:#f2c7b9;font-size:13px}
.sr-class-stats input:focus-visible,.sr-class-stats summary:focus-visible,.sr-class-stats a:focus-visible,.sr-class-stats .scs-table-wrap:focus-visible{outline:2px solid #ADC989;outline-offset:3px}
.sr-class-stats .scs-visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}
.sr-class-stats [hidden]{display:none}
@media(max-width:850px){.sr-class-stats .scs-heading{flex-wrap:wrap}.sr-class-stats .scs-badge{margin-left:61px;max-width:none;flex:0 0 calc(100% - 61px)}.sr-class-stats .scs-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-class-stats .scs-chain>div:nth-child(2){border-right:0}.sr-class-stats .scs-chain>div:nth-child(n+3){border-top:1px solid #816c474d}}
@media(max-width:600px){.sr-class-stats{padding:17px 14px}.sr-class-stats .scs-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.sr-class-stats .scs-secondary{grid-template-columns:1fr}.sr-class-stats .scs-heading h3{font-size:20px}.sr-class-stats .scs-badge{font-size:10px}.sr-class-stats .scs-chain>div{padding:14px 11px}.sr-class-stats details summary{align-items:flex-start}.sr-class-stats details summary span{max-width:120px}.sr-class-stats th,.sr-class-stats td{padding:8px 9px}}
@media(hover:hover){.sr-class-stats a:hover{color:#ffe3a9}.sr-class-stats details summary:hover{color:#ffe3a9}}
@media(max-width:600px){.sr-class-stats .scs-chain--caster{grid-template-columns:1fr}.sr-class-stats .scs-chain--caster>div{border-right:0;border-top:1px solid #816c474d}.sr-class-stats .scs-chain--caster>div:first-child{border-top:0}.sr-class-stats .scs-other-stats>div{grid-template-columns:1fr;gap:3px}}
@media(prefers-reduced-motion:reduce){.sr-class-stats *{scroll-behavior:auto;transition:none}}