@keyframes card-lift{0%{transform:perspective(400px) rotateY(4deg) scale(1)}50%{transform:perspective(400px) rotateY(4deg) rotateX(3deg) scale(1.05)}to{transform:perspective(400px) rotateY(0) scale(1.1)}}@keyframes card-drop{0%{transform:perspective(400px) rotateY(0) scale(1.1);pointer-events:none}50%{transform:perspective(400px) rotateY(-10deg) scale(1.05);pointer-events:none}to{transform:perspective(400px) rotateY(0) scale(1);pointer-events:all}}@keyframes box-shadow-pulse{0%{box-shadow:2px 2px 5px var(--pop),-2px -2px 5px var(--pop)}20%{box-shadow:3px 3px 6px var(--pop),-3px -3px 6px var(--pop)}40%{box-shadow:3px 3px 7px var(--pop),-3px -3px 7px var(--pop)}60%{box-shadow:3px 3px 6px var(--pop),-3px -3px 6px var(--pop)}80%{box-shadow:2px 2px 5px var(--pop),-2px -2px 5px var(--pop)}to{box-shadow:2px 2px 5px var(--pop),-2px -2px 5px var(--pop)}}.card:hover:not(.selectable){animation:card-lift .22s ease-in-out forwards;z-index:9}.card{position:relative;transition:all .15s ease;box-shadow:4px 4px 20px #00ff0406;border:#000000 solid 12px;background-color:#000;border-radius:10px;grid-template-rows:auto 1fr;width:346px;height:496px;overflow:hidden}.inner-card{border-radius:8px}.card.hovered:not(:hover):not(.selectable){animation:card-drop .2s ease-in-out forwards}.card.dragging{pointer-events:none;animation:none}.card.selected{animation:box-shadow-pulse 1s infinite;transform:scale(1.02)}.level-one{background:linear-gradient(-45deg,#161b1c,#282a2a,#697574)!important}.level-two{background:linear-gradient(-45deg,#1c3527,#242c0f,#5a6b41)!important}.level-three{background:linear-gradient(-45deg,#1b0c15,#2f0d3f,#4b305a)!important}.level-four{background:linear-gradient(-45deg,#a03c1d,#552d11,#692e15)!important}.level-five{background:linear-gradient(-45deg,#3a0606,#971717,#552020)!important}.level-six{background:linear-gradient(-45deg,#ff7b0f,#551010,#bd7e31)!important}.card-header{position:relative;display:flex;grid-area:"header";overflow:hidden;width:100%;justify-content:center;align-items:center}.card-img{position:absolute;top:8px;left:3px;object-fit:cover;object-position:center;pointer-events:none;width:auto;height:calc(100% - 46px);width:calc(100% - 8px);border-radius:8px;border:1px solid #00000072;aspect-ratio:1 / 1;transition:all ease-in-out,transform .1s ease-in-out}.top-section{position:absolute;top:0;width:100%;display:flex;align-items:center;justify-content:center;height:26px;pointer-events:none}.name-bar{width:calc(100% - 60px);top:3px;left:26px;z-index:3;color:#fff;background:linear-gradient(to left,#193d2b,#257b4c);border-top:2px solid rgb(21,72,44);border-bottom:2px solid rgb(8,36,5);box-shadow:19px 4px 10px #00000080;border-radius:10px;padding-left:6px;padding-right:6px}.name-bar.level-one{background:linear-gradient(to left,#2e3436,#2a3e3f);border-top:2px solid rgb(40,48,50);border-bottom:2px solid rgb(41,43,67)}.name-bar.level-two{background:linear-gradient(to left,#1c3527,#242c0f);border-top:2px solid rgb(12,30,20);border-bottom:2px solid rgb(5,14,13)}.name-bar.level-three{background:linear-gradient(to left,#1b0c15,#2f0d3f);border-top:2px solid rgb(86,53,88);border-bottom:2px solid rgb(29,20,30)}.name-bar.level-four{background:linear-gradient(to left,#a03c1d,#552d11);border-top:2px solid rgb(90,40,20);border-bottom:2px solid rgb(40,20,10)}.name-bar.level-five{background:linear-gradient(to left,#3a0606,#971717);border-top:2px solid rgb(90,20,20);border-bottom:2px solid rgb(40,10,10)}.name-bar.level-six{background:linear-gradient(to left,#ff7b0f,#551010);border-top:2px solid rgb(120,40,20);border-bottom:2px solid rgb(60,10,10)}.card-name{display:flex;align-items:center;justify-content:center;max-width:300px;left:10px;white-space:nowrap;overflow:hidden;text-wrap:nowrap;width:100%;height:100%}.menu{transition:opacity ease .4s;opacity:0;position:absolute;top:8px;right:8px;z-index:4}.card:hover .menu{opacity:1}.card-text:not(:empty){background-color:#000000ab;border-bottom-left-radius:8px;border-bottom-right-radius:8px;width:calc(100% - 20px);padding-left:4px;padding-right:4px;padding-bottom:4px}.card-text-container{position:absolute;z-index:2;text-overflow:ellipsis;overflow:auto;width:100%;bottom:40px;left:6px;max-height:30%}.card-rank{position:absolute;display:flex;z-index:4;top:-10px;left:-10px;width:40px;height:40px;border-radius:20%;background:linear-gradient(-45deg,#2f2f2f,#7c7c7c,#fff);border:2px solid black;box-shadow:0 0 10px #000;align-items:center;justify-content:center;z-index:5;font-weight:700;font-size:30pt;font-family:sans-serif;color:#18150d}.card-rank.level-one{background:linear-gradient(-45deg,#484848,#6cc4ae,#e9fffe);color:#a6a6a6}.card-rank.level-two{background:linear-gradient(-45deg,#63ffb1,#e2ff53,#f9ffcd);color:#b9a95b}.card-rank.level-three{background:linear-gradient(-45deg,#411e38,#9226a1,#d6a8ff);color:#d268ed}.card-rank.level-four{background:linear-gradient(-45deg,#d60133,#ff9524,#ffeba3);color:#e08d71}.card-rank.level-five{background:linear-gradient(-45deg,#a50606,red,#ff4747);color:#ffb6b6}.card-rank.level-six{background:linear-gradient(-45deg,#3f0000,red,#fff023);color:#fff755}.rank-description.level-one{background:linear-gradient(-45deg,#5e6c70,#6cc4ae,#519b97);color:#888}.rank-description.level-two{background:linear-gradient(-45deg,#ffdb57,#63ffb1,#ffda53);color:#9e914d}.rank-description.level-three{background:linear-gradient(-45deg,#9721ff,#9226a1,#662f58);color:#b456cb}.rank-description.level-four{background:linear-gradient(-45deg,#ffeba3,#ff9524,#d60133);color:#c76341}.rank-description.level-five{background:linear-gradient(-45deg,#ff5050,#b10000,#8a0606);color:#ffa7a7}.rank-description.level-six{background:linear-gradient(-45deg,#fff023,red,#3f0000);color:#fff755}.card-icons-container{position:absolute;width:90%;bottom:0;left:14px;display:grid;grid-template-columns:1fr 32px}.icon-container{align-self:flex-end}.name{text-wrap:nowrap;width:100%;max-width:300px;overflow:hidden;margin:0;font-weight:700;color:#fff;text-shadow:2px 2px 2px black;text-overflow:ellipsis}.card-text{font-size:12pt;font-family:Times New Roman,Times,serif;text-overflow:ellipsis;color:#ffd9bb;text-shadow:0 0 10px rgba(0,0,0,.827),0 0 20px rgb(0,0,0)}.card-text:first-letter{font-size:15pt;color:#e43636;font-family:Times New Roman,Times,serif}.rank-description{position:absolute;z-index:4;font-size:11pt;font-weight:700;font-family:sans-serif;color:#18150d;background:linear-gradient(-45deg,#727272,#dfdfdf,#3e3e3e);border:2px solid rgb(27,27,27);box-shadow:0 0 6px #000;border-bottom-right-radius:8px;padding:2px;left:32px}.card.small:not(.static-size){border:#011804 solid 1px;width:160px;height:256px}.card-text.small:not(.static-size){font-size:8pt}.fog-frame.small:not(.static-size){box-shadow:none}.fog-frame:hover.small:not(.static-size){box-shadow:none}.card-rank.small:not(.static-size){top:-3px;left:-10px;width:22px;height:22px;font-size:15pt}.rank-description.small:not(.static-size){font-size:8pt;border-bottom-right-radius:6px;padding:2px;left:12px;top:0}.card-name.small:not(.static-size){max-width:120px;left:20px}.hamburger-icon-card.small:not(.static-size){display:none}