#selected-character{position:absolute;top:0;right:67%;bottom:0;left:0}#selected-character-image{position:absolute;top:0;right:0;bottom:30%;left:0;display:flex;padding:20px}#selected-character-image>img{max-width:100%;max-height:100%;margin:auto}#selected-character-image>img.owned{filter:drop-shadow(0 0 6px rgba(255,255,255,0.6))}#selected-character-image>img.not-owned{filter:grayscale(1)}#selected-character-infos{display:none;position:absolute;top:calc(75% + 20px);right:20px;bottom:20px;left:20px;padding:20px;color:white;background-color:rgba(150,150,255,0.2);border-radius:20px;border:2px ridge rgba(150,150,255,0.4);overflow-y:auto}#character-grid{position:absolute;top:0;right:0;bottom:0;left:33%;padding:10px;z-index:1}.character-tile{display:inline-block;background-color:white;width:72px;height:72px;margin:10px;border-radius:4px;border:2px ridge grey;background-repeat:no-repeat;cursor:pointer;transition-duration:.08s}.character-tile img{width:68px;height:68px}.character-tile:hover{transition-duration:.08s;transform:scale(1.1)}.character-tile.not-owned{filter:grayscale(1)}.character-tile.not-owned:after{position:absolute;font-size:22px;right:4px;bottom:4px;content:"🔒"}.character-tile.selected{box-shadow:white 0 0 10px,
          white 0 0 10px}#selected-character-image-padlock{position:absolute;width:90px}#selected-character-image-padlock.owned{display:none}@media all and (max-width:1000px){#selected-character{width:100%}#selected-character-infos{padding:5px 10px}#character-grid{width:calc(100% - 20px);left:calc(100% - 20px + 20px)}#character-grid.deployed{left:0;transition:.4s;overflow-y:auto}#character-grid:before{position:absolute;background-color:rgba(150,150,255,0.2);border:2px ridge rgba(150,150,255,0.4);color:white;top:10px;left:-36px;border-radius:50px;content:"◁";padding-left:3px;padding-right:5px;cursor:pointer}#character-grid.deployed:before{display:none}#character-grid:not(.deployed) .character-tile.selected{box-shadow:none}#character-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.8);opacity:0;pointer-events:none}#character-grid-overlay.active{opacity:1;transition:.5s}}