@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap";.tile[data-v-6c9db843]{aspect-ratio:1;border:2px solid var(--border-color);border-radius:calc(var(--gap) / 2);width:100%;font-size:clamp(1.2rem, 70vw / var(--cols) * .5, 2rem);text-transform:uppercase;-webkit-user-select:none;user-select:none;color:var(--text-color);transition:background-color var(--color-duration) ease-in var(--tile-delay), border-color var(--color-duration) ease-in var(--tile-delay), color var(--color-duration) ease-in var(--tile-delay);background-color:#0000;justify-content:center;align-items:center;font-weight:700;display:flex}.tile.is-pop[data-v-6c9db843]{animation:typePop var(--pop-duration) ease-in-out;border-color:var(--text-color);transition:none}.tile.is-revealing[data-v-6c9db843]{animation:revealPop var(--pop-duration) ease-in-out both;animation-delay:var(--tile-delay)}.tile[data-v-6c9db843]:not(.correct):not(.present):not(.absent){transition:none!important}.tile.correct[data-v-6c9db843]{background-color:var(--color-correct);border-color:var(--color-correct);color:var(--color-text)}.tile.present[data-v-6c9db843]{background-color:var(--color-present);border-color:var(--color-present);color:var(--color-text)}.tile.absent[data-v-6c9db843]{background-color:var(--color-absent);border-color:var(--color-absent);color:var(--color-text)}.word-row[data-v-fdd0d059]{grid-template-columns:repeat(var(--cols), 1fr);gap:var(--gap);width:100%;display:grid}.word-row.shake[data-v-fdd0d059]{animation:shake var(--shake-duration) cubic-bezier(.36, .07, .19, .97) both}.word-row.jump[data-v-fdd0d059] .tile{animation:winJump calc(var(--pop-duration) * 4) cubic-bezier(.25, .46, .45, .94) both;animation-delay:var(--tile-delay)}@media (width<=768px){.word-row[data-v-fdd0d059]{gap:calc(var(--gap) * .75)}}.board[data-v-74ba6cb3]{gap:var(--gap);width:100%;max-width:min(100%, var(--cols) * var(--tile-max-width,55px) + (var(--cols) - 1) * var(--gap));padding:0 var(--gap);margin:0 auto;display:grid}@media (width<=768px){.board[data-v-74ba6cb3]{max-width:min(100%, var(--cols) * var(--tile-max-width,55px) * .75 + (var(--cols) - 1) * var(--gap));gap:calc(var(--gap) * .75)}}.keyboard[data-v-02cddf68]{gap:var(--gap);-webkit-user-select:none;user-select:none;width:100%;max-width:var(--app-max-width);padding:0 var(--gap);flex-direction:column;margin:0 auto;display:flex}.keyboard-row[data-v-02cddf68]{gap:calc(var(--gap) / 2);touch-action:none;justify-content:center;width:100%;display:flex}.keyboard-row[data-v-02cddf68]:nth-child(2){padding:0 calc(var(--gap) * 1.5)}.key[data-v-02cddf68]{height:var(--key-height,50px);background-color:var(--key-bg,var(--header-bg));color:var(--key-text,var(--text-color));border-radius:calc(var(--gap) / 2);text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--color-duration) ease, color var(--color-duration) ease, transform .1s ease, box-shadow .2s ease, opacity .2s ease, filter .15s ease;border:0;flex:1;justify-content:center;align-items:center;font-size:clamp(.9rem,4vw,1.1rem);font-weight:700;display:flex}@media (hover:hover){.key[data-v-02cddf68]:hover:not(.disabled){filter:brightness(1.05)}}.key[data-v-02cddf68]:active:not(.disabled){filter:brightness(.95);transition:transform 50ms;transform:scale(.95)}.key.action-key[data-v-02cddf68]{background-color:var(--border-color)}.key.wide[data-v-02cddf68]{flex:1.6;font-size:clamp(.7rem,2.5vw,.85rem)}.key.correct[data-v-02cddf68]{background-color:var(--color-correct);color:var(--color-text)}.key.present[data-v-02cddf68]{background-color:var(--color-present);color:var(--color-text)}.key.absent[data-v-02cddf68]{background-color:var(--color-absent);color:var(--color-text)}.key.ready[data-v-02cddf68]{background-color:var(--color-correct)!important;color:var(--color-text)!important;pointer-events:auto!important;opacity:1!important}.key.ready[data-v-02cddf68]:active{filter:brightness(.95)}.key.disabled[data-v-02cddf68]{opacity:.35;pointer-events:none;cursor:not-allowed}.key .key-icon[data-v-02cddf68]{font-size:20px;display:block}.key .key-text[data-v-02cddf68]{display:none}@media (width>=500px){.key.wide .key-text[data-v-02cddf68]{display:inline}.key.wide .key-icon[data-v-02cddf68]{display:none}}.rules-header[data-v-408cfc2d]{text-align:center;margin-bottom:calc(var(--gap) * 4);flex-shrink:0;height:100%}.rules-header h1[data-v-408cfc2d]{color:var(--color-correct);margin-bottom:var(--gap)}.rules-header .subtitle[data-v-408cfc2d]{opacity:.6;margin-bottom:var(--gap);font-size:.95rem}.rules-scroll-area[data-v-408cfc2d]{margin-bottom:calc(var(--gap) * 4);text-align:left;flex:1;padding-right:4px;overflow-y:auto}.rules-scroll-area[data-v-408cfc2d]::-webkit-scrollbar{width:4px}.rules-scroll-area[data-v-408cfc2d]::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.rules-list[data-v-408cfc2d]{margin:0;padding:0;list-style:none}.rules-list li[data-v-408cfc2d]{gap:calc(var(--gap) * 2);margin-bottom:calc(var(--gap) * 3);align-items:flex-start;display:flex}.rules-list .rule-icon[data-v-408cfc2d]{background:var(--header-bg);padding:calc(var(--gap) * 1.5);border-radius:var(--gap);flex-shrink:0;font-size:24px;line-height:1}.rules-list strong[data-v-408cfc2d]{margin-bottom:calc(var(--gap) * .25);font-size:1.1rem;display:block}.rules-list p[data-v-408cfc2d]{opacity:.8;margin:0;font-size:.9rem;line-height:1.4}.target-reveal[data-v-6f15ddeb]{opacity:.9;margin:calc(var(--gap) * 2) 0;font-size:1.1rem}.target-reveal strong[data-v-6f15ddeb]{color:var(--color-present);text-transform:uppercase;letter-spacing:1px;margin-left:4px;font-size:1.3rem;display:inline-block}.stats-grid[data-v-6f15ddeb]{gap:calc(var(--gap) * 2);margin-bottom:calc(var(--gap) * 2);grid-template-columns:repeat(2,1fr);display:grid}.stat-box[data-v-6f15ddeb]{background:var(--header-bg);padding:calc(var(--gap) * 2);border-radius:var(--gap);flex-direction:column;display:flex}.stat-box .stat-val[data-v-6f15ddeb]{font-size:1.8rem;font-weight:700}.stat-box .stat-label[data-v-6f15ddeb]{text-transform:uppercase;opacity:.6;letter-spacing:1px;margin-top:4px;font-size:.8rem}.setting-item[data-v-09c6bebc]{margin:calc(var(--gap) * 4) 0;text-align:left}.setting-item .setting-info[data-v-09c6bebc]{margin-bottom:calc(var(--gap) * 2);justify-content:space-between;align-items:center;font-weight:600;display:flex}.setting-item .value-badge[data-v-09c6bebc]{background:var(--color-correct);color:var(--color-text);padding:2px var(--gap);border-radius:calc(var(--gap) / 2)}.settings-slider[data-v-09c6bebc]{width:100%;accent-color:var(--color-correct);cursor:pointer}:root{--color-correct:#43a047;--color-present:#fb8c00;--color-absent:#616161;--color-text:#fafafa;--bg-color:#fafafa;--text-color:#424242;--border-color:#bdbdbd;--header-bg:#eee;--app-max-width:675px;--gap:8px;--tile-max-width:72px;--key-bg:#e0e0e0;--key-text:#212121;--key-height:56px;--pop-duration:.1s;--color-duration:.1s;--stagger-delay:.1s;--shake-duration:.4s;--fade-amount:32px}.timer-container{max-width:var(--app-max-width);width:calc(100% - var(--gap) * 2);height:calc(var(--gap) * 1.5);background-color:var(--header-bg);border-radius:calc(var(--gap) * .75);transition:opacity var(--color-duration) ease-in-out;justify-content:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.timer-bar{background-color:var(--color-correct);border-radius:calc(var(--gap) * .75);background-image:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);background-position:50%;background-size:200% 100%;height:100%;transition:width 1s linear;animation:2s linear infinite shimmer}.timer-bar.is-critical{background-color:var(--color-present);animation:.5s linear infinite shimmer}.timer-hidden{opacity:.25;pointer-events:none}.timer-hidden .timer-bar{animation:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.base-modal{z-index:4000;padding:calc(var(--gap) * 2);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.base-modal .modal-backdrop{z-index:-2;background:#00000080;position:fixed;inset:0}.base-modal .modal-blur-layer{z-index:-1;pointer-events:auto;-webkit-backdrop-filter:blur(var(--fade-amount));backdrop-filter:blur(var(--fade-amount));position:fixed;inset:0}.base-modal .modal-wrapper{width:100%;max-height:calc(100dvh - var(--gap) * 4);opacity:1;flex-direction:column;display:flex;position:relative;transform:scale(1)translateY(0)}.base-modal .modal-wrapper.is-rules{max-width:440px}.base-modal .modal-wrapper.is-settings{max-width:380px}.base-modal .modal-wrapper.is-gameover{max-width:420px}.base-modal .modal-content{background:var(--bg-color);color:var(--text-color);border-radius:calc(var(--gap) * 2);padding:calc(var(--gap) * 4);text-align:center;flex-direction:column;display:flex;overflow:hidden}.base-modal .modal-content h1,.base-modal .modal-content h2{letter-spacing:1px;margin-top:0;font-size:clamp(1.6rem,6vw,2.2rem)}.base-modal .modal-content.game-over-card{border:2px solid var(--color-correct)}.base-modal .modal-content.game-over-card.is-loss{border-color:var(--border-color)}.base-modal .modal-divider{border:none;border-top:1px solid var(--border-color);margin:calc(var(--gap) * 3) 0;width:100%}.modal-actions{gap:var(--gap);margin-top:calc(var(--gap) * 2);flex-direction:column;flex-shrink:0;display:flex}.modal-btn{width:100%;padding:calc(var(--gap) * 2);border-radius:var(--gap);cursor:pointer;justify-content:center;align-items:center;gap:var(--gap);border:none;font-size:1.1rem;font-weight:700;transition:transform .1s,filter .2s,opacity .2s;display:flex}.modal-btn .material-symbols-outlined{font-size:24px}.modal-btn:active{transform:scale(.97)}@media (hover:hover){.modal-btn:hover{filter:brightness(1.1)}}.modal-btn.is-primary{background:var(--color-correct);color:var(--color-text)}.modal-btn.is-secondary{background:var(--border-color);color:var(--text-color)}.modal-btn.is-subtle{color:var(--text-color);opacity:.6;background:0 0}.modal-btn.is-subtle:hover{opacity:1}.modal-fade-enter-active,.modal-fade-leave-active{transition:all var(--pop-duration) ease}.modal-fade-enter-active .modal-backdrop,.modal-fade-leave-active .modal-backdrop{transition:opacity var(--pop-duration) ease}.modal-fade-enter-active .modal-blur-layer,.modal-fade-leave-active .modal-blur-layer{transition:backdrop-filter var(--pop-duration) cubic-bezier(.16, 1, .3, 1), -webkit-backdrop-filter var(--pop-duration) cubic-bezier(.16, 1, .3, 1)}.modal-fade-enter-active .modal-wrapper,.modal-fade-leave-active .modal-wrapper{transition:transform var(--pop-duration) cubic-bezier(.175, .885, .32, 1.15), opacity var(--pop-duration) ease}.modal-fade-leave-active .modal-blur-layer{transition:backdrop-filter var(--pop-duration) ease, -webkit-backdrop-filter var(--pop-duration) ease}.modal-fade-leave-active .modal-wrapper{transition:transform var(--pop-duration) ease, opacity var(--pop-duration) ease}.modal-fade-enter-from .modal-backdrop,.modal-fade-leave-to .modal-backdrop{opacity:0}.modal-fade-enter-from .modal-blur-layer,.modal-fade-leave-to .modal-blur-layer{-webkit-backdrop-filter:blur()}.modal-fade-enter-from .modal-wrapper,.modal-fade-leave-to .modal-wrapper{opacity:0;transform:scale(.95)translateY(15px)}@keyframes typePop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes winJump{0%,to{transform:translateY(0)}30%{transform:translateY(calc(var(--gap) * -2.5))}60%{transform:translateY(calc(var(--gap) * .5))}}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-color);font-family:Montserrat,sans-serif}.layout-constrained,.game-element-wrapper,header .header-inner{width:100%;max-width:var(--app-max-width);padding:0 var(--gap);margin:0 auto}.app-wrapper{width:100%;display:block}header{height:var(--key-height);background-color:var(--header-bg);border-bottom:1px solid var(--border-color);margin-bottom:calc(var(--gap) * 3);width:100%}header .header-inner{height:100%;padding:0 calc(var(--gap) * 2);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}header h1{text-align:center;letter-spacing:2px;white-space:nowrap;margin:0;font-size:1.5rem}.header-actions{align-items:center;gap:calc(var(--gap) / 2);height:100%;display:flex}.header-actions.left{justify-content:flex-start}.header-actions.right{justify-content:flex-end}.game-element-wrapper{margin-bottom:calc(var(--gap) * 3)}.icon-btn{height:calc(var(--key-height) * .7);width:calc(var(--key-height) * .7);cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.icon-btn .material-symbols-outlined{font-size:28px}.icon-btn:hover{opacity:.8;background-color:#ffffff0d}.icon-btn:active{transform:scale(.92)}@media (width<=768px){html,body{width:100%;height:100%;overflow-y:auto}.app-wrapper{flex-direction:column;width:100%;height:100dvh;display:flex}header{margin-bottom:calc(var(--gap) * 1.5);flex-shrink:0}.game-element-wrapper{margin-bottom:calc(var(--gap) * 1.5);padding:0 var(--gap)}.game-element-wrapper.board-wrapper{flex:1;justify-content:center;align-items:center;display:flex}.game-element-wrapper.timer-wrapper,.game-element-wrapper.keyboard-wrapper{flex-shrink:0}}