:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;letter-spacing:1px;color-scheme:light dark;color:#ffffffde;background-color:#2c2c2c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-link-light: #333;--header-link-dark: #eee;--header-link-background-light: transparent;--header-link-background-dark: transparent;--menu-border-color: #ddd;--menu-bg-color: #ffffff;--menu-bg-color-dark: #2c2c2c;--menu-border-color-dark: #444}body{margin:0;padding:0;box-sizing:border-box;width:100%;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#efece0}}.card.right-color{background-color:#dcb6a3}.flip-container{perspective:1000px;background:transparent;border-radius:.3rem}.flipper{font-size:1.5em;height:100%;cursor:pointer;transform-style:preserve-3d;transform-origin:center right;transition:transform .5s}.flipper.is-flipped{transform:translate(-100%) rotateY(-180deg)}.flipper.not-active{pointer-events:none;cursor:default;text-decoration:none;color:#000}.card{font-family:Spectral;position:absolute;width:94%;height:100%;backface-visibility:hidden;color:#343434;text-align:center;font-size:1.1em;border-radius:10%;display:flex;justify-content:center;align-items:center;box-shadow:2px 3px 18px #7e715f;padding:0 5px}.card_face{background-color:#a6846e;font-size:2.2em;color:#fafafa}.card_back{background-color:#fff;transform:rotateY(180deg)}@media only screen and (max-width: 700px){.card_back{font-size:85%;line-height:1.1}.card_face{font-size:1.8em;color:#fafafa}}.alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid black;border-radius:10px;padding:30px 40px;z-index:1000;box-shadow:0 0 10px #00000080;max-width:90%;box-sizing:border-box}.game-container{display:flex;flex-direction:column;align-items:center;height:100vh}.grid-container{background:transparent;min-height:100%;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-around;grid-gap:.8rem;max-width:1168px;max-height:600px;padding:.2rem .3rem;margin-bottom:0rem}@media only screen and (max-width: 700px){.grid-container{grid-template-columns:repeat(3,1fr);grid-gap:.5rem;padding-top:.2rem;margin-top:0rem}.alert{padding:20px 30px}}.topic-set-info{text-align:center;margin-bottom:20px}.topic-set-info h1{font-size:24px;margin:0}.topic-set-info p{font-size:16px}