@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#121213;--bg-header:#121213;--bg-modal:#18181b;--bg-card:#27272a;--text-primary:#fff;--text-secondary:#a1a1aa;--border-color:#27272a;--header-border:#27272a;--color-correct:#538d4e;--color-present:#b59f3b;--color-absent:#3a3a3c;--color-empty-border:#3a3a3c;--color-active-border:#565758;--color-tile-bg:#121213;--color-tile-text:#fff;--key-bg:#818384;--key-text:#fff;--key-bg-hover:#9ca3af;--key-bg-active:#6b7280;--shadow-modal:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000004d;--toast-bg:#fff;--toast-text:#121213;--focus-ring:#60a5fa;--header-height:56px;--max-app-width:500px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--transition-fast:.15s ease;--transition-normal:.25s ease}[data-theme=light]{--bg-primary:#fff;--bg-header:#fff;--bg-modal:#fff;--bg-card:#f4f4f5;--text-primary:#18181b;--text-secondary:#71717a;--border-color:#e4e4e7;--header-border:#d4d4d8;--color-correct:#6aaa64;--color-present:#c9b458;--color-absent:#787c7e;--color-empty-border:#d3d6da;--color-active-border:#878a8c;--color-tile-bg:#fff;--color-tile-text:#18181b;--key-bg:#d3d6da;--key-text:#18181b;--key-bg-hover:#bcbabe;--key-bg-active:#9fa2a6;--toast-bg:#18181b;--toast-text:#fff}[data-high-contrast=true]{--color-correct:#f5793a;--color-present:#85c0f9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes tilePop{0%{opacity:.8;transform:scale(.95)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes tileShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes tileFlipIn{0%{transform:rotateX(0)}to{transform:rotateX(90deg)}}@keyframes tileFlipOut{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes winBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-24px)}60%{transform:translateY(-10px)}}.animate-pop{animation:.12s ease-in-out forwards tilePop}.animate-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both tileShake}.animate-bounce{animation:.8s winBounce}.app-root.svelte-12qhfyh{background-color:var(--bg-primary);width:100%;height:100dvh;color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden}