:root{--bg:#09090b;--code-bg:#121215;--card-bg:#121215;--card-hover:#18181c;--border:#ffffff14;--border-strong:#ffffff29;--text:#a1a1aa;--text-h:#f4f4f5;--accent:#6366f1;--accent-bg:#6366f126;--accent-border:#6366f166;--shadow:0 10px 30px -10px #00000080;--sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--heading:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--mono:"JetBrains Mono", monospace;font:16px/150% var(--sans);letter-spacing:-.011em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--text);font-family:var(--sans);margin:0;padding:0;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100vh;margin:0 auto;display:flex}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);letter-spacing:-.02em;font-weight:700}p{margin:0}button{font-family:var(--sans);transition:all .15s cubic-bezier(.4,0,.2,1)}.app-container{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;display:flex}.game-header{justify-content:center;align-items:center;gap:20px;width:100%;max-width:600px;margin-bottom:30px;display:flex}.score-display,.timer-display{color:var(--text-h);font-size:1.5rem;font-weight:700}.mode-selector button{cursor:pointer;background:var(--code-bg);color:var(--text);border:1px solid var(--border);border-radius:4px;margin-left:10px;padding:8px 16px}.mode-selector button:hover{background:var(--accent-bg);border-color:var(--accent-border)}#game-area{background-color:var(--code-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:600px;margin:0 auto;padding:20px;display:flex}.daily-game{text-align:center;width:100%;max-width:680px;margin:0 auto}.title{color:var(--text-h);text-align:center;margin-bottom:20px;font-size:2.2rem;font-weight:800}.keyboard-container{flex-direction:column;gap:8px;width:100%;max-width:600px;margin-top:20px;padding:10px;display:flex}.keyboard-row{justify-content:center;gap:6px;display:flex}.key{border:2px solid var(--border);cursor:pointer;text-align:center;background:var(--bg);min-width:40px;color:var(--text);border-radius:4px;padding:12px;font-weight:700;transition:transform .1s}.key:active{transform:scale(.95)}.special-key{min-width:80px}.welcome-screen{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:auto;padding:10px 0 40px;display:flex}.description{color:var(--text);margin:20px 0;font-size:1.2rem}.tutorial{text-align:left;background:var(--code-bg);border:1px solid var(--border);border-radius:8px;margin:30px 0;padding:20px}@media (width<=1024px){.keyboard-row{border-right:none;border-bottom:1px solid var(--border)}}.play-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:8px;padding:15px 30px;font-size:1.5rem;transition:transform .1s}.play-button:hover{transform:scale(1.05)}.game-summary{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:40vh;padding:30px 20px;display:flex}.game-summary button{cursor:pointer;margin-top:20px;padding:10px 20px;font-size:1.2rem}@keyframes shakeRed{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.shake-red{animation:.45s cubic-bezier(.36,.07,.19,.97) both shakeRed}.shake-red .letter-tile-empty,.shake-red .letter-tile{color:#f87171!important;background-color:#ef444433!important;border-color:#ef4444!important;box-shadow:0 0 12px #ef444466!important}@keyframes letterDance{0%,to{transform:translateY(0)}40%{transform:translateY(-18px)scale(1.05)}60%{transform:translateY(-6px)}}.letter-dance{animation:.6s cubic-bezier(.4,0,.2,1) both letterDance}@media (width<=640px){#game-area{border-radius:12px!important;padding:12px 8px!important}.status-bar{font-size:.95rem!important}nav{border-radius:12px!important;gap:8px!important;padding:8px 12px!important}nav button{padding:5px 8px!important;font-size:.8rem!important}.mode-cards-grid{grid-template-columns:1fr!important}}