.start-screen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#040d1a;overflow:hidden}.start-screen__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(30,41,59,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(30,41,59,.4) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.start-screen__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2.5rem;background:#081228d9;border:2px solid #1e293b;border-radius:12px;box-shadow:0 0 60px #22d3ee12,0 0 0 1px #22d3ee0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:480px;width:90%}.start-screen__logo{display:flex;gap:6px}.start-screen__logo-block{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#06b6d4,#0ea5e9);border-radius:4px;font-family:"Press Start 2P",cursive;font-size:.85rem;color:#fff;box-shadow:0 4px #0369a1,0 0 16px #06b6d466;animation:blockDrop .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes blockDrop{0%{transform:translateY(-60px);opacity:0}to{transform:translateY(0);opacity:1}}.start-screen__title{font-family:"Press Start 2P",cursive;font-size:clamp(1.6rem,5vw,2.5rem);color:#22d3ee;text-shadow:0 0 30px rgba(34,211,238,.8),0 0 60px rgba(34,211,238,.4);margin:0;letter-spacing:.1em;line-height:1.2}.start-screen__subtitle{font-family:Share Tech Mono,monospace;font-size:.95rem;color:#94a3b8;margin:0;text-align:center}.start-screen__rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem;align-self:stretch}.start-screen__rules li{font-family:Share Tech Mono,monospace;font-size:.8rem;color:#94a3b8;display:flex;gap:.6rem;align-items:baseline}.start-screen__rules strong{color:#f87171}.start-screen__rules kbd{background:#1e293b;border:1px solid #334155;border-radius:3px;padding:1px 5px;font-family:inherit;color:#cbd5e1;font-size:inherit}.rule-key{color:#22d3ee;flex-shrink:0}.start-screen__btn{font-family:"Press Start 2P",cursive;font-size:.8rem;color:#0f172a;background:linear-gradient(135deg,#22d3ee,#06b6d4);border:none;border-radius:6px;padding:.85rem 2.5rem;cursor:pointer;letter-spacing:.08em;box-shadow:0 4px #0369a1,0 0 24px #22d3ee80;margin-top:.5rem;transition:transform .1s ease,box-shadow .1s ease;position:relative}.start-screen__btn:hover{transform:translateY(-2px);box-shadow:0 6px #0369a1,0 0 36px #22d3eeb3}.start-screen__btn:active{transform:translateY(2px);box-shadow:0 2px #0369a1}.falling-word{position:absolute;font-family:Share Tech Mono,monospace;font-size:clamp(.8rem,1.5vw,1.1rem);color:#e2e8f0;background:#0f172ad9;border:2px solid #334155;border-radius:4px;padding:4px 10px;white-space:nowrap;letter-spacing:.05em;text-transform:lowercase;pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 0 8px #33415599,inset 0 1px #ffffff0d;transition:box-shadow .15s ease,border-color .15s ease;will-change:top}.falling-word--active{border-color:#22d3ee;box-shadow:0 0 16px #22d3ee99,0 0 32px #22d3ee33;color:#f8fafc}.falling-word__typed{color:#22d3ee;text-shadow:0 0 8px rgba(34,211,238,.9)}.scoreboard{display:flex;gap:2rem;align-items:center;font-family:"Press Start 2P",cursive;flex-wrap:wrap}.scoreboard__item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.scoreboard__label{font-size:.45rem;color:#64748b;letter-spacing:.15em}.scoreboard__value{font-size:1rem;letter-spacing:.08em}.scoreboard__value--score{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.7)}.scoreboard__value--level{color:#a78bfa;text-shadow:0 0 12px rgba(167,139,250,.7)}.scoreboard__value--missed{color:#f87171;text-shadow:0 0 12px rgba(248,113,113,.7)}.typing-input-wrap{position:relative;width:100%;max-width:400px}.typing-input-wrap--shake{animation:shake .35s ease}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.typing-input{width:100%;background:#0f172ae6;border:2px solid #334155;border-radius:6px;color:#f8fafc;font-family:Share Tech Mono,monospace;font-size:1.25rem;padding:.65rem 1rem;outline:none;letter-spacing:.1em;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.typing-input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee40,0 0 20px #22d3ee26}.typing-input::placeholder{color:#475569;font-style:italic}.typing-input__cursor-bar{display:none}.game-screen{display:flex;flex-direction:column;height:100vh;max-height:100dvh;background:#040d1a;overflow:hidden}.game-screen__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#020817f2;border-bottom:2px solid #1e293b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:1rem;flex-wrap:wrap;z-index:10}.game-screen__title{font-family:"Press Start 2P",cursive;font-size:clamp(.8rem,2.5vw,1.3rem);color:#f8fafc;margin:0;letter-spacing:.05em;white-space:nowrap}.game-screen__title-accent{color:#22d3ee;text-shadow:0 0 20px rgba(34,211,238,.8);margin-left:.4rem}.game-screen__area{position:relative;flex:1;overflow:hidden}.game-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(30,41,59,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(30,41,59,.35) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.game-screen__danger-zone{position:absolute;bottom:0;left:0;right:0;height:42px;background:repeating-linear-gradient(45deg,rgba(239,68,68,.08) 0px,rgba(239,68,68,.08) 10px,transparent 10px,transparent 20px);border-top:2px solid rgba(239,68,68,.5);display:flex;align-items:center;justify-content:center;pointer-events:none}.game-screen__danger-zone span{font-family:"Press Start 2P",cursive;font-size:.4rem;color:#ef444480;letter-spacing:.3em}.score-popup{position:absolute;font-family:"Press Start 2P",cursive;font-size:.75rem;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.9);pointer-events:none;animation:floatUp .9s ease-out forwards;z-index:5;white-space:nowrap}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1.2)}70%{opacity:1}to{opacity:0;transform:translateY(-50px) scale(.9)}}.game-screen__footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.5rem 1rem;background:#020817f2;border-top:2px solid #1e293b;z-index:10}.missed-lives{display:flex;gap:.4rem;margin-bottom:.15rem}.missed-life{display:block;width:16px;height:16px;border-radius:2px;background:#22d3ee;box-shadow:0 0 6px #22d3ee99;transition:background .25s ease,box-shadow .25s ease}.missed-life--lost{background:#f87171;box-shadow:0 0 6px #f8717199}.game-screen__hint{font-family:Share Tech Mono,monospace;font-size:.7rem;color:#475569;margin:0}.game-screen__hint kbd{background:#1e293b;border:1px solid #334155;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:inherit;color:#94a3b8}.gameover{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#040d1a;overflow:hidden}.gameover__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(30,41,59,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(30,41,59,.4) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.gameover__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 2.5rem;background:#081228e6;border:2px solid #1e293b;border-radius:12px;box-shadow:0 0 60px #f8717114,0 0 0 1px #f871710f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:420px;width:90%;animation:fadeInScale .4s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.gameover__title{font-family:"Press Start 2P",cursive;font-size:clamp(1.2rem,4vw,2rem);color:#f87171;text-shadow:0 0 30px rgba(248,113,113,.8),0 0 60px rgba(248,113,113,.4);margin:0;letter-spacing:.08em}.gameover__stats{display:flex;gap:3rem}.gameover__stat{display:flex;flex-direction:column;align-items:center;gap:.4rem}.gameover__stat-label{font-family:"Press Start 2P",cursive;font-size:.4rem;color:#64748b;letter-spacing:.15em}.gameover__stat-value{font-family:"Press Start 2P",cursive;font-size:1.3rem}.gameover__stat-value--score{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.8)}.gameover__stat-value--missed{color:#f87171;text-shadow:0 0 12px rgba(248,113,113,.8)}.gameover__grade{font-family:Share Tech Mono,monospace;font-size:1rem;color:#94a3b8;letter-spacing:.05em;text-align:center}.gameover__btn{font-family:"Press Start 2P",cursive;font-size:.75rem;color:#0f172a;background:linear-gradient(135deg,#22d3ee,#06b6d4);border:none;border-radius:6px;padding:.85rem 2rem;cursor:pointer;letter-spacing:.08em;box-shadow:0 4px #0369a1,0 0 24px #22d3ee80;transition:transform .1s ease,box-shadow .1s ease}.gameover__btn:hover{transform:translateY(-2px);box-shadow:0 6px #0369a1,0 0 36px #22d3eeb3}.gameover__btn:active{transform:translateY(2px);box-shadow:0 2px #0369a1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #040d1a;--color-surface: #0f172a;--color-border: #1e293b;--color-text: #f8fafc;--color-muted: #64748b;--color-cyan: #22d3ee;--color-amber: #fbbf24;--color-violet: #a78bfa;--color-red: #f87171;--color-green: #4ade80;--font-pixel: "Press Start 2P", cursive;--font-mono: "Share Tech Mono", monospace}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}