@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:Itim;font-style:normal;font-weight:400;src:url(/static/media/Itim-Regular.38b1e6579a4ae98f4318.ttf) format("truetype")}@font-face{font-family:Title;font-style:normal;font-weight:400;src:url(/static/media/CaveatBrush-Regular.dae368f31d8ab9261b85.ttf) format("truetype")}:root{--uchu-light-gray-transparent:oklch(95.57% 0.003 286.35/.5);--uchu-light-gray-raw:95.57% 0.003 286.35;--uchu-light-gray:oklch(var(--uchu-light-gray-raw));--uchu-gray-raw:84.68% 0.002 197.12;--uchu-gray:oklch(var(--uchu-gray-raw));--uchu-gray-2-raw:92.04% 0.002 197.12;--uchu-gray-2:oklch(var(--uchu-gray-2-raw));--uchu-gray-5-raw:80.73% 0.002 247.84;--uchu-gray-5:oklch(var(--uchu-gray-5-raw));--uchu-dark-gray-raw:63.12% 0.004 219.55;--uchu-dark-gray:oklch(var(--uchu-dark-gray-raw));--uchu-light-red-raw:88.98% 0.052 3.28;--uchu-light-red:oklch(var(--uchu-light-red-raw));--uchu-red-raw:62.73% 0.209 12.37;--uchu-red:oklch(var(--uchu-red-raw));--uchu-dark-red-raw:45.8% 0.177 17.7;--uchu-dark-red:oklch(var(--uchu-dark-red-raw));--uchu-light-pink-raw:95.8% 0.023 354.27;--uchu-light-pink:oklch(var(--uchu-light-pink-raw));--uchu-pink-raw:85.43% 0.09 354.1;--uchu-pink:oklch(var(--uchu-pink-raw));--uchu-dark-pink-raw:64.11% 0.084 353.91;--uchu-dark-pink:oklch(var(--uchu-dark-pink-raw));--uchu-light-purple-raw:89.1% 0.046 305.24;--uchu-light-purple:oklch(var(--uchu-light-purple-raw));--uchu-purple-raw:58.47% 0.181 302.06;--uchu-purple:oklch(var(--uchu-purple-raw));--uchu-dark-purple-raw:39.46% 0.164 298.29;--uchu-dark-purple:oklch(var(--uchu-dark-purple-raw));--uchu-light-blue-raw:89.66% 0.046 260.67;--uchu-light-blue:oklch(var(--uchu-light-blue-raw));--uchu-blue-raw:62.39% 0.181 258.33;--uchu-blue:oklch(var(--uchu-blue-raw));--uchu-dark-blue-raw:43.48% 0.17 260.2;--uchu-dark-blue:oklch(var(--uchu-dark-blue-raw));--uchu-light-green-raw:93.96% 0.05 148.74;--uchu-light-green:oklch(var(--uchu-light-green-raw));--uchu-green-raw:79.33% 0.179 145.62;--uchu-green:oklch(var(--uchu-green-raw));--uchu-dark-green-raw:58.83% 0.158 145.05;--uchu-dark-green:oklch(var(--uchu-dark-green-raw));--uchu-light-yellow-raw:97.05% 0.039 91.2;--uchu-light-yellow:oklch(var(--uchu-light-yellow-raw));--uchu-yellow-raw:90.92% 0.125 92.56;--uchu-yellow:oklch(var(--uchu-yellow-raw));--uchu-yellow-2-raw:95% 0.07 92.39;--uchu-yellow-2:oklch(var(--uchu-yellow-2-raw));--uchu-yellow-5-raw:89% 0.146 91.5;--uchu-yellow-5:oklch(var(--uchu-yellow-5-raw));--uchu-dark-yellow-raw:69.14% 0.109 91.04;--uchu-dark-yellow:oklch(var(--uchu-dark-yellow-raw));--uchu-light-orange-raw:93.83% 0.037 56.93;--uchu-light-orange:oklch(var(--uchu-light-orange-raw));--uchu-orange-raw:78.75% 0.14163582809066333 54.32911089172009;--uchu-orange:oklch(var(--uchu-orange-raw));--uchu-dark-orange-raw:58.28% 0.128 52.2;--uchu-dark-orange:oklch(var(--uchu-dark-orange-raw));--uchu-yang-raw:99.4% 0 0;--uchu-yang:oklch(var(--uchu-yang-raw));--uchu-light-yin-raw:91.87% 0.003 264.54;--uchu-light-yin:oklch(var(--uchu-light-yin-raw));--uchu-yin-raw:14.38% 0.007 256.88;--uchu-yin:oklch(var(--uchu-yin-raw));--uchu-yang-transparent:oklch(99.4% 0 0/.5);--title-color:3,3,3;--target-color:#ffba08;--target-med-light-color:#ffc629;--target-light-color:#ffd251;--target-med-dark-color:#f4b008;--target-dark-color:#d69a00;--solved-card-color:var(--target-light-color);--solved-card-dark-color:var(--target-med-light-color);--solved-card-border-color:var(--target-color);--solved-card-border-dark-color:var(--target-med-dark-color);--best-circle-color:var(--target-color);--share-color:var(--uchu-yin);--share-color-disabled:var(--uchu-gray-2);--boost-color:var(--uchu-yin);--celebrate-color:255,208,75;--complete-color:0,200,81;--symbol-color:var(--uchu-yin);--base-color:var(--uchu-yang);--keyboard-color:238,238,238;--keyboard-char-color:3,3,3;--card-color:250,250,250;--card-border-color:220,220,220;--tab-color:190,190,190;--tab-border-color:160,160,160;--border-target-color:240,175,8;--callout-color:var(--uchu-light-gray);--callout-text-color:var(--uchu-dark-gray);--tap-color:var(--symbol-color);--score-circle-color:var(--uchu-yang);--level-x-color:var(--uchu-light-gray);--level-x-accent-color:var(--uchu-gray);--level-x-text-color:var(--uchu-yin);--level-y-color:var(--uchu-light-red);--level-y-accent-color:var(--uchu-red);--level-y-text-color:var(--uchu-yin);--level-1-color:var(--uchu-light-gray);--level-1-accent-color:var(--uchu-gray);--level-1-text-color:var(--uchu-yin);--level-2-color:var(--uchu-light-gray);--level-2-accent-color:var(--uchu-gray);--level-2-text-color:var(--uchu-yin);--level-3-color:var(--uchu-light-gray);--level-3-accent-color:var(--uchu-gray);--level-3-text-color:var(--uchu-yin);--level-4-color:var(--uchu-light-gray);--level-4-accent-color:var(--uchu-gray);--level-4-text-color:var(--uchu-yin);--level-5-color:var(--uchu-light-gray);--level-5-accent-color:var(--uchu-gray);--level-5-text-color:var(--uchu-yin);--instruction-color:var(--uchu-red);--shake-animation:shake 0.125s ease-in-out infinite;--dance-animation:dance 1.8s;--super-dance-animation:jump 0.5s 3,dance 1.8s 1.8s}body{background-color:rgb(oklch(99.4% 0 0));background-color:rgb(var(--base-color));transition:background-color 1s ease-in-out}p{font-size:.825em;margin:0}h3,p{color:rgb(oklch(63.12% .004 219.55));color:rgb(var(--callout-text-color))}h3{margin-bottom:0;margin-top:.5em}.card-text,h3{font-weight:700}.card-text{display:flex;flex-wrap:nowrap;font-size:4em;justify-content:center;position:relative;text-align:center}.keyboard-container{box-sizing:border-box;display:flex;flex-direction:column;margin:1em auto 0;max-width:100%;padding:0 1%}.keyboard-key,.keyboard-row{display:flex;justify-content:center}.keyboard-key{align-items:center;background-color:oklch(95.57% .003 286.35/.5);background-color:var(--uchu-light-gray-transparent);border:none;border-radius:4px;box-sizing:border-box;color:oklch(14.38% .007 256.88);color:var(--uchu-yin);cursor:pointer;font-size:clamp(1.4rem,1vw,1.5rem);font-weight:400;margin:.15rem;max-width:3em;padding:.5em .7em;width:calc(10% - .47rem)}.keyboard-key,.keyboard-key.special-key{transition:background-color 1s ease-in-out}.keyboard-key.special-key{background-color:initial;padding:.5em}@media (max-width:400px){.keyboard-key{padding:.5em}.keyboard-key.special-key{padding:.5em 0}}div,span{-webkit-tap-highlight-color:transparent}.callout{background-color:oklch(88.98% .052 3.28);background-color:var(--uchu-light-red);border:4px solid oklch(62.73% .209 12.37);border:4px solid var(--instruction-color);border-radius:1em;font-family:Helvetica Neue,sans-serif;height:auto;margin:1em 1em 0;max-width:512px;overflow:hidden;padding:1.25em 1.5em 1.5em;position:relative;top:-2.5em;width:80vw;z-index:1}.accordion-titles,.callout{color:oklch(62.73% .209 12.37);color:var(--uchu-red)}.accordion-titles{display:flex;justify-content:space-between;margin-bottom:.25em}.accordion-title{border-bottom:2.5px solid oklch(62.73% .209 12.37);border-bottom:2.5px solid var(--uchu-red);cursor:pointer;font-family:Itim;font-size:1.25em;font-weight:700;justify-content:center;padding:.25em;text-align:center}.accordion-title.rules{border-radius:.25em 0 0 .25em;flex:auto}.accordion-title.solutions{border-radius:0 .25em .25em 0;flex:auto}.accordion-title.active{background-color:oklch(62.73% .209 12.37);background-color:var(--uchu-red);color:oklch(99.4% 0 0);color:var(--uchu-yang)}.accordion-content .content{display:none;font-family:Itim;font-size:1.25em;padding:0 .25em;text-align:left;transition:max-height 1s ease}.accordion-content .content.open{display:block}body,button,h1{font-family:Itim,sans-serif}button:focus{-webkit-tap-highlight-color:transparent;outline:none}body{margin:0!important;-webkit-user-select:none;user-select:none}body,html{-webkit-overflow-scrolling:touch;overflow-y:scroll}body::-webkit-scrollbar,div::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body,html{scrollbar-width:none}.current-circle{background-color:oklch(99.4% 0 0);background-color:var(--score-circle-color)}.best-circle,.current-circle{border-radius:50%;display:inline-block;height:15px;margin:0 .2em;transform:translateY(.1em);width:15px}.best-circle{background-color:#ffba08;background-color:var(--target-color)}.easy-level{background-color:rgba(oklch(95.57% .003 286.35));background-color:rgba(var(--level-1-color))}.easy-level,.hard-level{border-radius:25%;display:inline-block;height:10px;width:10px}.hard-level{background-color:rgba(oklch(95.57% .003 286.35));background-color:rgba(var(--level-4-color))}.complete-level{background-color:rgba(rgb(255,186,8));background-color:rgba(var(--target-color));border-radius:25%;display:inline-block;height:10px;width:10px}.completion-message{color:oklch(14.38% .007 256.88);color:var(--symbol-color);font-size:1.5em;font-weight:700;overflow:hidden;text-align:center;transition:margin .5s ease,max-height .5s ease,opacity .5s ease}.completion-message.show{margin:1em auto .5em;max-height:3em;opacity:1}.completion-message.hide{margin:0;max-height:0;opacity:0}footer{margin:0;padding:10px;text-align:center}@keyframes tap{0%{opacity:1;transform:scale(2);visibility:visible}to{opacity:0;transform:scale(0);visibility:visible}}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes dance{0%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0) rotate(0deg)}15%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translate(-15px,-50px) rotate(-15deg)}30%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(-12px) rotate(-8deg)}45%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translate(15px,-40px) rotate(12deg)}60%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(12px) rotate(8deg)}75%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(-25px) rotate(-5deg)}85%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0) rotate(0deg)}92%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(-8px) rotate(2deg)}to{animation-timing-function:ease-out;transform:translate(0) rotate(0deg)}}@keyframes flip{0%{transform:rotate(0deg)}50%{transform:rotate(1turn)}to{transform:rotate(2turn)}}@keyframes jump{0%{animation-timing-function:cubic-bezier(0,0,.25,1);transform:translateY(0)}25%{animation-timing-function:cubic-bezier(.75,0,1,1);transform:translateY(-40px)}50%{animation-timing-function:cubic-bezier(0,0,.25,1);transform:translateY(0) rotate(0deg)}75%{animation-timing-function:cubic-bezier(.75,0,1,1);transform:translateY(-8px) rotate(0deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes pulse-instruction{0%{box-shadow:0 0 0 0 oklch(62.73% .209 12.37);box-shadow:0 0 0 0 var(--instruction-color)}to{box-shadow:0 0 0 12px #0000}}@keyframes slide-down{0%{opacity:0;transform:translateY(-5.5em);visibility:visible}to{opacity:1;transform:translateY(-.4em);visibility:visible}}@keyframes pulse{0%{box-shadow:0 0 0 0 oklch(63.12% .004 219.55);box-shadow:0 0 0 0 var(--uchu-dark-gray)}to{box-shadow:0 0 0 12px #0000}}
/*# sourceMappingURL=main.46c5ee44.css.map*/