.landing-container{align-items:center;background-color:#f0f2f5;display:flex;justify-content:center;min-height:100vh;padding:1rem}.landing-box{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;max-width:600px;padding:2rem 3rem;text-align:center}.landing-box h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.landing-box p{color:#666;font-size:1.1rem;margin-bottom:2rem}.game-modes{display:flex;gap:1.5rem;justify-content:center}.mode-button{background-color:#f8f9fa;border:2px solid #0000;border-radius:10px;cursor:pointer;flex:1 1;padding:1.5rem;transition:all .3s ease}.mode-button:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.mode-button h3{font-size:1.4rem;margin:0 0 .5rem}.mode-button p{font-size:.9rem;line-height:1.4;margin:0}.mode-button.time-attack{border-color:#42a5f5}.mode-button.time-attack h3{color:#1e88e5}.mode-button.clear-board{border-color:#66bb6a}.mode-button.clear-board h3{color:#43a047}@media (max-width:650px){.game-modes{flex-direction:column}.landing-box{padding:2rem 1.5rem}.landing-box h1{font-size:2rem}}:root{--primary-font:"Arial",sans-serif;--text-color:#333;--background-color:#f8f8f8;--card-bg-color:#f0f0f0;--card-border-color:#ccc;--selected-border-color:#1e90ff;--selected-bg-color:#e6f7ff;--danger-color:#f44336;--success-color:#4caf50;--disabled-opacity:0.7;--transition-speed:0.3s;--box-shadow-light:0 0.125rem 0.3125rem #0000001a;--box-shadow-hover:0 0.25rem 0.5rem #00000026;--box-shadow-selected:0 0 0.3125rem #007bff80}body{background-image:radial-gradient(#d7d7d7 1px,#0000 0);background-size:16px 16px;color:#333;color:var(--text-color);font-family:Arial,sans-serif;font-family:var(--primary-font);font-size:.9rem;line-height:1.4;padding:0}.app{background-color:#fff;border-radius:.5rem;box-shadow:0 .125rem .3125rem #0000001a;box-shadow:var(--box-shadow-light);margin:1rem auto;max-width:500px;padding:1rem;text-align:center}.app-header{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr;margin-bottom:1rem}.app-header h1{color:#333;color:var(--text-color);font-size:1.8rem;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.home-button{background:#f0f0f0;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background-color .2s ease;z-index:10}.home-button:hover{background:#e0e0e0}.timer-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.timer-display{align-items:center;color:#333;color:var(--text-color);display:flex;font-size:1.6rem;font-weight:700;gap:.4rem;transition:color .3s ease-in-out;transition:color var(--transition-speed) ease-in-out}.timer-display.active,.timer-pulse{color:#4caf50;color:var(--success-color)}.timer-pulse{animation:pulse 1s infinite alternate;font-size:.7em}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.controls{display:flex;gap:.8rem;justify-content:center;margin-bottom:1.5rem}button{border:none;border-radius:.4rem;box-shadow:0 .125rem .3125rem #0000001a;box-shadow:var(--box-shadow-light);cursor:pointer;font-size:.9rem;font-weight:700;padding:.6rem 1.2rem;transition:all .3s ease-in-out;transition:all var(--transition-speed) ease-in-out}button:hover:not(:disabled){box-shadow:0 .25rem .5rem #00000026;box-shadow:var(--box-shadow-hover);opacity:.95;transform:translateY(-.125rem)}button:active:not(:disabled){box-shadow:0 .125rem .3125rem #0000001a;box-shadow:var(--box-shadow-light);transform:translateY(0)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.reset-button{background-color:#f44336;background-color:var(--danger-color);color:#fff}.start-stop-button{background-color:#4caf50;background-color:var(--success-color);color:#fff}.start-stop-button.stop{background-color:#ffc107;color:#333;color:var(--text-color)}.words-container{display:flex;gap:.75rem;justify-content:space-around;margin-bottom:1.25rem}.game-info{color:#333;color:var(--text-color);font-size:1rem;font-weight:700;margin-top:.75rem}.final-stats{background-color:#e9e9e9;border-radius:.5rem;box-shadow:inset 0 0 .25rem #0000000d;padding:1rem}.final-stats h3{color:#f44336;color:var(--danger-color);font-size:1.4rem;margin-bottom:.75rem}.final-stats h3.won{color:#4caf50;color:var(--success-color)}.final-stats p{font-size:1rem;margin:.4rem 0}@media (max-width:540px){body{font-size:.85rem}.app{border-radius:0;box-shadow:none;margin:.5rem;padding:.75rem}.app-header{gap:.75rem}.app-header h1{font-size:1.2rem}.timer-display{font-size:1.4rem}.controls{flex-wrap:wrap;gap:.6rem}button{font-size:.85rem;padding:.5rem 1rem}.words-container{gap:.5rem}.final-stats{padding:.8rem}.final-stats h3{font-size:1.2rem}.final-stats p{font-size:.95rem}}@media (max-width:360px){body{font-size:.8rem}.app-header h1{font-size:1.1rem}.timer-display{font-size:1.2rem}button{font-size:.8rem;padding:.4rem .8rem}.words-column h2{font-size:1rem}.words-container{gap:.3rem}}game-info{font-size:1.1rem;font-weight:700;position:relative}.bonus-points{animation:bonus-points-animation 1.5s ease-out;color:#4caf50;color:var(--success-color);font-size:1.5rem;font-weight:700;left:50%;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateX(-50%)}@keyframes bonus-points-animation{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-50px)}}.words-column{background-color:#fcfcfc;border:.0625rem solid var(--card-border-color);border-radius:.5rem;box-shadow:var(--box-shadow-light);display:flex;flex:1 1;flex-direction:column;gap:.4rem;padding:.6rem}.words-column h2{border-bottom:.0625rem dashed #eee;color:var(--text-color);font-size:1.1rem;margin-bottom:.6rem;margin-top:0;padding-bottom:.3rem}.word{align-items:center;background-color:var(--card-bg-color);border:.125rem solid var(--card-border-color);border-radius:.4rem;box-shadow:var(--box-shadow-light);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;margin:0;min-height:2.2rem;overflow:hidden;padding:.5rem .7rem;text-align:center;text-overflow:ellipsis;transition:all var(--transition-speed) ease-in-out,opacity var(--transition-speed) ease-out,transform var(--transition-speed) ease-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.word:hover:not(.selected):not(.disabled):not(.fading){background-color:#e8e8e8;box-shadow:var(--box-shadow-hover);transform:translateY(-.125rem)}.word.selected{background-color:var(--selected-bg-color);border-color:var(--selected-border-color);box-shadow:var(--box-shadow-selected);transform:scale(1.02)}.word.fading{opacity:0;pointer-events:none;transform:scale(.8);transition:opacity .4s ease-out,transform .4s ease-out}.word.disabled{background-color:var(--card-bg-color)!important;border-color:var(--card-border-color)!important;box-shadow:none!important;cursor:not-allowed;opacity:var(--disabled-opacity);transform:none!important}.word.selected.disabled{background-color:var(--selected-bg-color);border-color:var(--selected-border-color);box-shadow:var(--box-shadow-selected);opacity:var(--disabled-opacity)}@media (max-width:540px){.words-column{gap:.3rem;padding:.5rem}.words-column h2{font-size:1rem;margin-bottom:.4rem}.word{font-size:.85rem;min-height:2rem;padding:.4rem .6rem}}@media (max-width:360px){.words-column{gap:.2rem;padding:.3rem}.words-column h2{font-size:.9rem;margin-bottom:.3rem}.word{border-width:.0625rem;font-size:.8rem;min-height:1.8rem;padding:.3rem .5rem}}.word.matched{box-shadow:none!important;color:#155724;cursor:not-allowed;opacity:.8;transform:none!important}.word.matched,.word.matched.selected{background-color:#d4edda;border-color:#c3e6cb}.feedback-message{border-radius:8px;box-shadow:inset 0 1px 3px #0000000f;box-sizing:border-box;font-size:.95rem;font-weight:700;margin:0 auto 1.5rem;max-width:450px;min-height:1.2rem;padding:.75rem;transition:background-color .3s ease,color .3s ease;width:100%}.feedback-message.default{background-color:#e9ecef;border:1px solid #dee2e6;color:#495057}.feedback-message.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.feedback-message.incorrect{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.ac949224.css.map*/