body{background-color:#f7f7f7}.wordle-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f7f7f7;margin:0 auto;padding:1rem;text-align:center;display:flex;flex-direction:column;height:100%}.wordle-title{color:#000;margin:0 0 1rem;padding-top:10px;font-size:32px;font-weight:700;letter-spacing:-.02em}.wordle-grid{margin-bottom:1rem;display:flex;flex-direction:column;gap:5px;align-items:center}.wordle-row{display:flex;gap:5px}.wordle-tile{width:62px;height:62px;border:2px solid #d3d6da;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;text-transform:uppercase;background:#fff;color:#1a1a1a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wordle-tile.correct{background:#6aaa64;color:#fff;border-color:#6aaa64}.wordle-tile.present{background:#c9b458;color:#fff;border-color:#c9b458}.wordle-tile.absent{background:#787c7e;color:#fff;border-color:#787c7e}.result-message{margin:1rem 0;padding:1rem;border-radius:8px;border:2px solid}.result-message.win{background:#fdf2f8;border-color:#ec4899;color:#be185d}.result-message.lose{background:#fef2f2;border-color:#ef4444;color:#dc2626}.result-message h3{margin:0 0 .5rem}.result-message p{margin:0}.keyboard{margin-top:auto;padding-top:1rem}.keyboard-row{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.keyboard-row:nth-child(2){padding:0 15px}.keyboard-key{background:#d3d6da;border:none;border-radius:4px;color:#1a1a1a;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:58px;min-width:43px;font-size:13px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,.3)}.keyboard-key:active{filter:brightness(.9)}.keyboard-key:disabled{opacity:.3;cursor:not-allowed}.keyboard-key.wide-key{min-width:65px;font-size:12px}.keyboard-key.key-correct{background:#6aaa64;color:#fff}.keyboard-key.key-present{background:#c9b458;color:#fff}.keyboard-key.key-absent{background:#787c7e;color:#fff}@media (max-width: 480px){.wordle-container{padding:.5rem}.wordle-tile{width:56px;height:56px;font-size:1.8rem}.keyboard-key{height:50px;min-width:32px;font-size:12px}.keyboard-key.wide-key{min-width:55px;font-size:10px}.keyboard-row{gap:4px;margin-bottom:6px}.keyboard-row:nth-child(2){padding:0 10px}}@media (max-width: 350px){.wordle-tile{width:50px;height:50px;font-size:1.6rem}.keyboard-key{height:45px;min-width:28px;font-size:11px}.keyboard-key.wide-key{min-width:50px;font-size:9px}}.invalid-word-message{background-color:#f87171;color:#fff;padding:.5rem 1rem;border-radius:4px;margin-bottom:1rem;text-align:center;font-weight:700;animation:shake .5s ease-in-out}.app-container{min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0;margin:0;display:flex;flex-direction:column}.app-header{text-align:center;padding:2rem 1rem;width:100%;box-sizing:border-box}.header-content{width:100%;max-width:100%;margin:0 auto}.main-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.025em;line-height:1.2;text-align:center}.subtitle{font-size:.875rem;color:#475569;font-weight:500;margin:0;text-align:center}.menu-container{padding:0 1rem 2rem;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;display:flex;justify-content:center}.menu-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:0 auto}.game-button{width:100%;background:#fff;border-radius:1rem;padding:1.5rem 1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;cursor:pointer;transition:all .3s ease;text-align:center;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.game-button:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.game-button:active{transform:translateY(0);box-shadow:0 2px 4px -1px #0000001a}.game-icon{font-size:2rem;margin-bottom:.75rem;transition:transform .3s ease;text-align:center}.game-button:hover .game-icon{transform:scale(1.05)}.game-title{font-weight:700;font-size:1rem;color:#1e293b;margin-bottom:.25rem;text-align:center}.game-description{color:#475569;font-size:.875rem;margin:0;line-height:1.4;text-align:center}.game-container-main{padding:0 1rem 2rem;width:100%;max-width:none;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#475569;background:#fffc;border:1px solid #e2e8f0;cursor:pointer;font-weight:500;margin-bottom:1.5rem;transition:all .2s ease;border-radius:.75rem;font-size:.875rem;box-shadow:0 2px 4px -1px #0000001a;align-self:flex-start}.back-button:hover{color:#1e293b;background:#fff;border-color:#cbd5e1}.back-button:active{transform:scale(.98)}.back-icon{width:1rem;height:1rem}.game-wrapper{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;width:100%;max-width:none;margin:0 auto;box-sizing:border-box}.coming-soon{text-align:center;margin-top:2rem;width:100%;display:flex;justify-content:center}.coming-soon-card{background:#fff;border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;margin:0 auto;text-align:center;width:100%;max-width:300px;box-sizing:border-box}.coming-soon-icon{font-size:2.5rem;margin-bottom:1rem;text-align:center}.coming-soon-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;text-align:center}.coming-soon-text{color:#475569;margin:0;font-size:.875rem;text-align:center}@media (min-width: 480px){.main-title{font-size:2rem}.subtitle{font-size:1rem}.menu-buttons{max-width:450px}.game-button{padding:2rem 1.5rem;min-height:140px}.game-icon{font-size:2.5rem;margin-bottom:1rem}.game-title{font-size:1.125rem}.coming-soon-card{padding:2.5rem 2rem;max-width:350px}.coming-soon-icon{font-size:3rem}}@media (min-width: 768px){.app-header{padding:3rem 2rem}.main-title{font-size:2.5rem}.subtitle{font-size:1.125rem}.menu-container{max-width:28rem;margin:0 auto;padding:0 2rem 3rem}.menu-buttons{max-width:100%}.game-container-main{max-width:none;margin:0 auto;padding:0 2rem 3rem}.game-button{padding:2.5rem 2rem;min-height:160px}.game-wrapper{padding:1.5rem}.coming-soon{margin-top:3rem}.coming-soon-card{max-width:24rem;padding:3rem 2.5rem}}@media (min-width: 1024px){.app-header{padding:4rem 2rem}.header-content{max-width:32rem;margin:0 auto}.main-title{font-size:3rem;margin-bottom:.75rem}.menu-container{max-width:32rem;padding:0 2rem 4rem}.game-container-main{max-width:none;padding:0 2rem 4rem}.game-button{padding:3rem 2.5rem;min-height:180px}.game-icon{font-size:3rem;margin-bottom:1.25rem}.game-title{font-size:1.25rem;margin-bottom:.5rem}.game-description{font-size:1rem}.game-wrapper{padding:2rem}.coming-soon{margin-top:4rem}.coming-soon-card{max-width:28rem;padding:3.5rem 3rem}.coming-soon-icon{font-size:3.75rem;margin-bottom:1.5rem}.coming-soon-title{font-size:1.5rem}.coming-soon-text{font-size:1rem}}@media (min-width: 1280px){.main-title{font-size:3.5rem}.game-button:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.game-button:hover .game-icon{transform:scale(1.1)}}@media (hover: none) and (pointer: coarse){.game-button:hover{transform:none;box-shadow:0 4px 6px -1px #0000001a}.game-button:hover .game-icon{transform:none}.back-button:hover{background:#fffc;color:#475569}}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #d3d6da;background:#fff}.nav-button{background:none;border:none;font-size:1rem;cursor:pointer;color:#787c7e;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.nav-title{font-weight:700;font-size:1.2rem}.app{min-height:100vh;display:flex;flex-direction:column}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;border-bottom:1px solid #d3d6da;background:#fff;min-height:50px}.nav-button{background:none;border:none;font-size:.9rem;cursor:pointer;color:#787c7e;padding:.3rem .8rem;border-radius:4px;transition:background-color .2s}.nav-button:hover{background-color:#f6f7f8}.nav-title{font-weight:700;font-size:1rem}.menu-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.menu-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#212121}.menu-header p{font-size:1.2rem;color:#787c7e;margin-bottom:3rem}.menu-buttons{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.game-button{background:#6aaa64;color:#fff;border:none;padding:1.5rem 2rem;font-size:1.3rem;border-radius:8px;cursor:pointer;transition:all .2s;min-width:150px;font-weight:700}.game-button:hover{background:#5a9a54;transform:translateY(-2px)}.coming-soon{display:flex;align-items:center;justify-content:center;min-height:80vh;font-size:1.5rem;color:#787c7e;text-align:center}.connections-game{max-width:500px;margin:0 auto;padding:16px 16px 120px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f7f7f7;min-height:100vh;display:flex;flex-direction:column}.solved-categories{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;justify-content:flex-start}.game-controls{position:fixed;bottom:0;left:50%;transform:translate(-50%);background:#f7f7f7;padding:16px;border-top:1px solid #ddd;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:16px;box-sizing:border-box}.connections-header{text-align:center;margin-bottom:24px}.connections-header h2{font-size:32px;font-weight:700;margin:0 0 8px;color:#000;letter-spacing:-.02em}.connections-header p{color:#000;margin:0;font-size:16px;font-weight:400}.message{text-align:center;font-size:16px;font-weight:600;margin:16px 0;min-height:24px;padding:8px}.solved-category{padding:16px;border-radius:4px;text-align:center;border:none}.category-name{font-weight:700;font-size:16px;margin-bottom:4px;color:#000;text-transform:uppercase;letter-spacing:.05em}.category-words{font-size:14px;color:#000;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.words-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;margin-bottom:24px;aspect-ratio:1;max-width:100%}.word-button{padding:0;border:1px solid #5a594e;border-radius:4px;background:#efefe6;font-size:14px;font-weight:700;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center;text-align:center;color:#000;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:0;aspect-ratio:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.word-button:active:not(:disabled){transform:scale(.98)}.word-button.selected{border-color:#5a594e;background-color:#5a594e;color:#fff}.word-button:disabled{opacity:.5;cursor:not-allowed}.mistakes{font-size:16px;font-weight:400;color:#000;text-align:center}.control-buttons{display:flex;gap:12px;width:100%;justify-content:center;flex-wrap:nowrap;align-items:center}.control-buttons button{padding:10px 14px;border:1px solid #000;border-radius:20px;background:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .1s ease;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:1;max-width:120px;white-space:nowrap}.control-buttons button:active:not(:disabled){transform:scale(.98)}.control-buttons button:disabled{opacity:.4;cursor:not-allowed;background:#f0f0f0;border-color:#ccc;color:#999}.submit-button{background:#000!important;color:#fff!important}.submit-button:disabled{background:#ccc!important;border-color:#ccc!important;color:#666!important}@media (min-width: 480px){.connections-game{padding:20px}.word-button{font-size:15px}.connections-header h2{font-size:36px}}@media (min-width: 768px) and (hover: hover){.connections-game{padding:24px}.word-button{font-size:16px}.word-button:hover:not(:disabled){background-color:#f6f6f0;border-color:#000}.control-buttons button:hover:not(:disabled){background:#000;color:#fff}.connections-header h2{font-size:40px}.control-buttons{max-width:400px}}@media (min-width: 1024px){.connections-game{max-width:600px}}.word-button{overflow-wrap:break-word;word-break:break-word}@media (max-width: 350px){.word-button{font-size:12px}}@media (min-width: 350px) and (max-width: 400px){.word-button{font-size:13px}}.invalid-guess-message{text-align:center;font-size:16px;font-weight:600;margin:16px 0;min-height:24px;padding:12px;background-color:#ffebee;border:2px solid #f44336;border-radius:8px;color:#c62828;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}