.page-module__4VD7AW__container{min-height:calc(100vh - 100px);font-family:var(--font-body);box-sizing:border-box;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);max-width:600px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;padding:20px;display:flex}.page-module__4VD7AW__screen{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;animation:.3s page-module__4VD7AW__fadeIn;display:flex}@keyframes page-module__4VD7AW__fadeIn{0%{opacity:0}to{opacity:1}}.page-module__4VD7AW__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;color:var(--primary);text-align:center;margin:0 0 30px;font-size:2.2rem;font-weight:900}.page-module__4VD7AW__inputGroup{width:100%;max-width:300px;margin-bottom:15px}.page-module__4VD7AW__inputGroup label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:left;margin-bottom:5px;font-size:.8rem;font-weight:700;display:block}.page-module__4VD7AW__inputGroup input{border:1px solid var(--border);background:var(--surface-warm);width:100%;color:var(--text-color);box-sizing:border-box;text-align:center;text-transform:uppercase;border-radius:10px;outline:none;padding:12px;font-size:1.3rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.page-module__4VD7AW__inputGroup input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.page-module__4VD7AW__actionBtn{background-color:var(--accent);color:#fff;border:1px solid var(--accent);font-size:1.1rem;font-weight:700;font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:10px;width:100%;max-width:300px;margin-top:15px;padding:15px 30px;transition:all .2s;box-shadow:0 2px 6px #c97b1a33}.page-module__4VD7AW__actionBtn:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 10px #c97b1a4d}.page-module__4VD7AW__actionBtn:active{transform:translateY(1px);box-shadow:0 1px 3px #c97b1a26}.page-module__4VD7AW__actionBtn:disabled{opacity:.5;cursor:not-allowed}.page-module__4VD7AW__errorMsg{color:var(--error-text);text-align:center;max-width:300px;min-height:20px;margin-bottom:15px;font-size:.9rem;font-weight:700}.page-module__4VD7AW__gameHeader{border-bottom:1px solid var(--border);text-align:center;width:100%;margin-bottom:10px;padding-bottom:10px}.page-module__4VD7AW__gameHeader h1{letter-spacing:4px;color:var(--text-color);font-size:1.5rem;font-family:var(--font-heading);margin:0}.page-module__4VD7AW__hintBox{background-color:var(--accent-light);color:var(--accent);border:1px solid var(--accent);text-align:center;max-width:350px;font-size:.85rem;font-family:var(--font-heading);border-radius:10px;margin-bottom:15px;padding:10px;font-weight:600}.page-module__4VD7AW__grid{grid-gap:5px;aspect-ratio:5/6;grid-template-rows:repeat(6,1fr);width:100%;max-width:350px;margin-bottom:20px;display:grid}.page-module__4VD7AW__row{grid-gap:5px;grid-template-columns:repeat(5,1fr);display:grid}.page-module__4VD7AW__tile{border:2px solid var(--border-strong);background-color:var(--surface);width:100%;font-family:var(--font-body);text-transform:uppercase;-webkit-user-select:none;user-select:none;color:var(--text-color);border-radius:4px;justify-content:center;align-items:center;font-size:2rem;font-weight:700;transition:background-color .4s,border-color .4s,transform .2s,color .4s;display:flex}.page-module__4VD7AW__tileActive{border-color:var(--accent);background-color:var(--surface-warm)}.page-module__4VD7AW__tileCorrect{color:#fff;background-color:#16a34a;border-color:#16a34a}.page-module__4VD7AW__tilePresent{background-color:var(--accent);border-color:var(--accent);color:#fff}.page-module__4VD7AW__tileAbsent{color:#fff;background-color:#9ca3af;border-color:#9ca3af}.page-module__4VD7AW__shake{animation:.5s page-module__4VD7AW__shake}@keyframes page-module__4VD7AW__shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.page-module__4VD7AW__keyboard{flex-direction:column;gap:8px;width:100%;display:flex}.page-module__4VD7AW__keyRow{justify-content:center;gap:6px;display:flex}.page-module__4VD7AW__key{font-family:var(--font-body);border:1px solid var(--border);cursor:pointer;background-color:var(--surface-muted);height:58px;color:var(--text-color);text-transform:uppercase;touch-action:manipulation;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:0;font-size:.9rem;font-weight:700;transition:background-color .2s,color .2s,transform .1s;display:flex}.page-module__4VD7AW__key:active{box-shadow:none;transform:translateY(2px)}.page-module__4VD7AW__keyLarge{flex:1.5;font-size:.75rem}.page-module__4VD7AW__keyCorrect{color:#fff;background-color:#16a34a;border-color:#16a34a}.page-module__4VD7AW__keyPresent{background-color:var(--accent);border-color:var(--accent);color:#fff}.page-module__4VD7AW__keyAbsent{background-color:var(--border);border-color:var(--border);color:var(--text-light);opacity:.6}.page-module__4VD7AW__toast{background-color:var(--text-color);color:var(--surface);text-align:center;z-index:10;box-shadow:var(--shadow-lg);border-radius:10px;padding:10px 20px;font-weight:700;animation:2s forwards page-module__4VD7AW__fadeInOut;position:fixed;top:15%;left:50%;transform:translate(-50%)}@keyframes page-module__4VD7AW__fadeInOut{0%{opacity:0;top:10%}15%{opacity:1;top:15%}85%{opacity:1;top:15%}to{opacity:0;top:10%}}.page-module__4VD7AW__endBox{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--card-radius);text-align:center;width:80%;max-width:300px;box-shadow:var(--shadow-sm);padding:20px}.page-module__4VD7AW__endLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.9rem;font-weight:700}.page-module__4VD7AW__endScore{font-family:var(--font-heading);color:var(--accent);margin:10px 0;font-size:5rem;font-weight:900}