@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}.game-section{backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;margin:3rem 0;padding:4rem 0;box-shadow:0 20px 40px #0000001a}.game-container{text-align:center;margin-bottom:2rem}.game-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.game-subtitle{color:#555;margin-bottom:3rem;font-size:1.4rem;font-weight:500}.game-board{background:#fff;border-radius:20px;max-width:500px;margin:0 auto;padding:2rem;box-shadow:0 15px 35px #0000001a}.grid-container{grid-template-rows:repeat(6,1fr);gap:5px;margin-bottom:2rem;display:grid}.grid-row{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.grid-cell{color:#1a1a1a;text-transform:uppercase;border:2px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;font-weight:700;transition:all .3s;display:flex}.grid-cell.filled{border-color:#6b7280;animation:.2s ease-in-out pop}.grid-cell.correct{color:#fff;background-color:#10b981;border-color:#10b981}.grid-cell.present{color:#fff;background-color:#f59e0b;border-color:#f59e0b}.grid-cell.absent{color:#fff;background-color:#6b7280;border-color:#6b7280}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.keyboard{user-select:none;-webkit-touch-callout:none;max-width:500px;margin:0 auto}.keyboard-row{justify-content:center;gap:6px;width:100%;margin-bottom:8px;display:flex}.key{color:#1a1a1a;cursor:pointer;text-transform:uppercase;background:#d1d5db;border:none;border-radius:4px;min-width:40px;padding:.75rem;font-size:.9rem;font-weight:700;transition:all .2s}.key:hover{background:#9ca3af}.key.wide{min-width:60px;font-size:.8rem}.key.correct{color:#fff;background:#10b981}.key.present{color:#fff;background:#f59e0b}.key.absent{color:#fff;background:#6b7280}.result-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.result-content{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:400px;padding:3rem;box-shadow:0 25px 50px #00000040}.result-title{color:#667eea;margin-bottom:1rem;font-size:2rem;font-weight:700}.result-word{color:#10b981;text-transform:uppercase;letter-spacing:.2em;margin:1rem 0;font-size:2.5rem;font-weight:700}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0;display:grid}.stat-item{text-align:center;background:#667eea1a;border-radius:12px;padding:1rem}.stat-number{color:#667eea;font-size:2rem;font-weight:700}.stat-label{color:#666;text-transform:uppercase;font-size:.9rem}.play-again-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;margin-top:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600}.game-message{border-radius:12px;margin-top:1rem;padding:1rem;font-weight:500;display:none}.message-invalid{color:#f44336;background:#f443361a;border:2px solid #f443364d}.content-section{backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;margin:3rem 0;padding:4rem 0;box-shadow:0 20px 40px #0000001a}.content-wrapper{max-width:900px;margin:0 auto;padding:0 3rem}.content-title{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3rem;font-size:2.8rem;font-weight:700}.section-heading{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;background-clip:text;border-left:4px solid #667eea;margin:3rem 0 1.5rem;padding-left:1rem;font-size:2rem;font-weight:600}.content-text{color:#333;margin-bottom:2rem;font-size:1.15rem;line-height:1.8}@media (width<=768px){.game-title{font-size:2.5rem}.game-board{box-sizing:border-box;max-width:100%;margin:0 1rem;padding:1.5rem}.grid-cell{width:50px;height:50px;font-size:1.5rem}.keyboard{box-sizing:border-box;max-width:100%;padding:0 .5rem}.keyboard-row{justify-content:center;gap:3px;margin-bottom:6px}.key{flex:1;min-width:28px;max-width:35px;padding:.6rem .3rem;font-size:.8rem}.key.wide{min-width:45px;max-width:55px;font-size:.7rem}.content-wrapper{padding:0 2rem}.grid-container{gap:3px}.grid-row{justify-content:center;gap:3px}}@media (width<=480px){.container{padding:0 10px}.game-board{border-radius:16px;margin:0 .5rem;padding:1rem}.grid-cell{width:45px;height:45px;font-size:1.3rem}.keyboard{max-width:calc(100vw - 20px);padding:0 .25rem}.keyboard-row{flex-wrap:nowrap;justify-content:center;gap:2px;margin-bottom:4px;display:flex}.key{border-radius:3px;flex:1;min-width:24px;max-width:30px;padding:.5rem .2rem;font-size:.75rem}.key.wide{min-width:40px;max-width:48px;padding:.5rem .1rem;font-size:.65rem}.game-section{border-radius:20px;margin:2rem 0;padding:2rem 0;overflow-x:hidden}.result-modal .result-content{max-width:calc(100vw - 40px);margin:0 20px}}@media (width<=360px){.keyboard{max-width:calc(100vw - 10px);padding:0}.keyboard-row{gap:1px;margin-bottom:3px}.key{min-width:20px;max-width:26px;min-height:40px;padding:.4rem .1rem;font-size:.7rem}.key.wide{min-width:35px;max-width:42px;min-height:40px;font-size:.6rem}.grid-cell{width:40px;height:40px;font-size:1.2rem}.container{padding:0 5px}}