@import"https://fonts.googleapis.com/css2?family=Raleway:ital@1&display=swap";#root{height:100%;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){button{background-color:#f9f9f9}}.card.yellow{--color-1: #facf0f;--color-2: #faff63}.card.blue{--color-1: #26baee;--color-2: #9fe8fa}.card.orange{--color-1: #fc8a15;--color-2: #fff6a2}.card.green{--color-1: #00bd56;--color-2: #f9fd50}.card.red{--color-1: #fa4659;--color-2: #c9007f}.card{width:200px;aspect-ratio:4 / 3;border-radius:10px;background:linear-gradient(135deg,var(--color-1) 0%,var(--color-2) 100%);color:#000}@property --rotate{syntax: "<angle>"; initial-value: 132deg; inherits: false;}.card{--red-hue: 0;--green-hue: 120;--yellow-hue: 60;--orange-hue: 30;--light-blue-hue: 200;--pink-hue: 300;--purple-hue: 260;--blue-hue: 240;--gradient: linear-gradient(var(--rotate), hsl(var(--card-color), 100%, 75%), hsl(var(--card-color), 75%, 50%) 50%, hsl(var(--card-color), 75%, 25%));width:100%;aspect-ratio:4 / 3;padding:3px;position:relative;border-radius:6px;justify-content:center;align-items:center;text-align:center;display:flex;font-size:1rem;font-family:Raleway,sans-serif;text-transform:uppercase;-webkit-user-select:none;user-select:none}.card:before{animation:spin 2.5s linear infinite;background-image:linear-gradient(var(--rotate),hsl(var(--card-color),100%,75%),hsl(var(--card-color),75%,50%) 50%,hsl(var(--card-color),75%,25%));border-radius:8px;content:"";height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;width:calc(100% + 4px);z-index:-1}.card:after{animation:spin 2.5s linear infinite;background-image:linear-gradient(var(--rotate),hsl(var(--card-color),100%,75%),hsl(var(--card-color),75%,50%) 50%,hsl(var(--card-color),75%,25%));content:"";filter:blur(2vw);height:100%;left:0;position:absolute;right:0;top:5%;z-index:-1}.card .front,.card .back{border-radius:6px;position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;transition:transform 1s ease;display:flex;align-items:center;justify-content:center}.card:after,.card:before{transition:transform 1s ease}.card .front{background:#191c29;color:hsl(var(--card-color),75%,50%)}.card .back{transform:rotateY(180deg);background:hsl(var(--card-color),75%,50%);color:#191c29}.card.flipped .front,.card.flipped:before,.card.flipped:after{transform:rotateY(180deg)}.card.flipped .back{transform:rotateY(0)}.card .name{text-shadow:0 0 5px hsl(var(--card-color),100%,75%)}@keyframes spin{0%{--rotate: 0deg}to{--rotate: 360deg}}.score-table{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr);gap:0px 0px;grid-auto-flow:column;justify-content:center;align-items:center}.light{--left-light-color: #ffffff;--right-light-color: #ffffff;--left-light-width: 40px;--right-light-width: 40px;position:absolute;width:0;height:100%;top:0;transition:width .35s ease;z-index:-1}.left-light{left:0;background:linear-gradient(to right,var(--left-light-color),transparent)}.right-light{right:0;background:linear-gradient(to left,var(--right-light-color),transparent)}.light.left-light.active{width:var(--left-light-width)}.light.right-light.active{width:var(--right-light-width)}.wheel{--number-height: 40px;--angle: 0deg;position:relative;display:flex;height:var(--number-height);justify-content:center}.number{position:absolute;display:flex;justify-content:center;align-items:center;width:var(--face-width);height:var(--number-height);backface-visibility:hidden;transition:transform 1.5s cubic-bezier(0,.85,.15,1);background-color:#fff3;transform:rotateY(var(--number-angle)) translateZ(var(--face-distance-from-center))}.track{position:relative}.progress{height:100%;background-color:#fff3;position:absolute}.time-wrapper{display:flex;justify-content:center}.time{width:25px;text-align:left}.round{display:flex;flex-direction:column;height:100%;justify-content:space-around}.word-card-wrapper{width:70vw;margin:0 auto}.game{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{height:100%}body{margin:0;place-items:center;height:100%}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}