*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#fff}.app{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#1a1c20;overflow:hidden}.typing-container{position:relative;transform-origin:center;transition:all .4s ease-out;text-align:center;background-color:#ffffff0d;padding:2rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.example-text{text-align:center;white-space:nowrap;overflow:hidden}.japanese{font-size:2rem;margin-bottom:1.5rem;font-family:Zen Maru Gothic,sans-serif;font-weight:500;white-space:nowrap;overflow:hidden;color:#ffffffe6}.romaji{font-size:1.5rem;font-family:Ubuntu Mono,monospace;letter-spacing:.1em;white-space:nowrap;overflow:hidden}.char-container{position:relative;display:inline-block}.char{color:#fff6;transition:color .2s ease;font-family:Ubuntu Mono,monospace}.char.waiting{color:#fff6}.char.correct{color:#ffffffb3}.instruction{font-size:2rem;color:#fff9;margin-bottom:2rem;background-color:#ffffff0d;padding:1.5rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.instruction.damage{animation:containerDamage .3s ease-in-out}.status{font-size:1.2rem;color:#fff9;position:fixed;top:2rem;right:2rem;background-color:#ffffff0d;padding:.8rem 1.5rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:2rem;border:1px solid rgba(255,255,255,.1);z-index:10}.status div{background-color:#ffffff0d;padding:.5rem 1rem;border-radius:.3rem;border:1px solid rgba(255,255,255,.1)}.sentences-container{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;max-height:60vh}.completed-sentences{position:absolute;bottom:50%;left:0;right:0;display:flex;flex-direction:column;margin-bottom:6rem;max-height:30vh;overflow:hidden}.completed-item{text-align:center;white-space:nowrap;overflow:hidden;transition:all .4s ease-out;background-color:#ffffff0d;padding:1rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.typing-container.sliding{transform:translateY(-40px) rotateX(20deg);opacity:0}.next-sentence{position:absolute;left:0;right:0;top:100%;margin-top:2rem;text-align:center;opacity:.3;transform:translateY(10px);white-space:nowrap;overflow:hidden;background-color:#ffffff0d;padding:1rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.next-sentence .japanese{font-size:1.2rem;color:#fff6}@keyframes completeSlide{0%{transform:translateY(20px) rotateX(-20deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:.7}}body{font-family:Zen Maru Gothic,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1c20;color:#fff;margin:0;padding:0;overflow:hidden}html{height:100%;overflow:hidden}.result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.perfect{color:#4caf50}.result-content{background-color:#ffffff0d;padding:2rem;border-radius:.5rem;text-align:center;max-width:400px;width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.result-content h2{margin:0 0 1.5rem;color:#ffffffe6;font-size:2rem}.result-stats{margin-bottom:2rem;font-size:1.2rem;color:#ffffffb3}.result-stats div{margin:.5rem 0;background-color:#ffffff0d;padding:.8rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.restart-button{background-color:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);padding:.8rem 2rem;border-radius:.5rem;font-size:1.1rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.restart-button:hover{background-color:#ffffff26;transform:translateY(-2px);border-color:#ffffff4d}.enemies-container{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center;position:relative;height:160px;width:100%;margin:0 auto 2rem;background-color:#ffffff0d;padding:1rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:background-color .3s ease;overflow:hidden}.enemies-container.damage{animation:containerDamage .3s ease-in-out}.health-bar-container{position:absolute;left:0;top:0;bottom:0;width:50px;background-color:#ffffff1a;display:flex;align-items:flex-end;z-index:1}.health-bar{width:100%;background-color:#4caf50;transition:height .3s ease}.enemy{background-color:#ff44441a;padding:1rem;border-radius:4px;position:absolute;top:50%;transform:translateY(-50%);transition:left .05s linear;overflow:hidden}.enemy-small{width:80px;height:60px}.enemy-medium{width:120px;height:80px}.enemy-large{width:160px;height:100px}.enemy-health{background-color:#f446;position:absolute;top:0;left:0;width:100%;height:100%}.enemy-health-label{color:#ff4444e6;text-align:center;font-weight:700;position:absolute;bottom:.5rem;left:0;right:0;background-color:#0000004d;padding:.3rem;border-radius:2px;z-index:1}@keyframes enemySpawn{0%{transform:translateY(-50%) scale(0);opacity:0}to{transform:translateY(-50%) scale(1);opacity:1}}.difficulty-select{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.difficulty-btn{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease}.difficulty-btn:hover{background:#fff3}.difficulty-btn.active{border-color:#4caf50;background:#4caf5033}.attack-power-container{width:100%;max-width:1200px;height:40px;background-color:#ffffff1a;border-radius:20px;margin-top:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative}.streak-container{position:absolute;top:-8px;left:10px;right:10px;height:6px;background-color:#ffffff26;border-radius:3px;overflow:hidden;z-index:2}.streak-bar{height:100%;background-color:#2196f3cc;transition:width .3s ease;box-shadow:0 0 8px #2196f380}.attack-power-label{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#ffffffb3;font-size:1.2rem;font-weight:700;text-shadow:0 0 5px rgba(33,150,243,.5);z-index:1}.attack-power-bar{height:100%;background-color:#2196f3cc;transition:width .3s ease;box-shadow:0 0 10px #2196f380;position:relative;border-radius:20px}.attack-power-scale{position:absolute;top:-25px;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px;color:#fffc;font-size:1rem;pointer-events:none;z-index:100}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes flashRed{0%{background-color:#ffffff0d}50%{background-color:#f443}to{background-color:#ffffff0d}}.typing-container.mistake{animation:shake .2s ease-in-out,flashRed .3s ease-in-out}.difficulty-display{font-size:1.2rem;color:#fff9;position:fixed;top:2rem;left:2rem;background-color:#ffffff0d;padding:.8rem 1.5rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:10}@keyframes containerDamage{0%{background-color:#ffffff0d}50%{background-color:#ff44444d}to{background-color:#ffffff0d}}._versionDisplay_1s0xz_1{position:fixed;bottom:8px;right:8px;font-size:12px;color:#fff9;padding:4px 8px;background-color:#0003;border-radius:4px;z-index:1000}