.factions-page .faction-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;min-height:365px;cursor:pointer}
.faction-card:focus-visible{outline:3px solid #c8a6f4;outline-offset:4px;border-color:#d2b5f5}
.faction-open{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:24px;color:#bfa0de;font:11px/1.6 monospace;letter-spacing:.02em}
.faction-open>span:last-child{font-size:22px;line-height:1;transition:transform .2s}
.faction-card:hover .faction-open{color:#e0c8fa}
.faction-card:hover .faction-open>span:last-child{transform:translateX(3px)}
.faction-detail-page{padding-top:30px;padding-bottom:65px}
.faction-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#ae9abd;font:12px/1.6 Arial,sans-serif;letter-spacing:.02em}
.faction-breadcrumb a{font:12px/1.6 Arial,sans-serif!important;color:#c2abcF;letter-spacing:.02em}
.faction-breadcrumb a:hover{color:#ebd8ff}
.faction-breadcrumb>span[aria-current]{color:#d9cde5}
.faction-back{display:inline-flex;align-items:center;gap:10px;margin:25px 0 22px;color:#c3aad8;font:13px/1.6 Arial,sans-serif}
.faction-back>span:first-child{font-size:22px}
.faction-back:hover{color:#f0dfff}
.faction-detail-card{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);gap:45px;align-items:center;padding:47px 49px;background:linear-gradient(140deg,#1a1321ed,#080d15f5);border:1px solid #9574ad70;border-radius:9px;box-shadow:0 20px 65px #0004;overflow:hidden}
.faction-detail-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 48%,#a96cde14,transparent 60%)}
.faction-detail-badge{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 0}
.faction-detail-badge img{display:block;width:240px;height:auto;max-width:100%;filter:drop-shadow(0 10px 22px #0007)}
.faction-detail-content{position:relative;min-width:0}
.faction-detail-meta{display:flex;gap:19px;align-items:center;flex-wrap:wrap;font:11px/1.5 monospace;letter-spacing:.09em;text-transform:uppercase;color:#b692d4;padding-bottom:16px;border-bottom:1px solid #9c74b733}
.faction-detail-meta>span+span::before{content:'·';margin-right:19px;opacity:.6}
.faction-detail-content h1{font-size:clamp(44px,5vw,66px);line-height:1.16;margin:22px 0 24px;color:#efe4fa;overflow-wrap:anywhere}
.faction-lore p{margin:0 0 18px;font:17px/1.9 Arial,sans-serif;color:#d4cada;overflow-wrap:anywhere}
.faction-lore p:last-child{margin-bottom:0}
.faction-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.faction-detail-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;white-space:normal;text-align:center}
.faction-neighbors{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}
.faction-neighbors a{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #8661aa4d;background:#0d101bba;border-radius:6px;padding:19px 23px;color:#d1bddf;transition:border-color .2s,background .2s}
.faction-neighbors a:last-child{align-items:flex-end;text-align:right}
.faction-neighbors a:hover{border-color:#bd91ff8c;background:#181322d9}
.faction-neighbor-label{font:10px/1.6 monospace;text-transform:uppercase;letter-spacing:.09em;color:#9e84b4}
.faction-neighbor-name{font:22px/1.3 'Protocol Head',Arial,sans-serif;letter-spacing:.025em;color:#e7d5f6}
.faction-back:focus-visible,.faction-neighbors a:focus-visible,.faction-breadcrumb a:focus-visible{outline:2px solid #c8a6f4;outline-offset:5px;border-radius:3px}
@media(max-width:1000px){.faction-detail-card{grid-template-columns:195px minmax(0,1fr);gap:30px;padding:34px}.faction-detail-badge img{width:195px}.faction-lore p{font-size:16px}}
@media(max-width:700px){.faction-detail-card{grid-template-columns:1fr;gap:0;padding:25px 27px}.faction-detail-badge{padding:8px 0 25px}.faction-detail-badge img{width:150px}.faction-detail-content h1{font-size:44px;margin-top:18px}.faction-detail-meta{justify-content:center}.faction-detail-content h1{text-align:center}.faction-lore p{font-size:15px;line-height:1.85}.faction-detail-actions{justify-content:center}.faction-detail-page{padding-top:23px;padding-bottom:42px}.faction-neighbors{gap:13px}.faction-neighbors a{padding:16px}.faction-neighbor-name{font-size:20px}}
@media(max-width:520px){.faction-open{font-size:10px;padding-top:21px}.faction-detail-card{padding:22px 20px}.faction-detail-badge img{width:140px}.faction-detail-content h1{font-size:41px}.faction-detail-actions{flex-direction:column;margin-top:24px}.faction-detail-actions .btn{width:100%}.faction-back{margin-top:18px;margin-bottom:17px}.faction-breadcrumb{gap:8px;font-size:11px}.faction-breadcrumb a{font-size:11px!important}.faction-neighbors a{padding:14px 13px}.faction-neighbor-label{font-size:9px}.faction-neighbor-name{font-size:18px}.faction-neighbors{gap:10px}}
@media(prefers-reduced-motion:reduce){.faction-open>span:last-child,.faction-neighbors a{transition:none}.faction-card:hover .faction-open>span:last-child{transform:none}}