.morse-trainer[data-v-fecccfea]{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.morse-image-container[data-v-fecccfea]{width:1000px;height:600px;position:relative}.morse-image[data-v-fecccfea]{width:100%;height:100%}.morse-answer-container[data-v-fecccfea]{position:absolute;top:150px;left:37px;width:603px;height:50px;background-color:transparent;display:flex;justify-content:space-between;align-items:center;gap:10px}.morse-answer-input[data-v-fecccfea]{width:198px;height:50px;border-left:1px solid #798c98;border-right:1px solid #798c98;display:flex;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#a0aab5;background:transparent;transition:all .3s ease}.morse-answer-input.completed[data-v-fecccfea]{color:#64d4a8;background:#64d4a81a}.morse-answer-input.active[data-v-fecccfea]{border-left:3px solid white;border-right:3px solid white;animation:pulse-fecccfea 1.5s infinite}.morse-input-container[data-v-fecccfea]{position:absolute;top:160px;left:700px;width:244px;height:70px;display:flex;justify-content:space-between;align-items:center;gap:5px}.morse-input-input[data-v-fecccfea]{width:76px;height:70px;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;color:#a0aab5;border:2px solid transparent;transition:all .3s ease}.morse-input-input.filled[data-v-fecccfea]{color:#64d4a8;border-color:#64d4a8;background:#64d4a81a}.morse-input-input.active[data-v-fecccfea]{border-left:3px solid white;border-right:3px solid white;animation:pulse-fecccfea 1.5s infinite}@keyframes pulse-fecccfea{0%,to{box-shadow:0 0 #63b3ed66}50%{box-shadow:0 0 0 8px #63b3ed00}}.keypad-overlay[data-v-fecccfea]{position:absolute;bottom:96px;right:56px;width:245px;height:265px;background:transparent;border-radius:8px}.keypad-grid[data-v-fecccfea]{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:12px}.keypad-btn[data-v-fecccfea]{width:77px;height:64px;background:transparent;border:1px solid #798c98;border-radius:6px;font-size:18px;color:transparent;font-weight:700;cursor:pointer;transition:all .2s ease}.keypad-btn[data-v-fecccfea]:hover{border-color:#63b3ed;background:#63b3ed1a;transform:translateY(-1px)}.keypad-zero[data-v-fecccfea]{grid-column:2}.keypad-controls[data-v-fecccfea]{display:flex;gap:8px}.control-btn[data-v-fecccfea]{flex:1;height:35px;border:2px solid;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.clear-btn[data-v-fecccfea]{background:#ed89361a;border-color:#ed8936;color:#ed8936}.clear-btn[data-v-fecccfea]:hover{background:#ed893633}.restart-btn[data-v-fecccfea]{background:#e53e3e1a;border-color:#e53e3e;color:#e53e3e}.restart-btn[data-v-fecccfea]:hover{background:#e53e3e33}.start-overlay[data-v-fecccfea]{position:absolute;top:0;left:0;width:100%;height:100%;background:#1e2832e6;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.start-btn[data-v-fecccfea]{width:250px;height:70px;background:linear-gradient(135deg,#4299e1,#3182ce);border:none;border-radius:12px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4299e14d}.start-btn[data-v-fecccfea]:hover{transform:translateY(-2px);box-shadow:0 6px 25px #4299e166}.game-info[data-v-fecccfea]{position:absolute;top:20px;left:20px;background:#2d3741e6;border:1px solid #4a5568;padding:15px;border-radius:8px;color:#e2e8f0;font-family:Courier New,monospace;min-width:150px}.info-item[data-v-fecccfea]{margin-bottom:8px;font-size:14px}.result-popup[data-v-fecccfea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2d3741f2;border:2px solid;padding:25px 35px;border-radius:10px;color:#fff;font-size:18px;font-weight:700;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:popIn-fecccfea .3s ease}.result-popup.success[data-v-fecccfea]{border-color:#48bb78;background:#48bb78e6}.result-popup.error[data-v-fecccfea]{border-color:#e53e3e;background:#e53e3ee6}@keyframes popIn-fecccfea{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;min-height:100vh;color:#fff}