:root{--background:#fdfbf7;--foreground:#1a1a1a;--surface:#fff;--border:#e0dcd1;--font-serif:"Iowan Old Style", "Palatino", "Book Antiqua", "Garamond", serif;--font-sans:"Avenir Next", "Gill Sans", "Trebuchet MS", sans-serif;--group-1:#f9df6d;--group-2:#a0c35a;--group-3:#b0c4ef;--group-4:#ba81c5;--error:#ea580c}@media (prefers-color-scheme:dark){:root{--background:#181a1b;--foreground:#e8e6e3;--surface:#242526;--border:#3b3e40;--group-1:#bda230;--group-2:#6d8836;--group-3:#6d85b1;--group-4:#8a5796}}*,:before,:after{box-sizing:border-box}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif)}button{cursor:pointer;font-family:inherit}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;transition:transform .1s ease-in-out,box-shadow .1s;display:flex;overflow:hidden}.card.selected{border:4px solid var(--foreground);transform:scale(.95)}.card:not(.selected):not(.solved):hover{background-color:var(--border)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-shake{animation:.3s ease-in-out shake}@keyframes bounceUp{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-bounce-up{animation:.3s ease-in-out bounceUp}.group-1{color:#000;background-color:var(--group-1)!important;border-color:var(--group-1)!important}.group-2{color:#000;background-color:var(--group-2)!important;border-color:var(--group-2)!important}.group-3{color:#000;background-color:var(--group-3)!important;border-color:var(--group-3)!important}.group-4{color:#000;background-color:var(--group-4)!important;border-color:var(--group-4)!important}