:root{--vt-c-white: #ffffff;--vt-c-white-soft: #fafafa;--vt-c-white-mute: #f5f5f5;--vt-c-black: #1a1a1a;--vt-c-black-soft: #2a2a2a;--vt-c-black-mute: #3a3a3a;--vt-c-gray-50: #f9fafb;--vt-c-gray-100: #f3f4f6;--vt-c-gray-200: #e5e7eb;--vt-c-gray-300: #d1d5db;--vt-c-gray-400: #9ca3af;--vt-c-gray-500: #6b7280;--vt-c-gray-600: #4b5563;--vt-c-gray-700: #374151;--vt-c-gray-800: #1f2937;--vt-c-gray-900: #111827;--vt-c-indigo: #2c3e50;--vt-c-green: #10b981;--vt-c-yellow: #f59e0b;--vt-c-red: #ef4444;--vt-c-divider-light-1: rgba(0, 0, 0, .08);--vt-c-divider-light-2: rgba(0, 0, 0, .04);--vt-c-divider-dark-1: rgba(255, 255, 255, .12);--vt-c-divider-dark-2: rgba(255, 255, 255, .06);--vt-c-text-light-1: var(--vt-c-gray-900);--vt-c-text-light-2: var(--vt-c-gray-600);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: var(--vt-c-gray-300)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-gray-50);--color-background-mute: var(--vt-c-gray-100);--color-border: var(--vt-c-gray-200);--color-border-hover: var(--vt-c-gray-300);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-text-muted: var(--vt-c-text-light-2);--color-primary: var(--vt-c-indigo);--color-success: var(--vt-c-green);--color-warning: var(--vt-c-yellow);--color-error: var(--vt-c-red);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-gray-700);--color-border-hover: var(--vt-c-gray-600);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-1);--color-text-muted: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .3s ease,background-color .3s ease;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:600;line-height:1.2}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem}h3{font-size:1.25rem}button{font-family:inherit;font-size:inherit;transition:all .2s ease}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;padding:0 2rem}}.modal[data-v-b05041cc]{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(4px);transition:opacity .3s ease}.modal[data-v-b05041cc].open[data-v-b05041cc]{display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content[data-v-b05041cc]{background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.9);transition:transform .3s ease}.modal.open .modal-content[data-v-b05041cc]{transform:scale(1)}.close-button[data-v-b05041cc]{position:absolute;top:1rem;right:1rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--radius);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease;i[data-v-b05041cc] {font-size: .875rem;}}.close-button[data-v-b05041cc][data-v-b05041cc]:hover{background:var(--color-background-mute);border-color:var(--color-border-hover);color:var(--color-text);transform:scale(1.05)}.close-button[data-v-b05041cc][data-v-b05041cc]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body[data-v-b05041cc]{padding:2rem;text-align:center;h2[data-v-b05041cc] {margin: 0 0 1rem 0; color: var(--color-heading);} p[data-v-b05041cc] {margin: 0 0 1rem 0; color: var(--color-text); line-height: 1.5;}}@media (max-width: 640px){.modal-body[data-v-b05041cc]{padding:1.5rem}.close-button[data-v-b05041cc]{top:.75rem;right:.75rem;width:28px;height:28px;i[data-v-b05041cc] {font-size: .75rem;}}}.shareContainer[data-v-59e21d49]{display:flex;justify-content:center;align-items:center;margin-top:16px}.container[data-v-f780a954]{margin:20px}h2[data-v-f780a954]{font-size:1.25em;font-weight:700;text-align:center}p[data-v-f780a954]{max-width:100%;margin-bottom:10px}@media (min-width: 800px){p[data-v-f780a954]{max-width:70%}}.instructionContainer[data-v-f780a954]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.instructionContainer[data-v-f780a954][data-v-f780a954]:not(:last-of-type){border-bottom:1px solid black;padding-bottom:16px}.instructionContainer[data-v-f780a954]>div>img[data-v-f780a954]:not(:last-of-type){margin-right:16px}.lose-content[data-v-c1de4f29]{text-align:center}.emoji-icon[data-v-c1de4f29]{font-size:4rem;margin-bottom:1rem;animation:shake-c1de4f29 .5s ease-in-out}@keyframes shake-c1de4f29{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}h2[data-v-c1de4f29]{color:var(--color-error);font-size:2rem;margin-bottom:.5rem}p[data-v-c1de4f29]{font-size:1.125rem;margin-bottom:2rem}.actions[data-v-c1de4f29]{display:flex;justify-content:center;gap:1rem}.primary-button[data-v-c1de4f29]{background:var(--color-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.primary-button[data-v-c1de4f29][data-v-c1de4f29]:hover{background:color-mix(in srgb,var(--color-primary) 85%,black);transform:translateY(-1px);box-shadow:var(--shadow)}.primary-button[data-v-c1de4f29][data-v-c1de4f29]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.primary-button[data-v-c1de4f29][data-v-c1de4f29]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 640px){.emoji-icon[data-v-c1de4f29]{font-size:3rem}h2[data-v-c1de4f29]{font-size:1.5rem}p[data-v-c1de4f29]{font-size:1rem}.primary-button[data-v-c1de4f29]{padding:.625rem 1.5rem;font-size:.875rem}}.win-content[data-v-752f6969]{text-align:center}.celebration-icon[data-v-752f6969]{font-size:4rem;margin-bottom:1rem;animation:bounce-752f6969 1s ease-in-out infinite}@keyframes bounce-752f6969{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}h2[data-v-752f6969]{color:var(--color-success);font-size:2rem;margin-bottom:.5rem}p[data-v-752f6969]{font-size:1.125rem;margin-bottom:2rem}.actions[data-v-752f6969]{display:flex;justify-content:center;gap:1rem}.primary-button[data-v-752f6969]{background:var(--color-success);color:#fff;border:none;padding:.75rem 2rem;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.primary-button[data-v-752f6969][data-v-752f6969]:hover{background:color-mix(in srgb,var(--color-success) 85%,black);transform:translateY(-1px);box-shadow:var(--shadow)}.primary-button[data-v-752f6969][data-v-752f6969]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.primary-button[data-v-752f6969][data-v-752f6969]:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}@media (max-width: 640px){.celebration-icon[data-v-752f6969]{font-size:3rem}h2[data-v-752f6969]{font-size:1.5rem}p[data-v-752f6969]{font-size:1rem}.primary-button[data-v-752f6969]{padding:.625rem 1.5rem;font-size:.875rem}}nav[data-v-25bb8eae]{width:100%;padding:1rem 0;border-bottom:1px solid var(--color-border);background:var(--color-background)}.container[data-v-25bb8eae]{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto;padding:0 1rem}h1[data-v-25bb8eae]{font-size:1.5rem;font-weight:700;color:var(--color-heading);margin:0;letter-spacing:-.025em}.actions[data-v-25bb8eae]{display:flex;align-items:center;gap:.5rem}.icon[data-v-25bb8eae]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);background:var(--color-background-soft);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;color:var(--color-text);i[data-v-25bb8eae] {font-size: 1rem;}}.icon[data-v-25bb8eae][data-v-25bb8eae]:hover{background:var(--color-background-mute);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.icon[data-v-25bb8eae][data-v-25bb8eae]:active{transform:translateY(0)}.icon[data-v-25bb8eae][data-v-25bb8eae]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 640px){h1[data-v-25bb8eae]{font-size:1.25rem}.icon[data-v-25bb8eae]{width:36px;height:36px;i[data-v-25bb8eae] {font-size: .875rem;}}}@media (max-width: 400px){.container[data-v-25bb8eae]{padding:0 .75rem}h1[data-v-25bb8eae]{font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;margin-right:.5rem}.actions[data-v-25bb8eae]{gap:.25rem;flex-shrink:0}.icon[data-v-25bb8eae]{width:32px;height:32px;i[data-v-25bb8eae] {font-size: .75rem;}}}.container[data-v-09a22585]{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background)}.navbar[data-v-09a22585]{flex-shrink:0}.tile[data-v-962fdad6]{height:24px;border-radius:var(--radius-sm);box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:all .2s ease;border:1px solid var(--color-border)}.tile[data-v-962fdad6][data-v-962fdad6]:focus{outline:2px solid var(--color-primary);outline-offset:1px}.tile[data-v-962fdad6].empty[data-v-962fdad6]{background-color:var(--color-background-mute);border-color:var(--color-border)}.tile[data-v-962fdad6].correct[data-v-962fdad6]{background-color:var(--color-success);border-color:var(--color-success)}.tile[data-v-962fdad6].incorrect[data-v-962fdad6]{background-color:var(--color-error);border-color:var(--color-error)}.tile[data-v-962fdad6].hide[data-v-962fdad6]{background-color:var(--color-background);border-color:var(--color-border);opacity:.3}@media (max-width: 640px){.tile[data-v-962fdad6]{height:20px}}#ScoreFeedbackGrid[data-v-b7f8f01f]{width:100%;max-width:400px}@keyframes flashing-b7f8f01f{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.scoreFeedbackGridContainer[data-v-b7f8f01f]{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:1rem;background:var(--color-background-soft);border-radius:var(--radius-md);border:1px solid var(--color-border)}@media (max-width: 640px){.scoreFeedbackGridContainer[data-v-b7f8f01f]{padding:.75rem;gap:.125rem}}.tile[data-v-c77be29a]{width:72px;height:72px;border:2px solid var(--color-border);border-radius:var(--radius);box-sizing:border-box;font-size:2rem;text-align:center;font-weight:700;color:var(--color-text);background-color:var(--color-background);display:flex;justify-content:center;align-items:center;transition:all .2s ease;cursor:pointer;position:relative;box-shadow:var(--shadow-sm);img[data-v-c77be29a] {height: 36px; width: 36px; object-fit: contain;} &[data-v-c77be29a]:hover {border-color: var(--color-border-hover); transform: translateY(-1px); box-shadow: var(--shadow);} &[data-v-c77be29a]:focus {outline: 2px solid var(--color-primary); outline-offset: 2px;} &[data-v-c77be29a]:active {transform: translateY(0); box-shadow: var(--shadow-sm);} &.display[data-v-c77be29a] {background-color: var(--color-background); border-color: var(--color-border);} &.correct[data-v-c77be29a] {background-color: var(--color-success); border-color: var(--color-success); color: white; box-shadow: var(--shadow-md);} &.hide[data-v-c77be29a] {font-size: 0; background-color: var(--color-background-mute); border-color: var(--color-border);}}@media (max-width: 768px){.tile[data-v-c77be29a]{width:52px;height:52px;font-size:1.375rem;img[data-v-c77be29a] {height: 26px; width: 26px;}}}@media (max-width: 480px){.tile[data-v-c77be29a]{width:44px;height:44px;font-size:1.125rem;img[data-v-c77be29a] {height: 22px; width: 22px;}}}@media (max-width: 400px){.tile[data-v-c77be29a]{width:36px;height:36px;font-size:.875rem;img[data-v-c77be29a] {height: 18px; width: 18px;}}}@media (max-width: 360px){.tile[data-v-c77be29a]{width:32px;height:32px;font-size:.75rem;img[data-v-c77be29a] {height: 16px; width: 16px;}}}.boardContainer[data-v-34bd056e]{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:1rem;width:100%;padding:1.5rem;background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.column-group[data-v-34bd056e]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-background-soft);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:all .2s ease}.column-group[data-v-34bd056e]:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.column-header[data-v-34bd056e]{font-size:.875rem;font-weight:600;color:var(--color-text-muted);background:var(--color-background);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);min-width:24px;text-align:center}.column[data-v-34bd056e]{display:flex;flex-direction:column;gap:.5rem}.text[data-v-34bd056e]{font-size:2em}@media (max-width: 768px){.boardContainer[data-v-34bd056e]{gap:.375rem;padding:.75rem}.column-group[data-v-34bd056e]{gap:.25rem;padding:.375rem;min-width:0;flex:1}.column[data-v-34bd056e]{gap:.25rem}.column-header[data-v-34bd056e]{font-size:.75rem;padding:.125rem .25rem;min-width:16px}}@media (max-width: 480px){.boardContainer[data-v-34bd056e]{gap:.25rem;padding:.5rem}.column-group[data-v-34bd056e]{gap:.125rem;padding:.25rem;border-width:1px}.column[data-v-34bd056e]{gap:.125rem}.column-header[data-v-34bd056e]{font-size:.625rem;padding:.125rem;min-width:14px}}@media (max-width: 400px){.boardContainer[data-v-34bd056e]{gap:.125rem;padding:.375rem;overflow-x:auto}.column-group[data-v-34bd056e]{gap:.0625rem;padding:.125rem;border-width:1px;min-width:0;flex-shrink:0}.column[data-v-34bd056e]{gap:.0625rem}.column-header[data-v-34bd056e]{font-size:.5rem;padding:.0625rem;min-width:12px}}#HeartMonitor[data-v-c9eff498]{display:flex;justify-content:center;align-items:center;gap:.25rem;padding:1rem;background:var(--color-background-soft);border-radius:var(--radius-md);border:1px solid var(--color-border);img[data-v-c9eff498] {width: 36px; height: 36px; transition: all .3s ease; filter: drop-shadow(0 1px 2px rgba(0,0,0,.1));}}.fa-beat[data-v-c9eff498]{animation:fa-beat-c9eff498 2s ease-in-out infinite}@keyframes fa-beat-c9eff498{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}@media (max-width: 640px){#HeartMonitor[data-v-c9eff498]{padding:.75rem;gap:.125rem}img[data-v-c9eff498]{width:32px;height:32px}}#main-board[data-v-afbe45d4]{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.game-container[data-v-afbe45d4]{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:600px;width:100%}.game-stats[data-v-afbe45d4]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}@media (max-width: 640px){#main-board[data-v-afbe45d4]{padding:1rem .5rem}.game-container[data-v-afbe45d4]{gap:1.5rem}.game-stats[data-v-afbe45d4]{gap:1rem}}@media (max-width: 400px){#main-board[data-v-afbe45d4]{padding:.75rem .25rem;overflow-x:hidden}.game-container[data-v-afbe45d4]{gap:1rem;min-width:0}.game-stats[data-v-afbe45d4]{gap:.75rem}}