*{margin:0;padding:0;box-sizing:border-box}body{font-family:MS PGothic,MS Gothic,Meiryo,monospace;background-color:#efefef;color:#000;min-height:100vh;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center}a{color:#00f}a:visited{color:purple}a:hover{color:red}.retro-button{background:#d4d0c8;border:2px solid;border-color:#FFFFFF #404040 #404040 #FFFFFF;padding:8px 24px;font-family:MS PGothic,MS Gothic,monospace;font-size:14px;cursor:pointer;outline:none}.retro-button:active{border-color:#404040 #FFFFFF #FFFFFF #404040}.retro-button:hover{background:#e8e4dc}.retro-box{background:#fff;border:2px solid;border-color:#808080 #FFFFFF #FFFFFF #808080;padding:16px;box-shadow:inset 1px 1px #dfdfdf}.retro-box-inset{background:#fff;border:2px solid;border-color:#404040 #FFFFFF #FFFFFF #404040;padding:16px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:blink 1s step-start infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.marquee{overflow:hidden;white-space:nowrap}.marquee-content{display:inline-block;animation:marquee 10s linear infinite}.container{width:800px;max-width:100%;margin:0 auto;padding:20px}.title-screen{text-align:center;padding:40px 20px}.title-aa{font-family:MS Gothic,monospace;font-size:12px;line-height:1.2;white-space:pre;margin-bottom:30px}.game-screen{text-align:center;padding:20px}.game-header{display:flex;justify-content:space-between;margin-bottom:20px;padding:10px;background:linear-gradient(to bottom,#69c,#369);color:#fff;font-weight:700}.word-display{font-size:32px;margin:40px 0 20px;padding:20px;background:#fff;border:3px solid #000000}.word-kana{font-size:18px;color:#666;margin-top:10px}.romaji-guide{font-size:24px;letter-spacing:2px;margin:20px 0;font-family:monospace}.romaji-typed{color:red}.romaji-remaining{color:#666}.result-screen{text-align:center;padding:40px 20px}.result-score{font-size:48px;color:red;margin:20px 0}.result-rank{font-size:36px;color:#00f;margin:20px 0;padding:10px;border:3px double #0000FF;display:inline-block}.result-stats{margin:20px 0;font-size:16px}.separator{border:none;border-top:1px dashed #808080;margin:20px 0}.error-flash{animation:error-shake .1s}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.volume-toggle{position:fixed;top:10px;right:10px;background:#d4d0c8;border:2px solid;border-color:#FFFFFF #404040 #404040 #FFFFFF;padding:5px 10px;cursor:pointer;font-size:16px}.word-desc{font-size:14px;color:#060;margin-top:15px;padding:10px;background:#ffc;border:1px solid #CCCC00}