#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.disappear{opacity:0}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.scoreboard{border:2px solid #c6a0f6;border-radius:16px;padding:8px;margin:16px 0;text-align:center;box-shadow:0 0 8px #c6a0f6;position:relative}.scores{list-style-type:none;padding:0;margin:0}.animate-bounce{animation:bounce 1s infinite}#newScore{border:3px solid #b7bdf8;border-radius:16px;animation:bounce 1s infinite,sparkle 2s infinite}.scoreEntry{display:flex;justify-content:space-between;text-transform:uppercase;padding:8px 15px;margin-bottom:5px;font-size:1.2rem;color:#cad3f5}.scoreEntry:nth-child(1){animation:sparkle 2s infinite;color:#c6a0f6;text-shadow:0 0 24px #c6a0f6}.scoreEntry:nth-child(2){animation:sparkle 2s infinite;color:#f5bde6;text-shadow:0 0 12px #f5bde6}.scoreEntry:nth-child(3){animation:sparkle 2s infinite;color:#b7bdf8;text-shadow:0 0 4px #b7bdf8}@keyframes sparkle{50%{color:#fff;text-shadow:0 0 5px #f5a97f,0 0 10px #f4dbd6}}.name{font-weight:700}.score{text-align:right}.gameContainer{perspective:800px;width:80vw;min-width:320px;max-width:768px;margin:auto}.gameCard{position:absolute;width:100%;height:fit-content;transform-style:preserve-3d;transition:all .5s ease;display:flex;align-items:center;justify-content:center}.gameCard.flipped{transform:rotateX(180deg)}.matchGrid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);width:fit-content;height:fit-content;backface-visibility:hidden;transition:opacity .1s linear;margin-bottom:36px}.winScreen{position:absolute;width:100%;height:100%;backface-visibility:hidden;transform:rotateX(180deg)}.winScreen>.scoreSubmission{display:flex;padding-bottom:36px;justify-content:space-evenly}.scoreSubmissionName{border:2px solid #8aadf4;background-color:#24273a;border-color:#b7bdf8;color:#cad3f5;text-transform:uppercase;width:4rem;font-size:2rem;border-radius:8px;outline:none;transition:border-color .3s,box-shadow .3s}.scoreSubmissionName:focus{border-color:#c6a0f6;box-shadow:0 0 0 3px #c6a0f64d}.cardContainer{position:relative;width:72px;height:72px;-webkit-user-select:none;user-select:none;perspective:300px}.card{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:all .5s ease}.card.flipped{transform:rotateY(180deg)}.cardFront,.cardBack{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;font-size:48px;border-radius:16px}.cardFront{background:#363a4f}.cardBack{background:#fafafa;transform:rotateY(180deg)}.solved{animation:.3s ease-in-out .3s solved}@keyframes solved{50%{scale:1.3}to{scale:1}}@media only screen and (min-width: 520px){.matchGrid{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width: 620px){.matchGrid{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width: 720px){.matchGrid{grid-template-columns:repeat(7,1fr)}}@keyframes bounce{0%,to{transform:translateY(-12.5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(12.5%);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-pulse{color:red;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}.rounded-md{border-radius:12px}.bg-primary{background-color:#24273a}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#cad3f5;background-color:#1e2030;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f5bde6;color:#181926;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:disabled{background-color:#6e738d;cursor:not-allowed}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}