/* Beta 0.6: neutral panels, scalable roster, complete equipment and quick access. */
:root{--bg:#0c0f10;--panel:#111516;--edge:#70423d}
.accountHeader06{display:flex;align-items:center;gap:24px;padding:24px;background:#101314}
.accountHeader06>.profileAvatar.large{width:128px;height:128px;margin:0;flex:none}
.accountHeader06 .accountIdentity{display:grid;gap:10px;flex:1;min-width:0}
.accountHeader06 .accountIdentity h1{font-size:clamp(24px,3vw,36px);letter-spacing:-.5px}
.accountHeader06 .accountXP{position:relative;height:22px;width:min(100%,470px);background:#0b2815;overflow:hidden;border-radius:3px}
.accountHeader06 .accountXP i{display:block;height:100%;background:#53bb62}
.accountHeader06 .accountXP b{position:absolute;inset:0;text-align:center;line-height:22px;color:#fff;font-size:12px}
.wallet06{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.wallet06 .coinBalance{display:inline-flex;align-items:center;gap:7px;font-size:16px}
.charCard,.charCard.active,.characterFacts05 section,.skinChoices05 label,.routeSetup{background:#101415}
.charCard.active{border-color:#d19576;box-shadow:inset 0 0 0 1px #d19576}
.characterFacts05{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.characterFacts05 section{padding:18px;border:1px solid #70423d}.characterFacts05 h4{margin:0 0 10px;color:#e5c4b4}.characterFacts05 p{line-height:1.6;margin:0 0 8px}
.characterDetail06{margin:22px 0}.characterHero06{display:flex;align-items:center;gap:24px;padding:18px;background:#101415;border:1px solid #70423d;border-radius:8px;margin-bottom:12px}.characterHero06>img{height:190px;width:150px;object-fit:contain}.characterHero06 h2{font-size:30px;margin-top:10px}
.rosterTools06{display:flex;gap:12px;margin:18px 0}.rosterTools06 input,.rosterTools06 select{padding:10px 12px;background:#101415;color:#f0e7dd;border:1px solid #70423d;border-radius:6px;min-width:0}.rosterTools06 input{flex:1}
.roster.roster06{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.roster06 .charCard{height:170px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:0 0 9px}.roster06 .charCard img{position:static;height:120px;width:100%;object-fit:contain;object-position:bottom}.roster06 .charCard b{position:static;background:none;width:100%;padding:4px}.roster06 small{font-size:10px}.rosterPages06{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0}
#drawer[data-mode="matchPicker"],#drawer[data-mode="matchPicker"] .matchPicker{background:#0b0e0f}.startMatch06{width:100%;margin-top:18px;background:#285a37!important;border-color:#5e9a68!important}
.shop11 .shopGrid04 .skinProduct{grid-template-rows:auto 1fr auto;align-items:stretch}.shop11 .buyButton06{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:10px}.buyButton06 span{display:inline-flex;align-items:center;gap:6px}.buyButton06 img{width:23px;height:23px;object-fit:contain}.productInfo06{min-height:72px}
.drawerToolbar06{position:sticky;top:-20px;display:flex;justify-content:flex-end;z-index:30;background:#111516;padding:8px 0;margin:0 0 8px}.drawerToolbar06 .drawerClose{position:static;float:none;min-height:36px;width:36px;background:#252b29;opacity:1}
#drawer[data-mode="loot"]{background:#111516;max-height:80svh;scroll-padding-top:60px}.lootRow button{min-width:82px}.lootRow{gap:10px}
.returnSummary06{position:fixed;right:20px;bottom:20px;z-index:200;width:min(430px,calc(100vw - 32px));border:1px solid #b48a62;border-radius:8px;padding:20px;background:#111a17;box-shadow:0 10px 50px #000b}.returnSummary06>button{float:right;width:30px;height:30px;padding:0}.returnSummary06>strong{font-size:18px}.returnSummary06 p,.returnSummary06 ul{margin:12px 0 0}.returnSummary06 ul{padding-left:20px;color:#bbdda9}
.futureZone06:disabled{opacity:.65;cursor:not-allowed;background:#111b1f;border-color:#626b6c}.futureZone06 b{font-size:10px}.mapPin.futureZone06{z-index:2}.mapCanvas .mapTravel05{z-index:12}
@media(min-width:901px){.gameGrid{grid-template-rows:112px 174px 144px 136px minmax(60px,1fr) 68px 36px;overflow-y:auto;align-content:start}.gameGrid>.equipment{overflow:visible;min-height:174px;align-self:start;padding:12px}.equipment .gearGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:58px 58px;gap:7px;margin:10px 0 0}.equipment .gearSlot{height:58px;min-height:58px;padding:3px}.gearSlot img{height:35px;max-height:35px}.gearSlot small{font-size:9px}.gameGrid .equipmentStats{align-self:start;min-height:136px;margin:0;padding:12px}.equipmentStats dl{gap:9px}.gameGrid .quickPanel{align-self:start;min-height:128px;overflow:visible;padding:12px}.quickPanel .quickBar{gap:7px}.quickPanel .quickBar button{height:43px;min-height:43px}.equipmentStats dt{font-size:10px}.equipmentStats dd{font-size:13px}}
@media(min-width:701px) and (max-width:900px){.equipment,.equipmentStats,.quickPanel{height:auto;min-height:0;overflow:visible}.equipment .gearGrid{grid-template-rows:55px 55px;gap:6px}.equipment .gearSlot{height:55px}.quickPanel{padding:10px}.quickPanel .quickBar{gap:7px}.roster.roster06{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.accountHeader06{padding:14px;gap:14px}.accountHeader06>.profileAvatar.large{width:88px;height:88px}.accountHeader06 .accountIdentity{gap:7px}.wallet06{gap:9px}.wallet06 .coinBalance{font-size:12px}.wallet06 button{font-size:11px;min-height:28px}.characterFacts05{grid-template-columns:1fr}.roster.roster06{grid-template-columns:repeat(2,minmax(0,1fr))}.rosterTools06{flex-wrap:wrap}.rosterTools06 input{flex-basis:100%}.rosterTools06 select{width:100%}.characterHero06>img{height:150px;width:110px}.characterHero06{gap:14px}.roster06 .charCard{height:160px}.shop11 .shopGrid04 .skinProduct{display:grid;grid-template-columns:1fr}.equipment .gearGrid{margin-bottom:0}.gameGrid .quickPanel{background:#111516}.gameGrid .equipmentStats{margin:0}.drawerToolbar06{top:-16px}}
/* Keep all six quick slots visible, including empty consumables. */
.gameGrid .quickBar button:disabled{display:block}
.gameScreen img,.accountScreen img,#drawer img{image-rendering:auto}
.welcome09{background-image:linear-gradient(90deg,#111816df,#11181680),url('assets/15_beta06/06_interfaz/lobby/ultimo_superviviente.webp')}
.equipmentStats dt{white-space:normal;line-height:1.3}
@media(min-width:901px){.equipmentStats dt{font-size:9px;overflow-wrap:normal}}
.actionIcon06{display:inline-block;width:23px;height:23px;object-fit:contain;vertical-align:middle}