/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */@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{display:grid;gap:calc(var(--spacing,.25rem)*5);margin-inline:auto;margin-bottom:calc(var(--spacing,.25rem)*5);perspective:1000px}.game-card{background-color:var(--color-white,#fff);cursor:pointer;height:calc(var(--spacing,.25rem)*20);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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);box-shadow:0 2px 6px #0003;margin-inline:auto;max-width:120px;position:relative;transform-style:preserve-3d;transition:transform .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-card,.game-card-face{border-radius:var(--radius-lg,8px);width:100%}.game-card-face{font-size:var(--text-2xl,1.5rem);height:100%;line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333));--tw-font-weight:var(--font-weight-bold,700);align-items:center;backface-visibility:hidden;display:flex;font-weight:var(--font-weight-bold,700);justify-content:center;position:absolute;transition:opacity .1s}.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:color-mix(in oklab,var(--color-indigo-900,oklch(.359 .144 278.697))30%,transparent);color:var(--color-main-dark,#a3a9ff)}.theme-preview-container{margin-block:calc(var(--spacing,.25rem)*5);margin-inline:auto;max-width:600px;text-align:center}.preview-title{color:var(--color-main,#3f51b5);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));margin-bottom:calc(var(--spacing,.25rem)*4)}.preview-title:where(.dark,.dark *){color:var(--color-main-dark,#a3a9ff)}.theme-preview{background-color:var(--color-gray-100,oklch(.967 .003 264.542));border-radius:var(--radius-lg,8px);gap:calc(var(--spacing,.25rem)*2.5);justify-content:center;padding:calc(var(--spacing,.25rem)*4);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;flex-wrap:wrap;transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.theme-preview:where(.dark,.dark *){background-color:var(--color-gray-700,oklch(.373 .034 259.733))}.preview-item{background-color:var(--color-white,#fff);border-radius:var(--radius-md,.375rem);font-size:var(--text-xl,1.25rem);height:calc(var(--spacing,.25rem)*10);line-height:var(--tw-leading,var(--text-xl--line-height,1.4));width:calc(var(--spacing,.25rem)*10);--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-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;display:flex;justify-content:center;position:relative;transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.preview-item:where(.dark,.dark *){background-color:var(--color-gray-600,oklch(.446 .03 256.802))}.preview-item.font-loading{color:#0000}.preview-item.font-loading:before{animation:spin .8s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--color-main);content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.dark .preview-item.font-loading:before{border:3px solid #ffffff1a;border-top:3px solid 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 (width<=768px){.game-board.hard,.game-board.medium{grid-template-columns:repeat(4,1fr)}.game-card{height:70px}.game-card-face{font-size:20px}}@media (width<=480px){.game-board.easy{gap:10px;grid-template-columns:repeat(4,1fr)}.game-board.hard,.game-board.medium{gap:5px;grid-template-columns:repeat(4,1fr)}.game-card{height:60px}.game-card-face{font-size:18px}}.preview-item.fade-in-right{animation:fadeInRight .5s forwards}.preview-item.fade-out-right{animation:fadeOutRight .3s forwards}.preview-item.wave-move{animation:waveBounce .5s forwards}.preview-item.content-change{animation:contentChange .3s forwards}@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(1turn)}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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}