:root{--ink:#f3e8d0;--muted:#b8a98a;--dim:#8f8065;--bg:#0e0b08;--panel:rgba(33,24,15,.92);--edge:rgba(200,164,93,.28);--gold:#c8a45d;--gold2:#e0c27a;--forest:#2f5d46;--blood:#7a2e3a;--shadow:0 24px 70px rgba(0,0,0,.38);--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif;--mono:"SFMono-Regular","Cascadia Mono","Liberation Mono",Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#17110b 0%,#0e0b08 58%,#070503 100%);color:var(--ink);font-family:var(--sans)}a{color:inherit}.wrap{width:min(1180px,calc(100% - 34px));margin:0 auto}
.class-hero{position:relative;min-height:430px;display:grid;align-items:end;overflow:hidden;border-bottom:1px solid rgba(200,164,93,.18);background:#0e0b08}.class-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,8,.16),rgba(14,11,8,.84)),var(--hero) center/cover no-repeat;filter:saturate(.86) contrast(1.04) brightness(.8)}.class-hero:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(180deg,transparent,var(--bg))}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,330px);gap:34px;align-items:end;padding:86px 0 46px}.index-hero .hero-grid{grid-template-columns:1fr;max-width:880px;text-align:center;justify-items:center}.kicker{display:inline-flex;margin:0 0 14px;padding:8px 15px;border:1px solid rgba(200,164,93,.42);border-radius:999px;color:var(--gold2);background:rgba(47,93,70,.14);font-weight:900;letter-spacing:.11em;text-transform:uppercase;font-size:12px}.class-hero h1{font-family:var(--serif);font-size:clamp(3.2rem,8vw,7rem);line-height:.9;margin:0 0 14px;text-shadow:0 0 32px rgba(200,164,93,.22)}.lede{max-width:760px;margin:0;color:#f3e8d0;font-size:clamp(15px,2vw,20px);line-height:1.55}.index-hero .lede{margin:0 auto}.hero-portrait{width:min(330px,72vw);border-radius:8px;border:1px solid rgba(224,194,122,.35);box-shadow:0 28px 80px rgba(0,0,0,.48);object-fit:cover;aspect-ratio:1/1}.fighter{--hero:url('/client/static/rooms/domains/Lucidity/fighter_hall.png')}.templar{--hero:url('/client/static/rooms/domains/Lucidity/templar_hall.jpg')}.cleric{--hero:url('/client/static/rooms/domains/Lucidity/cleric_hall.png')}.mage{--hero:url('/client/static/rooms/domains/Lucidity/mage_hall.png')}.druid{--hero:url('/client/static/rooms/domains/Lucidity/creepy_forest_deep.png')}.witch{--hero:url('/client/static/img/witch-house.svg')}.bard{--hero:url('/client/static/rooms/domains/Lucidity/bard_hall.png')}.ninja{--hero:url('/client/static/rooms/domains/Lucidity/ninja_hall.png')}.rogue{--hero:url('/client/static/rooms/domains/Lucidity/rogue_hall.png')}.index-hero{--hero:url('/client/static/img/insomnia-mud-default-banner-wide.jpg')}
.class-index,.class-page{padding:34px 0 78px}.intro-band,.overview-panel,.table-panel{border:1px solid var(--edge);border-radius:8px;background:linear-gradient(180deg,rgba(33,24,15,.94),rgba(14,11,8,.96));box-shadow:var(--shadow)}.intro-band{padding:24px 26px;margin-bottom:18px}.intro-band h2,.overview-panel h2,.table-panel h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.5rem);line-height:1;margin:0 0 10px}.intro-band p,.overview-panel p,.table-note{margin:0;color:var(--muted);font-size:15.5px;line-height:1.65}
.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.class-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;align-items:center;min-height:150px;padding:14px;border:1px solid rgba(200,164,93,.26);border-radius:8px;background:linear-gradient(180deg,rgba(33,24,15,.94),rgba(14,11,8,.96));text-decoration:none;box-shadow:0 18px 48px rgba(0,0,0,.30)}.class-card:hover,.class-card:focus{transform:translateY(-2px);border-color:rgba(224,194,122,.58);outline:none}.class-card img{width:108px;height:108px;object-fit:cover;border-radius:8px;border:1px solid rgba(224,194,122,.24)}.class-card p{margin:0 0 5px;color:var(--gold2);font:900 11px/1.2 var(--sans);text-transform:uppercase}.class-card h2{margin:0;font-family:var(--serif);font-size:1.75rem;line-height:.98}.class-card span{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.35}.mini-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.mini-chips span{margin:0;padding:5px 7px;border:1px solid rgba(200,164,93,.18);border-radius:999px;background:rgba(255,255,255,.04);font:11px/1 var(--mono);color:#f3e8d0}
.class-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.class-tabs a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:8px;border:1px solid rgba(200,164,93,.24);background:rgba(33,24,15,.78);text-decoration:none;color:#f3e8d0;font-weight:850;font-size:13px}.class-tabs a:hover,.class-tabs a:focus{border-color:rgba(224,194,122,.58);outline:none}.overview-grid{display:grid;grid-template-columns:1.35fr .85fr 1fr;gap:16px;margin-bottom:18px}.overview-panel{padding:22px}.lead-panel p+p{margin-top:12px}.focus-list,.race-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.focus-list li,.race-list li{border:1px solid rgba(200,164,93,.18);border-radius:8px;background:rgba(255,255,255,.04);padding:10px 12px;color:#f3e8d0}.race-list strong{display:block;color:var(--gold2);font-size:14px}.race-list span{display:block;margin-top:4px;color:var(--muted);font-size:13px;line-height:1.35}.detail-grid{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:16px;align-items:start}.table-panel{padding:22px;overflow:hidden}.table-note{margin-bottom:14px}.table-wrap{overflow:auto;border:1px solid rgba(200,164,93,.18);border-radius:8px;background:rgba(7,5,3,.45)}table{width:100%;border-collapse:collapse;min-width:360px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid rgba(200,164,93,.13);vertical-align:top}th{color:var(--gold2);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:rgba(33,24,15,.86)}td{color:var(--muted);font-size:14px;line-height:1.45}td strong{color:#f3e8d0}.ability-panel table{min-width:680px}.ability-panel td:nth-child(2),.ability-panel td:nth-child(3),.table-panel:not(.ability-panel) td:nth-child(2),.table-panel:not(.ability-panel) td:nth-child(3){white-space:nowrap;color:#f3e8d0;font-family:var(--mono);font-size:13px}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;justify-items:start}.hero-portrait{width:min(260px,70vw)}.class-grid{grid-template-columns:1fr 1fr}.overview-grid,.detail-grid{grid-template-columns:1fr}.class-hero{min-height:520px}}@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.class-grid{grid-template-columns:1fr}.class-card{grid-template-columns:86px minmax(0,1fr);min-height:124px}.class-card img{width:86px;height:86px}.class-hero h1{font-size:clamp(2.7rem,16vw,4.2rem)}.hero-grid{padding-top:74px}.overview-panel,.table-panel,.intro-band{padding:18px}}