.tile{position:relative;perspective:1000px;transition:background-color .3s;display:flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1.25rem;font-weight:700}@media (min-width:1024px){.tile{border-radius:.375rem}}.tile-face{display:flex;align-items:center;justify-content:center;text-transform:capitalize}@media (min-width:1024px){.tile-face{border-radius:.375rem}}.tile-face{font-size:.75rem;line-height:1rem;font-weight:700}@media (min-width:1024px){.tile-face{font-size:1.125rem;line-height:1.75rem}}.tile-face{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;backface-visibility:hidden;transition:transform .5s ease-in-out}.tile-dynamic{height:14vw;width:14vw}@media (min-width:640px){.tile-dynamic{height:6rem;width:6rem}}@media (min-width:1024px){.tile-dynamic{height:8rem;width:8rem}}.wide{width:14vw}@media (min-width:640px){.wide{height:6rem}}@media (min-width:768px){.wide{width:8rem}}@media (min-width:1024px){.wide{height:8rem;width:16rem}}.tile-face-front{position:absolute;transform:rotateY(0deg)}.tile-face-back{transform:rotateY(180deg)}.flipped .tile-face-front{transform:rotateY(-180deg)}.flipped .tile-face-back{transform:rotateY(0deg)}.finished .tile-face-front{transform:rotateY(-180deg)}.finished .tile-face-back{transform:rotateY(0deg)}.tile-content{display:flex;align-items:center;justify-content:center;border-width:2px;border-color:#2b2b2b;background-color:var(--foreground);font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:1024px){.tile-content{margin:.25rem;border-radius:.375rem}}.tile-content.finished.correct{--tw-border-opacity:1;border-color:rgb(20 83 45/var(--tw-border-opacity,1));--tw-gradient-from:#15803d var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,128,61,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-from-position:5%;--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-to-position:75%}.tile-content.finished.correct,.tile-content.present{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.tile-content.present{--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity,1));--tw-gradient-from:#ca8a04 var(--tw-gradient-from-position);--tw-gradient-to:rgba(202,138,4,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-from-position:5%;--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-to-position:75%}.tile-content.finished.absent:not(.name){background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from:#374151 var(--tw-gradient-from-position);--tw-gradient-to:rgba(55,65,81,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-from-position:5%;--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-to-position:75%}.tile-content.absent{background-color:var(--foreground)}.modalOverlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow-y:auto;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:0.5}.modalContent{border-radius:.5rem;border-width:1px;border-color:#2b2b2b;background-image:linear-gradient(to bottom right,#111,#161616);padding:1rem;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem}.modalTitle{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.closeButton{margin-left:.5rem;display:inline-flex;align-items:center;border-radius:.5rem;background-color:transparent;padding:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.closeButton:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.modalBody{width:90vw;padding-top:.75rem}@media (min-width:640px){.modalBody{width:36rem}}@media (min-width:1024px){.modalBody{width:48rem}}.header-tile{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.375rem;text-transform:capitalize;height:8vw;width:14vw;font-size:.75rem;line-height:1rem;font-weight:700}@media (min-width:640px){.header-tile{width:6rem}}@media (min-width:768px){.header-tile{height:4rem}}@media (min-width:1024px){.header-tile{margin:.125rem;width:8rem;font-size:1.125rem;line-height:1.75rem}}.header-tile{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:.5rem;padding-right:.5rem}.header-tile.wide{width:14vw}@media (min-width:768px){.header-tile.wide{width:8rem}}@media (min-width:1024px){.header-tile.wide{width:16rem}}.header-tile.wide{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:.5rem;padding-right:.5rem}