@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-duration:initial;--tw-ease:initial}}}@font-face{font-family:OpenMoji;src:url(https://cdn.jsdelivr.net/gh/hfg-gmuend/openmoji@master/font/OpenMoji-color-colr0_svg/OpenMoji-color-colr0_svg.woff2)format("woff2")}:root{--emoji-font-family:"OpenMoji", Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, Android Emoji, EmojiSymbols, EmojiOne Mozilla, sans-serif;--system-emoji-font:Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, Android Emoji, EmojiSymbols, sans-serif}@layer components{.game-board{margin-inline:auto;margin-bottom:calc(var(--spacing,.25rem) * 5);gap:calc(var(--spacing,.25rem) * 5);perspective:1000px;display:grid}.game-card{height:calc(var(--spacing,.25rem) * 20);cursor:pointer;border-radius:var(--radius-lg,8px);background-color:var(--color-white,#fff);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);width:100%;max-width:120px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);-webkit-user-select:none;user-select:none;transform-style:preserve-3d;margin-inline:auto;transition:transform .5s;position:relative;box-shadow:0 2px 6px #0003}.game-card-face{border-radius:var(--radius-lg,8px);width:100%;height:100%;font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);backface-visibility:hidden;justify-content:center;align-items:center;transition:opacity .1s;display:flex;position:absolute}.game-card-front{background-color:var(--color-indigo-50,oklch(97% .034 272.788));color:var(--color-main,#3f51b5);transform:rotateY(180deg)}.game-card-front:where(.dark,.dark *){background-color:#312c854d}@supports (color:color-mix(in lab,red,red)){.game-card-front:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-indigo-900,oklch(35.9% .144 278.697)) 30%,transparent)}}.game-card-front:where(.dark,.dark *){color:var(--color-main-dark,#a3a9ff)}.theme-preview-container{margin-inline:auto;margin-block:calc(var(--spacing,.25rem) * 5);text-align:center;max-width:600px}.preview-title{margin-bottom:calc(var(--spacing,.25rem) * 4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));color:var(--color-main,#3f51b5)}.preview-title:where(.dark,.dark *){color:var(--color-main-dark,#a3a9ff)}.theme-preview{justify-content:center;gap:calc(var(--spacing,.25rem) * 2.5);border-radius:var(--radius-lg,8px);background-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding:calc(var(--spacing,.25rem) * 4);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));flex-wrap:wrap;display:flex}.theme-preview:where(.dark,.dark *){background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.preview-item{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-md,.375rem);background-color:var(--color-white,#fff);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));justify-content:center;align-items:center;display:flex;position:relative}.preview-item:where(.dark,.dark *){background-color:var(--color-gray-600,oklch(44.6% .03 256.802))}.preview-item.font-loading{color:#0000}.preview-item.font-loading:before{content:"";border:3px solid #0000001a;border-top-color:var(--color-main);border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.dark .preview-item.font-loading:before{border:3px solid #ffffff1a;border-top-color:var(--color-main-dark)}}.game-board.easy{grid-template-columns:repeat(4,1fr);max-width:500px}.game-board.medium{grid-template-columns:repeat(6,1fr);max-width:600px}.game-board.hard{grid-template-columns:repeat(8,1fr);max-width:800px}.front-animals,.front-symbols{font-family:var(--emoji-font-family)}.use-system-font .front-animals,.use-system-font .front-symbols{font-family:var(--system-emoji-font)}.front-numbers{color:var(--color-main);font-weight:700}.game-card-back{background-color:var(--color-main,#3f51b5);color:var(--color-white,#fff)}.game-card.flipped{transform:rotateY(180deg)}.game-card.flipped .game-card-back{opacity:0;visibility:hidden}.game-card.matched .game-card-front{background-color:#c8e6c9}.game-card.matched .game-card-front:where(.dark,.dark *){background-color:#3f9b46}@media(max-width:768px){.game-board.medium,.game-board.hard{grid-template-columns:repeat(4,1fr)}.game-card{height:70px}.game-card-face{font-size:20px}}@media(max-width:480px){.game-board.easy{grid-template-columns:repeat(4,1fr);gap:10px}.game-board.medium,.game-board.hard{grid-template-columns:repeat(4,1fr);gap:5px}.game-card{height:60px}.game-card-face{font-size:18px}}.preview-item.fade-in-right{animation:.5s forwards fadeInRight}.preview-item.fade-out-right{animation:.3s forwards fadeOutRight}.preview-item.wave-move{animation:.5s forwards waveBounce}.preview-item.content-change{animation:.3s forwards contentChange}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-20px)scale(.8)}}@keyframes waveBounce{0%{transform:translateY(0)}30%{transform:translateY(-5px)}60%{transform:translateY(3px)}to{transform:translateY(0)}}@keyframes contentChange{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.8)translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}