*{margin:0;padding:0;box-sizing:border-box}body{background:#2b2440;color:#f0ebe0;font-family:"Press Start 2P",cursive;overflow:hidden;height:100vh;width:100vw;image-rendering:pixelated}#app{position:relative;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:flex-end}#typing-area{flex:0 0 auto;background:#2b2440;border-top:4px solid #3e3558;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 24px;position:relative;z-index:10;gap:0;transition:box-shadow .4s ease,border-top-color .4s ease}#typing-area.berserk-warm{box-shadow:inset 0 6px 20px #f8a0301f;border-top-color:#8b5020}#typing-area.berserk-full{box-shadow:inset 0 8px 28px #ff500038;border-top-color:#cc3000;animation:typing-area-fire .5s ease-in-out infinite alternate}@keyframes typing-area-fire{0%{box-shadow:inset 0 8px 28px #ff500033}to{box-shadow:inset 0 12px 36px #ff8c004d}}#typing-area>#typing-container{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center}#typing-container{width:780px;max-width:92%;font-family:"Press Start 2P",cursive;font-size:clamp(14px,2.2vh,20px);line-height:2.6;-webkit-user-select:none;user-select:none;letter-spacing:.13em}.typing-line{white-space:pre-wrap;margin-bottom:6px}.char-correct{color:#7ce68c}.char-incorrect{color:#f88888;background:#4a1818}.char-upcoming{color:#5e5478}.char-cursor{background:#f8d878;color:#2b2440;animation:blink .6s step-end infinite}@keyframes blink{50%{background:transparent;color:#5e5478}}@keyframes streak-mistake-flash{0%{box-shadow:0 0 10px #ff2020,0 0 20px red;border-color:#ff2020}40%{box-shadow:0 0 14px #ff4040,0 0 28px #ff2000;border-color:#ff4040}to{box-shadow:none;border-color:#4e4568}}.streak-mistake{animation:streak-mistake-flash .5s ease-out forwards}@keyframes streak-shake{0%{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(9px)}48%{transform:translate(-6px)}64%{transform:translate(6px)}80%{transform:translate(-3px)}92%{transform:translate(3px)}to{transform:translate(0)}}.streak-shake{animation:streak-shake .38s steps(7,end)}#streak-bar-wrapper{width:780px;max-width:92%;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start}#streak-bar-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;padding-bottom:4px}#streak-multiplier{font-size:11px;font-weight:400;color:#f8d878;min-height:18px;letter-spacing:.12em;transition:opacity .2s step-end,text-shadow .3s ease}#wpm-display{font-size:11px;color:#8a82a0;letter-spacing:.1em;min-width:80px;text-align:right}#wpm-display.wpm-up{color:#7ce68c;animation:wpm-pulse-up .6s ease-out forwards}#wpm-display.wpm-down{color:#f88888;animation:wpm-pulse-down .6s ease-out forwards}@keyframes wpm-pulse-up{0%{color:#fff;text-shadow:0 0 10px #7ce68c,0 0 20px #7ce68c}to{color:#7ce68c;text-shadow:none}}@keyframes wpm-pulse-down{0%{color:#fff;text-shadow:0 0 10px #f88888,0 0 20px #f88888}to{color:#f88888;text-shadow:none}}#streak-multiplier.berserk-warm{color:#f8a030;text-shadow:0 0 8px #f8a030,0 0 14px #f86010;animation:multiplier-pulse-warm .8s ease-in-out infinite alternate}#streak-multiplier.berserk-full{color:#ff6020;text-shadow:0 0 10px #ff4000,0 0 20px #ff8000,0 0 30px #ffaa00;animation:multiplier-pulse-fire .4s ease-in-out infinite alternate}@keyframes multiplier-pulse-warm{0%{text-shadow:0 0 6px #f8a030,0 0 12px #f86010}to{text-shadow:0 0 12px #f8c060,0 0 22px #f88020}}@keyframes multiplier-pulse-fire{0%{text-shadow:0 0 8px #ff4000,0 0 16px #ff8000,0 0 24px #ffaa00;color:#ff6020}to{text-shadow:0 0 14px #ff6000,0 0 28px #ffaa00,0 0 42px #ffdd00;color:#ffaa40}}#streak-bar-container{width:100%;height:5px;background:#3e3558;border:1px solid #4e4568;transition:box-shadow .3s ease,border-color .3s ease;position:relative;overflow:visible}#streak-bar-container.berserk-warm{border-color:#b86020;box-shadow:0 0 6px #f8a030,0 0 12px #f86010}#streak-bar-container.berserk-full{border-color:#ff4000;box-shadow:0 0 8px #ff6000,0 0 16px #ff2000,0 0 24px #f80;animation:bar-border-fire .35s step-end infinite alternate}@keyframes bar-border-fire{0%{box-shadow:0 0 8px #ff6000,0 0 18px #ff2000,0 0 28px #f80}to{box-shadow:0 0 12px #f80,0 0 24px #fa0,0 0 36px #f40}}#streak-fill{height:100%;width:0%;transition:background-color .3s ease}#streak-fill.berserk-warm{background:linear-gradient(90deg,#f8a030,#f8c860,#f8d878);box-shadow:0 0 4px #f8a030,0 0 8px #f86010;animation:fill-pulse-warm .7s ease-in-out infinite alternate}#streak-fill.berserk-full{background:linear-gradient(90deg,#ff2000,#f60,#fa0,#fd0);animation:fill-fire .3s step-end infinite alternate}@keyframes fill-pulse-warm{0%{box-shadow:0 0 3px #f8a030,0 0 6px #f86010;opacity:.9}to{box-shadow:0 0 6px #f8c060,0 0 12px #f88020;opacity:1}}@keyframes fill-fire{0%{background:linear-gradient(90deg,#ff2000,#f60,#fa0,#fd0);box-shadow:0 0 6px #ff4000,0 0 12px #f80}25%{background:linear-gradient(90deg,#f40,#f80,#fc0,#fff);box-shadow:0 0 8px #ff6000,0 0 16px #fa0}50%{background:linear-gradient(90deg,#ff1000,#f50,#f90,#fe0);box-shadow:0 0 5px #ff3000,0 0 10px #f70}to{background:linear-gradient(90deg,#f30,#f70,#fb0,#ffff80);box-shadow:0 0 10px #f80,0 0 20px #fc0}}#hud-bar{flex:0 0 auto;background:#2b2440;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 16px 4px;border-top:3px solid #3e3558;position:relative;z-index:10}#building-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}#tab-tip{font-size:9px;color:#5e5478;letter-spacing:.1em;padding-top:4px}#tab-tip kbd{background:#3e3558;border:1px solid #4e4568;border-radius:2px;padding:1px 5px;font-family:"Press Start 2P",cursive;font-size:9px;color:#8a82a0}.building-tab{padding:6px 12px;border:2px solid #4e4568;background:#3e3558;color:#8a82a0;font-family:"Press Start 2P",cursive;font-size:clamp(8px,1.2vw,11px);cursor:pointer;transition:all .1s step-end;letter-spacing:.12em;display:flex;flex-direction:column;align-items:center;gap:5px}.building-tab:hover{background:#4e4568;color:#a8a0c0}.building-tab.active{background:#3a3050;color:#c8a000;border-color:#c8a000}.building-tab .tab-name{display:block}.building-tab .tab-level{color:#7ce68c;display:block;font-size:10px}#game-area{position:absolute;top:0;right:0;bottom:0;left:0;background:#78c858;z-index:0}#game-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}#base-hit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:0;box-shadow:inset 0 0 60px 20px #dc1e0a80}#start-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2440;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;gap:20px}#start-screen h1{font-size:32px;color:#f8d878;margin-bottom:20px;text-shadow:4px 4px 0 #a08030;letter-spacing:.1em}#start-screen p{font-size:12px;color:#8a82a0;line-height:2.4;letter-spacing:.12em}#start-screen p strong{color:#b0a8c8}#start-footer{position:absolute;bottom:20px;display:flex;gap:10px;align-items:center;font-size:8px;color:#4e4568;letter-spacing:.12em}#start-footer a{color:#4e4568;text-decoration:none;transition:color .1s step-end}#start-footer a:hover{color:#8a82a0}#start-footer span{color:#3e3558}#start-btn,#restart-btn{margin-top:32px;padding:18px 48px;font-size:16px;font-family:"Press Start 2P",cursive;background:#f8d878;color:#2b2440;border:4px solid #c8a848;border-top-color:#ffe8a0;border-left-color:#ffe8a0;cursor:pointer;transition:transform .1s step-end;text-transform:uppercase;letter-spacing:.1em}#start-btn:hover,#restart-btn:hover{background:#ffe8a0}#start-btn:active,#restart-btn:active{border-color:#f8d878;border-bottom-color:#ffe8a0;border-right-color:#ffe8a0;border-top-color:#c8a848;border-left-color:#c8a848;transform:translate(2px,2px)}#game-over-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1428f7;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;gap:0;overflow-y:auto;padding:20px 0 32px}#final-stats{text-align:center;display:flex;flex-direction:column;align-items:center}.game-over-title{font-size:20px;color:#f88888;letter-spacing:.2em;text-shadow:3px 3px 0 #801010;margin-bottom:20px}.game-over-time{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:6px}.time-digit{font-size:72px;color:#f8d878;text-shadow:4px 4px 0 #806020;letter-spacing:.02em;line-height:1}.time-sep{font-size:60px;color:#f8d878;opacity:.7;line-height:1;padding-bottom:4px}.game-over-time-label{font-size:10px;color:#8a82a0;letter-spacing:.25em;text-transform:uppercase;margin-bottom:24px}#wpm-chart{display:block;image-rendering:pixelated;image-rendering:crisp-edges;width:680px;max-width:92vw;height:auto;border:2px solid #3e3558;margin-bottom:20px}.game-over-wpm-hero{text-align:center;margin-bottom:20px}.wpm-hero-value{font-size:56px;color:#f8d878;text-shadow:3px 3px 0 #806020;display:block;line-height:1.2;letter-spacing:.04em}.wpm-hero-label{font-size:14px;color:#b0a8c8;text-transform:uppercase;letter-spacing:.25em;display:block;margin-top:4px}#final-stats .game-over-stats{display:flex;gap:40px;justify-content:center;margin-bottom:16px}#final-stats .game-over-stat{text-align:center}#final-stats .game-over-stat-value{font-size:28px;color:#f8d878;display:block;line-height:1.8;letter-spacing:.06em}#final-stats .game-over-stat-label{font-size:9px;color:#8a82a0;text-transform:uppercase;letter-spacing:.15em;display:block}#tutorial-tip{flex:0 0 auto;text-align:center;font-family:"Press Start 2P",cursive;font-size:clamp(13px,1.7vw,16px);color:#fff;letter-spacing:.12em;pointer-events:none;animation:tip-bounce .6s ease-in-out infinite alternate;padding:8px 16px;z-index:15;text-shadow:0 0 8px rgba(255,255,255,.4)}@keyframes tip-bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.building-tab.locked{opacity:.3;pointer-events:none;position:relative}.building-tab.locked .tab-name{color:#5e5478}.building-tab.locked .tab-lock{font-size:7px;color:#4e4568;text-transform:uppercase;letter-spacing:.1em}.hidden{display:none!important}