#characterRoster{box-sizing:border-box;width:min(1050px,94vw);max-height:92dvh;padding:26px;border:1px solid #b29b64;border-radius:9px;background:linear-gradient(135deg,#213333,#0b1924);color:#e6dcc5;box-shadow:0 30px 100px #000b}#characterRoster::backdrop{background:#071019d9;backdrop-filter:blur(6px)}#characterRoster header{display:flex;justify-content:space-between;align-items:center}#characterRoster header small{font:10px Georgia;letter-spacing:3px;color:#c2a66d}#characterRoster h2{font:30px serif;margin:10px 0}#characterRoster p{font-size:12px;line-height:1.8;color:#b9c8c3}#characterRoster .rosterClose{background:#1e3038;border:1px solid #897747;color:#ecd9a7;font-size:24px;width:38px;height:38px}.rosterCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rosterCard{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:16px 10px;color:#e8d9b4;background:linear-gradient(#2a3b3b,#0d1a24);border:1px solid #b6a06b66;cursor:pointer;border-radius:5px}.rosterCard:hover,.rosterCard:focus-visible{border-color:#f5d88b;box-shadow:0 0 22px #dab86425}.rosterCard>small{font:10px Georgia;letter-spacing:2px}.rosterCard img{width:100%;height:300px;object-fit:contain;margin:12px 0}.rosterCard strong{font:24px serif}.rosterCard span{font-size:12px;color:#b7c6c1;margin:10px}.rosterCard em{font:12px sans-serif;padding:12px;background:#b3985b22;width:100%;box-sizing:border-box}.rosterCard.empty{justify-content:center;min-height:430px;border-style:dashed}.rosterCard.empty b{font:65px serif;margin:45px;color:#a08c5b}.warehouseTabs{display:flex;gap:8px;margin:16px 0}.warehouseTabs button{flex:1}.warehouseInfo{padding:12px;border:1px solid #a88e5555;background:#13252d;font-size:12px;line-height:1.8}.warehouseRow{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #a88e5533}.warehouseRow>div{flex:1;min-width:0}.warehouseRow strong,.warehouseRow small{display:block;font-size:12px;line-height:1.7}.warehouseRow small{color:#9eafad}.warehouseRow label{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:11px}.warehouseRow input{width:58px;background:#10232e;color:#f5e6bd;border:1px solid #877448;padding:7px;font:14px sans-serif}.warehouseRow button{font-size:12px!important}.warehouseEmpty{padding:30px 0;color:#aebbb6;font-size:13px}@media(max-width:650px){#characterRoster{padding:18px;width:96vw}.rosterCards{grid-template-columns:1fr}.rosterCard{display:grid;grid-template-columns:80px 1fr;gap:6px;padding:12px;text-align:left}.rosterCard img{grid-row:1/5;height:140px;margin:0}.rosterCard>small{grid-column:2}.rosterCard strong{font-size:21px}.rosterCard span{margin:0}.rosterCard em{grid-column:2}.rosterCard.empty{min-height:100px}.rosterCard.empty b{grid-column:1;grid-row:1/3;margin:0;text-align:center;font-size:42px}.warehouseRow{flex-wrap:wrap}.warehouseRow>.itemIcon{width:36px;height:36px}.warehouseRow button{padding:9px}.warehouseRow input{width:44px}}