.sp-modal:has(.sp-combat-piles){display:flex;flex-direction:column;width:min(1000px,96vw);height:min(660px,94dvh);max-height:94dvh;padding:18px;overflow:hidden}
.sp-modal:has(.sp-combat-piles)>.sp-row{flex:none;margin-bottom:8px}
.sp-combat-piles{display:flex;flex:1;flex-direction:column;gap:10px;min-height:0;overflow:hidden;color:#efddb7}
.sp-combat-piles>nav,.sp-combat-piles__filters,.sp-combat-piles__note{flex:none}
.sp-combat-piles__tabs{display:flex;gap:8px;flex-wrap:nowrap}
.sp-combat-piles__tabs .sp-wowbtn{--h:44px;flex:1;min-width:0;max-width:none;font-size:17px;white-space:nowrap}
.sp-combat-piles__tabs [aria-pressed=true]{filter:brightness(1.2);color:#fff1a6;box-shadow:0 0 0 1px #e0b14c}
.sp-combat-piles__filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,.45fr);gap:8px}
.sp-combat-piles__filters input,.sp-combat-piles__filters select{width:100%;min-width:0;height:36px;padding:5px 10px;border:1px solid #886a31;background:#100d09;color:#eedbbc;border-radius:3px;font:16px var(--f-ui,Arial)}
.sp-combat-piles__note{margin:0;font:14px/1.2 var(--f-ui,Arial);color:#bca779}
.sp-combat-piles__body{display:grid;flex:1;grid-template-columns:minmax(0,1fr) minmax(230px,.68fr);gap:14px;min-height:0;overflow:hidden}
.sp-combat-piles__grid{min-width:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,104px);justify-content:center;align-content:start;gap:14px;padding:7px 5px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#957439 #120d08}
.sp-combat-piles__entry{position:relative;width:104px;height:152px}
.sp-combat-piles__entry .spc-mini{width:104px;height:152px;margin:0}
.sp-combat-piles__entry .spc-mini>.spc{transform:scale(.4)}
.sp-combat-piles__entry [aria-pressed=true]{outline:2px solid #e1b759;outline-offset:3px;border-radius:8px}
.sp-combat-piles__count{position:absolute;right:-3px;bottom:-3px;padding:2px 6px;background:#150e07;border:1px solid #957439;border-radius:4px;color:#ffdc80;font:700 14px/1.1 var(--f-ui,Arial);pointer-events:none}
.sp-combat-piles__reader{min-width:0;overflow:auto;padding:15px;background:linear-gradient(135deg,#2a2117,#100d0a);border:1px solid #836534;border-radius:4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#957439 #120d08}
.sp-combat-piles__reader h3{margin:0 0 8px;color:#ffda75;font:23px/1.15 var(--f-ui,Arial);overflow-wrap:anywhere}
.sp-combat-piles__reader p{margin:0 0 12px;font:17px/1.35 var(--f-ui,Arial);overflow-wrap:anywhere}
.sp-combat-piles__reader .sp-combat-piles__facts{font-size:14px;color:#d3b77f}
.sp-combat-piles__reader .sp-combat-piles__keyword{font-size:14px;color:#c6b99e}.sp-combat-piles__keyword b{display:block;color:#e9cb88;margin-bottom:3px}
@media(max-height:480px){.sp-modal:has(.sp-combat-piles){padding:9px 12px;height:96dvh;max-height:96dvh}.sp-modal:has(.sp-combat-piles)>.sp-row{min-height:28px;gap:10px;margin-bottom:6px}.sp-modal:has(.sp-combat-piles) .sp-title{font-size:20px;margin:0}.sp-combat-piles{gap:6px}.sp-combat-piles__tabs .sp-wowbtn{--h:38px;font-size:15px}.sp-combat-piles__filters input,.sp-combat-piles__filters select{height:30px;font-size:14px}.sp-combat-piles__note{font-size:12px}.sp-combat-piles__body{grid-template-columns:minmax(0,1fr) minmax(210px,.7fr);gap:8px}.sp-combat-piles__reader{padding:10px}.sp-combat-piles__reader h3{font-size:19px}.sp-combat-piles__reader p{font-size:15px}.sp-combat-piles__reader .sp-combat-piles__facts,.sp-combat-piles__reader .sp-combat-piles__keyword{font-size:13px}}