.panel{display:grid;grid-template-columns:repeat(14,auto);grid-template-rows:repeat(3,auto);grid-gap:.4vw .4vw;padding:.4vw;background-color:#000;overflow:hidden;clip-path:polygon(0% 25%,7.14% 25%,7.14% 0%,92.85% 0%,92.85% 25%,100% 25%,100% 75%,92.85% 75%,92.85% 100%,7.14% 100%,7.14% 75%,0% 75%);container-type:inline-size}.pborder{background-color:#fff;padding:2vw;clip-path:polygon(0% 23.5%,7.14% 23.5%,7.14% 0%,92.85% 0%,92.85% 23.5%,100% 23.5%,100% 76.5%,92.85% 76.5%,92.85% 100%,7.14% 100%,7.14% 76.5%,0% 76.5%)}.pshadow{filter:drop-shadow(.1vw .1vw .5vw rgba(0,0,0,.3))}.board{padding-inline:3vw}.casilla{aspect-ratio:9 / 14;font-weight:800;box-sizing:border-box;overflow:hidden;container-type:inline-size;font-size:6cqw;perspective:1000px}.casilla-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px #0003}.space .casilla-inner{transform:rotateY(180deg)}.active .casilla-inner{transform:rotateY(180deg);background:transparent}.back,.front{position:absolute;width:100%;height:100%;border-radius:5%;backface-visibility:hidden}.back{background:radial-gradient(#183ee7,#1331b4);border:5px solid #2e54fa;transform:rotateY(180deg)}.active .back{background:radial-gradient(#e79418,#c27400);border:5px solid #fac42e}.front{background-color:#fff;display:flex;justify-content:center;align-items:center}