:root{--color-correct: #538d4e;--color-present: #b59f3b;--color-absent: #3a3a3c;--color-empty-border: #3a3a3c;--color-filled-border: #565758;--tile-size: clamp(40px, 12vw, 62px);--tile-gap: 5px;--tile-font-size: clamp(1.2rem, 4vw, 2rem);--tile-size-dual: clamp(32px, 8vw, 52px);--tile-size-triple: clamp(26px, 6vw, 42px);--key-height: 58px;--key-min-width: 28px;--key-gap: 6px;--key-font-size: .85rem;--color-bg: #121213;--color-text: #d7dadc;--color-header-bg: #121213;--color-header-border: #3a3a3c;--color-key-bg: #818384;--color-key-text: #d7dadc;--color-btn-primary: #538d4e;--color-btn-primary-text: #ffffff;--color-heart: #e74c3c;--color-heart-empty: #3a3a3c;--flip-duration: .5s;--flip-delay: .25s;--shake-duration: .6s;--bounce-duration: 1s}[data-theme=light]{--color-correct: #6aaa64;--color-present: #c9b458;--color-absent: #787c7e;--color-empty-border: #d3d6da;--color-filled-border: #878a8c;--color-bg: #ffffff;--color-text: #1a1a1b;--color-header-bg: #ffffff;--color-header-border: #d3d6da;--color-key-bg: #d3d6da;--color-key-text: #1a1a1b;--color-btn-primary: #6aaa64;--color-btn-primary-text: #ffffff;--color-heart-empty: #ccc}@keyframes flip-in{0%{transform:rotateX(0);background-color:transparent;border-color:var(--color-filled-border);color:var(--color-text)}49.9%{background-color:transparent;border-color:var(--color-filled-border);color:var(--color-text)}50%{transform:rotateX(90deg);background-color:var(--flip-target-bg);border-color:var(--flip-target-bg);color:#fff}to{transform:rotateX(0);background-color:var(--flip-target-bg);border-color:var(--flip-target-bg);color:#fff}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@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 pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes heart-break{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}to{transform:scale(0);opacity:0}}@keyframes monster-defeat{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(.5);opacity:0}}@keyframes slide-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:monospace;background-color:var(--color-bg);color:var(--color-text);height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:flex;flex-direction:column;height:100%}button{cursor:pointer;font-family:inherit;border:none;background:none}button:focus-visible{outline:2px solid var(--color-correct);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}