/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{--tw-border-opacity: 1;border-color:rgba(229,231,235,var(--tw-border-opacity))}body{position:relative;--tw-bg-opacity: 1;background-color:rgba(55,65,81,var(--tw-bg-opacity));overflow-x:hidden}*{--tw-text-opacity: 1;color:rgba(229,231,235,var(--tw-text-opacity))}button,input{box-sizing:content-box}button:focus,input:focus{outline:2px solid transparent;outline-offset:2px}img{-webkit-user-drag:none}h2{font-size:1.5rem;line-height:2rem}p{margin-top:.5rem;margin-bottom:.5rem}ol{list-style-type:decimal;padding-left:2rem}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0px}.top-6{top:1.5rem}.top-1\/2{top:50%}.right-game-preview{right:240px}.bottom-0{bottom:0px}.left-0{left:0px}.left-6{left:1.5rem}.left-1\/2{left:50%}.col-span-2{grid-column:span 2 / span 2}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.row-span-2{grid-row:span 2 / span 2}.row-span-4{grid-row:span 4 / span 4}.m-3{margin:.75rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.h-6{height:1.5rem}.h-8{height:2rem}.h-16{height:4rem}.h-32{height:8rem}.h-144{height:36rem}.h-auto{height:auto}.h-game-preview{height:112px}.h-active-preview{height:331px}.h-full{height:100%}.h-screen{height:100vh}.max-h-active-preview{max-height:331px}.min-h-game-preview{min-height:112px}.w-0{width:0px}.w-20{width:5rem}.w-24{width:6rem}.w-96{width:24rem}.w-auto{width:auto}.w-game-preview{width:240px}.w-game-preview-2{width:480px}.w-active-preview{width:589px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-game-preview{min-width:240px}.max-w-4xl{max-width:56rem}.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px}.-translate-x-game-preview-1\/2{--tw-translate-x: -120px}.translate-x-full{--tw-translate-x: 100%}.-translate-x-1\/2{--tw-translate-x: -50%}.-translate-x-full{--tw-translate-x: -100%}.-translate-y-1\/2{--tw-translate-y: -50%}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@-webkit-keyframes roll{0%,5%{transform:translate(calc(-.5 * 240px))}to{transform:translate(calc(-30.5 * 240px));-webkit-animation-timing-function:cubic-bezier(0,0,.33,1);animation-timing-function:cubic-bezier(0,0,.33,1)}}@keyframes roll{0%,5%{transform:translate(calc(-.5 * 240px))}to{transform:translate(calc(-30.5 * 240px));-webkit-animation-timing-function:cubic-bezier(0,0,.33,1);animation-timing-function:cubic-bezier(0,0,.33,1)}}@-webkit-keyframes expand{0%,50%,to{transform:scale(1)}75%{transform:scale(1.25)}}@keyframes expand{0%,50%,to{transform:scale(1)}75%{transform:scale(1.25)}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-expand{-webkit-animation:expand 8s infinite;animation:expand 8s infinite}.cursor-pointer{cursor:pointer}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.auto-rows-auto{grid-auto-rows:auto}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.place-self-center{place-self:center}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-transparent{border-color:transparent}.border-current{border-color:currentColor}.border-purple-700{--tw-border-opacity: 1;border-color:rgba(109,40,217,var(--tw-border-opacity))}.hover\:border-purple-500:hover{--tw-border-opacity: 1;border-color:rgba(139,92,246,var(--tw-border-opacity))}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgba(139,92,246,var(--tw-border-opacity))}.bg-transparent{background-color:transparent}.bg-black{--tw-bg-opacity: 1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgba(139,92,246,var(--tw-bg-opacity))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgba(124,58,237,var(--tw-bg-opacity))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgba(109,40,217,var(--tw-bg-opacity))}.disabled\:bg-gray-400:disabled{--tw-bg-opacity: 1;background-color:rgba(156,163,175,var(--tw-bg-opacity))}.bg-opacity-5{--tw-bg-opacity: .05}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-gray-700{--tw-gradient-from: #374151;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(55, 65, 81, 0))}.via-transparent{--tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0))}.to-gray-700{--tw-gradient-to: #374151}.bg-auto{background-size:auto}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-1{padding-top:.25rem}.pb-2{padding-bottom:.5rem}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-current{color:currentColor}.text-white{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgba(209,213,219,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-purple-300{--tw-text-opacity: 1;color:rgba(196,181,253,var(--tw-text-opacity))}.text-inherit{color:inherit}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgba(209,213,219,var(--tw-text-opacity))}.hover\:text-purple-400:hover{--tw-text-opacity: 1;color:rgba(167,139,250,var(--tw-text-opacity))}.hover\:text-purple-500:hover{--tw-text-opacity: 1;color:rgba(139,92,246,var(--tw-text-opacity))}.focus\:text-gray-200:focus{--tw-text-opacity: 1;color:rgba(229,231,235,var(--tw-text-opacity))}.underline{text-decoration:underline}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgba(156,163,175,var(--tw-placeholder-opacity))}.placeholder-gray-400:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgba(156,163,175,var(--tw-placeholder-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgba(156,163,175,var(--tw-placeholder-opacity))}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-100{opacity:1}.hover\:opacity-70:hover{opacity:.7}*,:before,:after{--tw-shadow: 0 0 #0000}*,:before,:after{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000}.filter{--tw-blur: var(--tw-empty, );--tw-brightness: var(--tw-empty, );--tw-contrast: var(--tw-empty, );--tw-grayscale: var(--tw-empty, );--tw-hue-rotate: var(--tw-empty, );--tw-invert: var(--tw-empty, );--tw-saturate: var(--tw-empty, );--tw-sepia: var(--tw-empty, );--tw-drop-shadow: var(--tw-empty, );filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.line-clamp-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.scrollbar::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgba(167,139,250,var(--tw-bg-opacity))}.scrollbar::-webkit-scrollbar{background-color:transparent;width:4px;height:12px}.scrollbar::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgba(124,58,237,var(--tw-bg-opacity))}.games-rolling-animation{-webkit-animation:roll 5s;animation:roll 5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 640px){.sm\:focus-within\:text-purple-500:focus-within{--tw-text-opacity: 1;color:rgba(139,92,246,var(--tw-text-opacity))}}@media (min-width: 1024px){.lg\:right-0{right:0px}.lg\:w-game-preview-4{width:960px}}