*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#201c16;color:#fff;z-index:-1;background-image:url(https://cdn2.codenames.game/cno/2023-12-19/img/bg-raster.svg);background-size:cover}.login{display:block;position:relative;border-radius:4px;z-index:0;background-color:#000000eb;margin:4rem auto 0;padding:5rem 4rem 2rem;max-width:525px;box-shadow:0 50px 70px -20px #000000d9}.btn-principal,.btn-secundario{padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease-in-out}.btn-principal{background-color:#2563eb;color:#fff;margin-bottom:3rem;width:100%}.btn-principal:hover{background-color:#1e40af}.formulario{display:flex;flex-direction:column;gap:.75rem;width:100%}.formulario input{padding:.75rem;font-size:1rem;border:2px solid #d1d5db;border-radius:8px;outline:none;transition:border-color .2s}.formulario input:focus{border-color:#2563eb}.btn-secundario{background-color:#10b981;color:#fff}.btn-secundario:hover{background-color:#059669}.contenedor-tablero{width:100%;max-width:70vw;margin:0 auto;overflow-x:hidden;min-height:100vh;display:flex;justify-content:center;align-items:center}.celda{width:100%;max-width:100%;aspect-ratio:5 / 3.2;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;box-shadow:0 2px 6px #0000001a;-webkit-user-select:none;user-select:none;overflow:hidden}.celda{transition:transform .3s ease,box-shadow .3s ease}.celda:hover{transform:scale(1.05);box-shadow:0 10px 20px #0003}.card.flip{transform:translate(-100%) rotateY(-180deg)}.card-front{background-image:url(https://cdn2.codenames.game/cno/2023-12-19/theme/classic/card/fronts.png);background-position-y:50%;background-repeat:no-repeat;background-size:100%;color:#000}.card-back.rojo{background-image:url(https://cdn2.codenames.game/cno/2023-12-19/theme/classic/card/backs.png);background-position-y:100%;background-repeat:no-repeat;background-size:100%;transform:rotateY(180deg)}.card-back.azul{background-image:url(https://cdn2.codenames.game/cno/2023-12-19/theme/classic/card/backs.png);background-position-y:0%;background-repeat:no-repeat;background-size:100%;transform:rotateY(180deg)}.card-back.neutral{background-image:url(https://cdn2.codenames.game/cno/2023-12-19/theme/classic/card/backs.png);background-position-y:33%;background-repeat:no-repeat;background-size:100%;transform:rotateY(180deg)}.card-back.asesino{background-image:url(https://cdn2.codenames.game/cno/2023-12-19/theme/classic/card/black-back.png);background-repeat:no-repeat;background-size:100%;color:#fff;transform:rotateY(180deg)}.card-back-image.rojo{background-image:url(https://cdn2.codenames.game/cno/2023-12-19/theme/classic/card/red.png);background-position-y:100%;background-repeat:no-repeat;background-size:71%;transform:rotateY(180deg);width:100%;height:100%}.card-back-image.azul{background-image:url(https://cdn2.codenames.game/cno/2023-12-19/theme/classic/card/blue.png);background-position-y:0%;background-repeat:no-repeat;background-size:71%;transform:rotateY(180deg);width:100%;height:100%}.card-back-image.neutral{background-image:url(https://cdn2.codenames.game/cno/2023-12-19/theme/classic/card/gray.png);background-position-y:0%;background-repeat:no-repeat;background-size:71%;transform:rotateY(180deg);width:100%;height:100%}.card-border{width:100%;height:100%;padding:8px;box-sizing:border-box}.card-content{color:#000;box-sizing:border-box;text-align:center;font-weight:700;font-size:1.3vw;border-radius:8px;width:100%}.contenedor-tablero_spymaster{width:100%;margin:0 auto;overflow-x:hidden;min-height:100vh;display:flex;justify-content:center;align-items:center}.qr_canva{position:fixed;padding:16px;background:#000c;right:32px;bottom:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999}.overlay button{margin-top:1rem;padding:10px 20px;background:#fff;color:#000;border:none;border-radius:8px;font-weight:700;cursor:pointer}.tablero{display:grid;gap:10px;perspective:1000px;padding:10px;width:100%;box-sizing:border-box}.celda_spymaster{width:100%;max-width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;box-shadow:0 2px 6px #0000001a;-webkit-user-select:none;user-select:none;overflow:hidden}.card{display:flex;width:100%;height:100%;position:relative;cursor:pointer;transform-style:preserve-3d;transform-origin:center right;transition:transform .7s ease,box-shadow .7s ease;box-sizing:border-box}.card-face{border-radius:16px;position:absolute;width:100%;height:100%;color:#fff;text-align:center;font-weight:700;backface-visibility:hidden;box-sizing:border-box}.card-front_spymaster_flip.rojo{background-color:#f83117}.card-front_spymaster_flip.azul{background-color:#037da8}.card-front_spymaster_flip.asesino{background-color:#403e3f}.card-front_spymaster_flip.neutral{background-color:#dfcb99}.card-front_spymaster.rojo{background-color:#420e07}.card-front_spymaster.azul{background-color:#09303e}.card-front_spymaster.asesino{background-color:#403e3f}.card-front_spymaster.neutral{background-color:#464031}