@font-face{font-family:Palemonas;src:url(../../../palemonas-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Palemonas;src:url(../../../palemonas-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg: #121213;--color-correct: #538d4e;--color-present: #b59f3b;--color-absent: #3a3a3c;--color-border: #3a3a3c;--color-key-bg: #818384;--key-w: clamp(35px, 8vw, 50px);--key-h: clamp(40px, 8vh, 58px);--key-gap: 6px;--keyboard-height: calc(4 * var(--key-h) + 3 * var(--key-gap) + 20px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Palemonas,sans-serif;background-color:var(--color-bg);color:#fff;min-height:100vh;display:flex;flex-direction:column}a{color:#fff;text-decoration:underline}a:hover{color:#e0e0e0}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-30px)}50%{transform:translateY(5px)}60%{transform:translateY(-15px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes flip-correct{0%{transform:rotateX(0);background-color:transparent;border-color:#565758}49%{transform:rotateX(89deg);background-color:transparent;border-color:#565758}50%{transform:rotateX(90deg);background-color:var(--color-correct);border-color:var(--color-correct);color:#fff}to{transform:rotateX(0);background-color:var(--color-correct);border-color:var(--color-correct);color:#fff}}@keyframes flip-present{0%{transform:rotateX(0);background-color:transparent;border-color:#565758}49%{transform:rotateX(89deg);background-color:transparent;border-color:#565758}50%{transform:rotateX(90deg);background-color:var(--color-present);border-color:var(--color-present);color:#fff}to{transform:rotateX(0);background-color:var(--color-present);border-color:var(--color-present);color:#fff}}@keyframes flip-absent{0%{transform:rotateX(0);background-color:transparent;border-color:#565758}49%{transform:rotateX(89deg);background-color:transparent;border-color:#565758}50%{transform:rotateX(90deg);background-color:var(--color-absent);border-color:var(--color-absent);color:#fff}to{transform:rotateX(0);background-color:var(--color-absent);border-color:var(--color-absent);color:#fff}}@keyframes fire-appear{0%{transform:translateY(-50%) scale(0);opacity:0}50%{transform:translateY(-50%) scale(1.75);opacity:1}to{transform:translateY(-50%) scale(1);opacity:1}}@keyframes fire-pulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.15)}to{transform:translateY(-50%) scale(1)}}.menu-toggle.svelte-1h32yp1{position:absolute;left:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;outline:none;display:flex;align-items:center;justify-content:center}.menu-toggle.svelte-1h32yp1:focus{outline:none}.hamburger-box.svelte-1h32yp1{display:block;width:26px;height:20px;position:relative}.hamburger-inner.svelte-1h32yp1,.hamburger-inner.svelte-1h32yp1:before,.hamburger-inner.svelte-1h32yp1:after{display:block;background-color:#fff;width:26px;height:2px;border-radius:2px;position:absolute;transition:transform .3s ease,opacity .3s ease}.hamburger-inner.svelte-1h32yp1{top:50%;transform:translateY(-50%)}.hamburger-inner.svelte-1h32yp1:before{content:"";top:-8px}.hamburger-inner.svelte-1h32yp1:after{content:"";bottom:-8px}.is-active.svelte-1h32yp1 .hamburger-inner:where(.svelte-1h32yp1){transform:translateY(-50%) rotate(45deg)}.is-active.svelte-1h32yp1 .hamburger-inner:where(.svelte-1h32yp1):before{top:0;transform:rotate(90deg);opacity:1}.is-active.svelte-1h32yp1 .hamburger-inner:where(.svelte-1h32yp1):after{bottom:0;transform:rotate(90deg);opacity:0}.backdrop.svelte-1h32yp1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background-color:#00000080}.nav-menu.svelte-1h32yp1{position:absolute;top:100%;left:0;right:0;z-index:10;background-color:#252528;border-bottom:1px solid var(--color-border);box-shadow:0 4px 12px #00000080;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-menu.nav-menu--open.svelte-1h32yp1{max-height:300px}.nav-menu.svelte-1h32yp1 a:where(.svelte-1h32yp1){display:block;padding:16px 24px;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:700;letter-spacing:.05em;border-bottom:1px solid var(--color-border);transition:background-color .15s}.nav-menu.svelte-1h32yp1 a:where(.svelte-1h32yp1):last-child{border-bottom:none}.nav-menu.svelte-1h32yp1 a:where(.svelte-1h32yp1):hover{background-color:#ffffff14}.nav-menu.svelte-1h32yp1 a.active:where(.svelte-1h32yp1){color:#fff;background-color:#ffffff14}.container.svelte-12qhfyh{width:100%;max-width:500px;margin:0 auto;flex:1;display:flex;flex-direction:column;padding:0 20px var(--keyboard-height)}header.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:140;background-color:var(--color-bg);overflow:visible;margin-bottom:15px}.logo.svelte-12qhfyh{text-decoration:none;color:inherit}h1.svelte-12qhfyh{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;letter-spacing:.2em;padding-bottom:5px;padding-top:5px}@media(max-width:480px){.container.svelte-12qhfyh{padding:0;max-width:100%}}@media(max-width:320px){h1.svelte-12qhfyh{font-size:clamp(1.4rem,6vw,2rem);letter-spacing:.1em}.container.svelte-12qhfyh{padding:0}}