:root{--stage-w: 800px;--stage-h: 480px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Hiragino Kaku Gothic ProN,sans-serif;background:#1b2430;display:grid;place-items:center;min-height:100vh}#app{width:var(--stage-w);height:var(--stage-h);position:relative;background:#a9d8ff;overflow:hidden;border-radius:12px;box-shadow:0 12px 44px #00000073}#app canvas{display:block;width:100%;height:100%}.screen{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(#a9d8ff,#4caf50)}.title{margin:0;font-size:64px;font-weight:800;letter-spacing:1px;color:#fff;text-shadow:3px 3px 0 #15776c,0 6px 18px rgba(0,0,0,.25)}.levels{display:flex;flex-direction:column;gap:12px}.options{display:flex;gap:12px;align-items:center;margin-top:14px}.btn{cursor:pointer;border:none;border-radius:999px;padding:12px 26px;background:#1f9e8f;color:#fff;font-size:20px;font-weight:700;box-shadow:0 4px #15776c;transition:transform .06s,box-shadow .06s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(3px);box-shadow:0 1px #15776c}.btn.level{min-width:260px}.btn.small{padding:6px 14px;font-size:15px}.btn.toggle{padding:10px 16px;font-size:18px}.select{display:flex;flex-direction:column;gap:2px;font-size:14px;color:#123;background:#fffc;border-radius:10px;padding:6px 12px;font-weight:600}.select select{font-size:15px;border:1px solid #bbb;border-radius:6px;padding:2px 4px}.game .hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:2}.remaining{background:#15776c;color:#fff;padding:8px 16px;border-radius:8px;font-size:20px;font-weight:700}.typed{position:absolute;bottom:18px;width:100%;text-align:center;font-size:44px;font-weight:800;letter-spacing:8px;color:#fff;text-shadow:2px 2px 3px #000;z-index:2}.result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(#ffe9a8,#ffd166)}.seiseki{margin:0;font-size:40px;color:#1f9e8f;text-shadow:2px 2px 0 #fff}.daritsu{font-size:42px;font-weight:800;color:#2b3238}.avgtime{font-size:24px;color:#444}.best{font-size:20px;color:#b06a00;font-weight:700}.rules{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;text-align:center;background:#fff}.rules h2{font-size:34px;margin:0;color:#1f9e8f}.rules p{font-size:20px;margin:0;max-width:620px;line-height:1.6}.row{display:flex;gap:16px}