/* A single character column with the keeper occupying the opposite side. */
#mainVeil .social-interior{background:#14212b;overflow:hidden}
#mainVeil .social-interior .building-interior-background{filter:brightness(.72)}
#mainVeil .social-interior .building-interior-keeper{z-index:2;right:-4%;bottom:0;height:94%;width:53%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 97%,transparent);filter:drop-shadow(0 12px 16px #0008)}
.social-panel{position:absolute;z-index:4;left:22px;top:76px;bottom:22px;width:56%;display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid #ac956650;border-radius:12px;background:linear-gradient(135deg,#132734eb,#14232bdb);box-shadow:0 12px 32px #0005;min-height:0}
.social-tabs{display:flex;align-items:center;gap:8px;flex-shrink:0}.social-tabs button{padding:9px 15px;background:#243d49;border:1px solid #687b7e;color:#dce4e2;font-size:14px}.social-tabs button[aria-pressed="true"]{color:#ffdfa0;border-color:#d7b66e;background:linear-gradient(#65583b,#403d2e);box-shadow:inset 0 1px #ffe8ae44}.social-tabs .social-party-link{margin-left:auto;color:#e8cc93;background:#263e43}
.social-character-list-scroll{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#b49c67 #162b35;padding-right:3px}.social-character-list{display:flex;flex-direction:column;gap:10px}
.social-character{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:94px;padding:11px 14px;border:1px solid #647f845e;border-radius:10px;background:linear-gradient(110deg,#304c59,#203742);box-shadow:0 3px 9px #0003;transition:border-color .16s,background .16s,box-shadow .16s}.social-character:hover{border-color:#a7b8a2;background:linear-gradient(110deg,#385764,#284450)}.social-character.is-selected{border-color:#e4bc67;background:linear-gradient(110deg,#61512f,#34493d 72%,#2c4038);box-shadow:inset 3px 0 #efc975,0 0 14px #dfbd3c1a}
.social-character-copy{min-width:0}.social-character strong{display:block;color:#f1d89d;font-size:17px;overflow-wrap:anywhere}.social-character p{margin:5px 0 0;color:#d3dddc;font-size:13px}.social-character p span{margin-left:5px;color:#b6c9cf}
.social-character-art{width:66px;height:66px;border:1px solid #91a7aa66;border-radius:8px;overflow:hidden;background:#142832;box-shadow:0 2px 7px #0005}.social-character-art .career-crop,.social-character-art svg{display:block;width:100%;height:100%}.social-character-art img{width:100%;height:100%;object-fit:cover}
.social-character-action{min-width:68px;min-height:42px;font-size:14px;padding:9px 11px;background:#344e5b;border-color:#b29b65}.is-selected .social-character-action{color:#f4d78d;border-color:#c5a15b;background:#463e2b}.social-selected-mark{position:absolute;top:3px;right:8px;color:#ffe09a;font-size:11px;line-height:12px;pointer-events:none}
.social-empty{margin:20px 4px;color:#c4d0d2;text-align:center;font-size:14px}.social-footer{flex-shrink:0;border-top:1px solid #a9946540;padding-top:10px}.social-pagination{display:flex;gap:8px;justify-content:space-between}.social-pagination:empty{display:none}.social-publication{margin-top:8px;font-size:12px;color:#c9c1a7}.social-publication summary{cursor:pointer}.social-publication>div{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}.social-publication button{font-size:12px;padding:7px}
@media(max-width:700px),(max-height:550px){.social-panel{left:12px;top:59px;bottom:12px;width:60%;padding:10px;gap:10px}#mainVeil .social-interior .building-interior-keeper{right:-9%;width:53%;height:95%;bottom:0}.social-tabs{gap:5px}.social-tabs button{padding:7px 9px;font-size:12px}.social-character{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;min-height:72px;padding:8px}.social-character-art{width:44px;height:44px}.social-character strong{font-size:14px}.social-character p{font-size:11px;margin-top:4px}.social-character-action{min-width:52px;min-height:38px;padding:7px;font-size:12px}.social-character-list{gap:8px}}
@media(max-width:450px) and (min-height:551px){.social-panel{width:68%;left:8px;top:60px;padding:8px}#mainVeil .social-interior .building-interior-keeper{right:-19%;width:65%;height:88%}.social-tabs button{padding:7px;font-size:11px}.social-character{grid-template-columns:36px minmax(0,1fr) auto;gap:6px;padding:7px}.social-character-art{width:36px;height:44px}.social-character-action{min-width:43px;font-size:11px;padding:6px}.social-character strong{font-size:13px}.social-character p{font-size:10px}.social-character p span{margin-left:1px}}
@media(prefers-reduced-motion:reduce){.social-character{transition:none}}
.arena-overview{flex-shrink:0;padding:14px;border:1px solid #b99a5e88;border-radius:10px;background:linear-gradient(120deg,#3a3829,#1c333c)}
.arena-my-standing{display:flex;align-items:center;justify-content:space-between;color:#c3cfce}.arena-my-standing small{display:block;color:#d8c59b}.arena-my-standing strong{display:block;font-size:28px;color:#ffdf9d;margin:3px 0 8px}.arena-my-standing>span{font-size:13px}
.arena-duel-action{width:100%;min-height:44px;border:1px solid #e6c077!important;background:linear-gradient(#806239,#4e3e29)!important;color:#ffe5b2!important;font-weight:700;letter-spacing:.14em}.arena-duel-action:disabled{opacity:.5}
.arena-rank-card{grid-template-columns:28px 52px minmax(0,1fr) auto;gap:10px;padding:10px;min-height:84px}.arena-rank-card .social-character-art{width:52px;height:52px}.arena-rank-number{color:#d1b171;font-size:19px;text-align:center}.arena-rank-score{color:#f6d790;font-size:17px;white-space:nowrap}.arena-rank-card small{display:block;margin-top:4px;font-size:11px;color:#aebfbe}
@media(max-width:700px),(max-height:550px){.arena-overview{padding:9px}.arena-my-standing strong{font-size:23px;margin-bottom:5px}.arena-rank-card{grid-template-columns:19px 36px minmax(0,1fr) auto;gap:6px;padding:8px;min-height:74px}.arena-rank-card .social-character-art{width:36px;height:42px}.arena-rank-score{font-size:13px}.arena-rank-number{font-size:15px}.arena-rank-card small{font-size:10px}}
.arena-result-modal{max-width:760px;width:min(94vw,760px)}
.arena-result-modal>.modal-close{display:none}
.arena-result-modal #modalTitle{text-align:center;color:#e7c477;font-size:2rem}
.arena-report-versus{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.arena-report-character{text-align:center;min-width:0}
.arena-report-portrait{width:110px;height:130px;margin:0 auto 12px;overflow:hidden;border-radius:12px;border:1px solid #6b9cb9;background:#162d40}
.arena-report-portrait>.career-crop{display:block;width:100%;height:100%;position:relative;overflow:hidden}
.arena-report-portrait>img{width:100%;height:100%;object-fit:cover}
.arena-report-character.enemy .arena-report-portrait{border-color:#c16b67;background:#402323}
.arena-report-character>strong{display:block;font-size:1.15rem;color:#eee0bd}
.arena-report-character dl{margin:16px 0}.arena-report-character dl>div{display:flex;justify-content:space-between;gap:8px;padding:8px 4px;border-bottom:1px solid #ffffff14}
.arena-report-character dt{color:#b9c6cd}.arena-report-character dd{margin:0;font-variant-numeric:tabular-nums;font-weight:700;color:#82c9ff}.arena-report-character.enemy dd{color:#ff9b96}
.arena-damage-labels{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;margin:8px 0;color:#8bcdff}.arena-damage-labels>span:last-child{color:#ffaaa4;text-align:right}
.arena-damage-bar{height:28px;display:flex;overflow:hidden;border-radius:7px;border:1px solid #d6d5bd66;background:#172332}.arena-damage-bar>span{height:100%}.arena-damage-bar>.mine{background:linear-gradient(#56bfff,#2279bf)}.arena-damage-bar>.enemy{background:linear-gradient(#f18278,#b83a3a)}
.arena-report-actions{text-align:center;margin-top:28px}.arena-report-actions button{min-width:160px;padding:12px 30px}
@media(max-width:480px){.arena-report-versus{gap:14px}.arena-report-portrait{width:90px;height:110px}.arena-report-character dl>div{display:block}.arena-report-character dd{margin-top:4px}.arena-damage-labels{font-size:.8rem}}