.keyboard-board{display:block;min-height:0;padding:24px;background:#fffdf9;border:1px solid #e7dfd3;border-radius:26px;max-width:860px;width:100%;margin:0 auto;box-shadow:0 12px 40px #65513c05}.keyboard-instruction{display:flex;align-items:center;gap:12px;color:#685673}.mini-key{display:grid;place-items:center;width:42px;height:44px;border:1px solid #ddcee7;border-bottom-width:4px;border-radius:11px;background:#f4edf8;font-weight:bold;font-size:23px;color:#8d71a1}.keyboard-instruction p{margin:0;font-size:15px;font-weight:700}.keyboard-instruction small{display:block;font-size:11px;font-weight:400;color:#9a899f;margin-top:5px}.no-timer{margin-left:auto;padding:7px 12px;background:#edf2e8;color:#889b80;border-radius:18px;font-size:11px;white-space:nowrap}.typing-stage{display:flex;flex-direction:column;align-items:center;margin:20px 0;padding:20px;background:#f3edf7;border:1px solid #eadff0;border-radius:22px}.typing-picture{width:90px;height:90px;display:grid;place-items:center}.typing-picture svg,.typing-picture img{width:100%;height:100%}.typing-kicker{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#a48bb3;margin:8px 0 15px}.letter-track{display:flex;gap:12px;justify-content:center;min-height:91px}.letter-tile{display:grid;place-items:center;position:relative;background:#f9f5fb;border:2px solid #e1d6e9;color:#b6a6c0;width:76px;height:91px;border-radius:15px;font-size:46px;font-weight:800;transition:background .15s,color .15s}.letter-current{border-color:#9673b1;background:#fffdf7;color:#6f5085;box-shadow:0 5px 0 #d6c3e3}.letter-done{background:#e5efdd;color:#73906b;border-color:#bed1ad}.letter-tile i{position:absolute;right:6px;bottom:4px;font-size:13px;color:#8ba77e;font-style:normal}.typing-note{height:20px;margin:20px 0 0;color:#9178a1;font-size:13px;font-weight:700}.keyboard-panel{max-width:500px;margin:auto}.keypad-label{display:block;color:#ab97b5;font-size:11px;text-align:center;margin:0 0 12px;font-weight:700;letter-spacing:1px}.key-pad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.letter-key{display:grid;place-items:center;min-width:44px;height:66px;border:1px solid #dbd1e3;border-bottom:5px solid #d6c8e1;border-radius:12px;background:#f8f4fb;color:#806294;font-size:29px;font-weight:800;touch-action:manipulation;transition:background .15s,transform .15s}.letter-key:hover{background:#f0e6f6}.letter-key:active{transform:translateY(2px);border-bottom-width:3px}.letter-key:focus-visible{outline:3px solid #9272aa;outline-offset:3px}.letter-key.key-correct{background:#e3efdb;border-color:#bad0ac;color:#7b9b6e}.letter-key.key-retry{background:#faefdd;border-color:#e2cba5}.typing-result{margin:18px auto;max-width:600px;padding:22px;border:1px solid #e4dbe9;border-radius:22px;background:#f4eef8}.typing-result img{width:86px;height:86px}.typing-result p{font-size:16px!important;color:#856594!important;font-weight:700}.typing-result>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.typing-result span{display:block;border:1px solid #d8c9e2;border-bottom:4px solid #d8c9e2;border-radius:12px;padding:10px 15px;background:#fffdf7;font-size:24px;font-weight:800;color:#8b6c9e;letter-spacing:3px}.keyboard-game #complete>img{display:none}.keyboard-game #complete h2{font-size:30px}.keyboard-game #complete .win-stars{font-size:36px}.keyboard-game .coach{max-width:860px;margin-left:auto;margin-right:auto;width:100%}@media(max-width:600px){.keyboard-board{padding:14px}.keyboard-instruction{gap:9px}.keyboard-instruction p{font-size:12px}.keyboard-instruction small{font-size:10px}.no-timer{display:none}.typing-stage{margin:15px 0;padding:15px 10px}.typing-picture{width:70px;height:70px}.letter-track{gap:8px;min-height:74px}.letter-tile{width:56px;height:74px;font-size:37px;border-radius:12px}.typing-note{margin-top:16px}.key-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.letter-key{height:58px;font-size:27px}.keyboard-game .game-intro p{font-size:14px}.typing-result span{font-size:20px;padding:9px 12px}}@media(max-height:600px) and (min-width:650px){.keyboard-board{padding:12px 18px}.typing-stage{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto auto;gap:5px 16px;padding:12px;margin:10px 0}.typing-picture{grid-row:1/4;width:75px;height:75px}.typing-kicker{grid-column:2;margin:0;font-size:9px}.letter-track{grid-column:2;min-height:60px}.letter-tile{width:50px;height:60px;font-size:32px}.typing-note{grid-column:2;margin:0;height:auto;font-size:11px;text-align:center}.letter-key{height:48px;font-size:24px}.keypad-label{display:none}.keyboard-instruction small{display:none}}