:root{--bg-start: #0b132b;--bg-mid: #1c2541;--bg-end: #3a506b;--card-bg: rgba(255, 255, 255, .1);--tile-empty: #182236;--tile-border: #3e4a61;--tile-filled: #2f3f5d;--absent: #3b4252;--present: #f4b942;--correct: #5dc46d;--text-main: #f4f7fb;--text-soft: #cad3e5}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Poppins,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.18),transparent 35%),radial-gradient(circle at 80% 20%,rgba(93,196,109,.18),transparent 30%),linear-gradient(145deg,var(--bg-start),var(--bg-mid),var(--bg-end));color:var(--text-main)}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.game-card{width:min(560px,100%);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-radius:24px;box-shadow:0 20px 45px #00000059;padding:26px 18px}.header{text-align:center}.header h1{margin:0;letter-spacing:1px;font-size:clamp(1.8rem,4vw,2.4rem)}.header p{margin:8px 0 0;color:var(--text-soft)}.status{margin:16px auto 18px;text-align:center;font-weight:600;color:#eff5ff;min-height:24px}.board{display:grid;gap:8px;justify-content:center;margin:0 auto 20px}.row{display:grid;grid-template-columns:repeat(5,minmax(48px,62px));gap:8px}.tile{aspect-ratio:1;border:2px solid var(--tile-border);background:var(--tile-empty);border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:clamp(1.2rem,2vw,1.7rem);text-transform:uppercase;transition:transform .2s ease,background-color .25s ease,border-color .25s ease}.tile.filled{background:var(--tile-filled);border-color:#6f83ab}.tile.correct{background:var(--correct);border-color:var(--correct);color:#0d1b2a}.tile.present{background:var(--present);border-color:var(--present);color:#1a1302}.tile.absent{background:var(--absent);border-color:var(--absent)}.keyboard{display:grid;gap:8px}.keyboard-row{display:flex;justify-content:center;gap:6px}.key{min-width:32px;height:50px;border:0;border-radius:10px;padding:0 8px;font-weight:700;color:#f4f7fb;background:#5c6b8a;cursor:pointer;transition:transform .15s ease,filter .2s ease,background-color .2s ease}.key:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.key:active:not(:disabled){transform:translateY(1px)}.key.wide{min-width:72px}.key.correct{background:var(--correct);color:#08111f}.key.present{background:var(--present);color:#1a1302}.key.absent{background:var(--absent)}.key:disabled{cursor:not-allowed;opacity:.95}.reset-btn{display:block;margin:18px auto 0;border:0;border-radius:999px;padding:12px 24px;font-weight:700;font-size:.95rem;color:#0d1b2a;background:linear-gradient(120deg,#b7f09c,#5dc46d);cursor:pointer}.reset-btn:hover{filter:brightness(1.08)}.shake{animation:shake .28s linear}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@media (max-width: 560px){.game-card{padding:20px 10px;border-radius:18px}.row{grid-template-columns:repeat(5,minmax(44px,1fr))}.key{min-width:24px;height:46px;padding:0 6px;font-size:.8rem}.key.wide{min-width:56px}}