.root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.board{margin:auto;max-width:800px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,auto);grid-gap:.5rem;padding:1rem}.control-panel{display:flex;justify-content:center;margin:auto}.button-container{display:flex}.button{margin:.5rem;padding:.5rem;border-radius:4px;border:1px solid black;background-color:#fff;cursor:pointer}.btn{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase}.btn:hover .btn-slide-show-text1{margin-left:65px}.neumorphic{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;width:8rem;height:2rem;background-image:linear-gradient(0deg,#d8d9db,#fff 80%,#fdfdfd);border-radius:8px;border:1px solid rgb(143,144,146);box-shadow:#fcfcfc 0 4px 3px 1px,#d6d7d9 0 6px 8px,#cecfd1 0 -4px 4px,#fefefe 0 -6px 4px,#cecfd1 0 0 3px inset;transition:all .2s ease 0s;font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:600;color:#606060;text-shadow:rgb(255,255,255) 0px 1px}.neumorphic>*{transition:transform .2s ease 0s;transform:scale(.975)}.neumorphic:hover:not([disabled]){box-shadow:#fcfcfc 0 4px 3px 1px,#d6d7d9 0 6px 8px,#cecfd1 0 -4px 4px,#fefefe 0 -6px 4px,#cecfd1 0 0 3px 3px inset}.neumorphic:hover{color:#606060;text-shadow:rgb(255,255,255) 0px 1px}.neumorphic-enabled:focus:not(:active){outline:none}.neumorphic-enabled:active:not([disabled]){box-shadow:#fcfcfc 0 4px 3px 1px,#d6d7d9 0 6px 8px,#cecfd1 0 -4px 4px,#fefefe 0 -6px 4px,#999 0 0 5px 3px inset,#aaa 0 0 30px inset}.neumorphic-disabled{opacity:.5;cursor:not-allowed!important}.card{border:1px solid rgba(0,0,0,.5);border-radius:.5em;max-width:14rem;max-height:calc(14rem * 1.4);padding:1rem 1.5rem;display:flex;justify-content:center;aspect-ratio:1.4;cursor:pointer}.placeholder{width:100%;height:100%}.card.pregame{background-image:url(/assets/card-bg.svg);background-size:cover;background-position:center;cursor:default}.card.selected{box-shadow:0 0 0 2px #006fdf}.dialog{padding:1rem;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;top:calc(50% - 5rem);left:calc(50% - 10rem);width:20rem;height:10rem;background-color:#fff;border:2px solid black;border-radius:8px}.dialog-disabled{display:none}@media (max-width: 768px){.card{max-width:10rem;max-height:15rem;padding:.75rem}}@media (max-width: 480px){.card{max-width:8rem;max-height:12rem}}.card-image{width:30%;padding:4%}