.mobile-container{min-height:100vh;background:linear-gradient(135deg,#FFF8E1,#FFFEF5 50%,#FFF5E6);padding:20px;display:flex;flex-direction:column;align-items:center;position:relative}.mobile-container:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(180deg,#FFD700,#FFC107 50%,transparent);opacity:.2;z-index:0}.registration-form{background:white;border-radius:25px;padding:35px;max-width:400px;width:100%;box-shadow:0 8px 30px rgba(114,47,55,.15);border:3px solid #ffd700;margin-top:50px;position:relative;z-index:1}.registration-form h2{background:linear-gradient(135deg,#722F37,#8B3A3A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:15px;font-size:26px;font-weight:700;letter-spacing:1px}.registration-form p{color:#8B3A3A;text-align:center;margin-bottom:30px;font-size:16px;font-weight:500}.form-group{margin-bottom:25px}.form-group label{display:block;color:#722F37;margin-bottom:8px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:15px;border:2px solid #fff8e1;border-radius:15px;font-size:16px;transition:all .3s;box-sizing:border-box;background:#FFFEF5;color:#2C1810;font-weight:500}.form-group input:focus{outline:none;border-color:#FFD700;background:white;box-shadow:0 0 10px rgba(255,215,0,.3)}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#722F37,#8B3A3A);color:#FFD700;border:2px solid #ffd700;border-radius:15px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(114,47,55,.3);background:linear-gradient(135deg,#8B3A3A,#722F37)}.game-header{text-align:center;color:#722F37;margin-bottom:25px;position:relative;z-index:1}.game-header h2{font-size:32px;margin-bottom:12px;background:linear-gradient(135deg,#722F37,#8B3A3A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:2px}.user-name{font-size:18px;color:#8B3A3A;font-weight:600;opacity:.9}.sentence-card{background:white;border-radius:25px;padding:30px;max-width:500px;width:100%;box-shadow:0 8px 30px rgba(114,47,55,.15);border:3px solid #ffd700;margin-bottom:35px;position:relative;z-index:1}.sentence-source{color:#8B3A3A;font-size:15px;margin-bottom:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sentence-japanese{font-size:26px;color:#722F37;margin-bottom:18px;line-height:1.6;font-weight:700}.sentence-romaji{font-size:15px;color:#8B7355;margin-bottom:12px;font-style:italic;font-weight:500}.sentence-english{font-size:15px;color:#4A3C28;margin-bottom:18px;font-weight:500}.difficulty-badge{position:absolute;top:25px;right:25px;padding:8px 15px;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid}.difficulty-badge.difficulty-easy{background:#4CAF50;color:white;border-color:#4CAF50}.difficulty-badge.difficulty-medium{background:#FFD700;color:#722F37;border-color:#FFC107}.difficulty-badge.difficulty-hard{background:#722F37;color:#FFD700;border-color:#8B3A3A}.recording-section{margin-bottom:35px;position:relative;z-index:1}.record-btn{background:white;border:4px solid #ffd700;color:#722F37;padding:22px 45px;border-radius:50px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(255,215,0,.3)}.record-btn:hover{background:#FFD700;color:#722F37;transform:scale(1.05);box-shadow:0 8px 25px rgba(255,215,0,.5)}.record-btn.recording{background:#722F37;color:#FFD700;border-color:#8B3A3A;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 15px rgba(114,47,55,.3)}50%{transform:scale(1.05);box-shadow:0 8px 25px rgba(114,47,55,.5)}to{transform:scale(1);box-shadow:0 4px 15px rgba(114,47,55,.3)}}.record-icon{font-size:26px}.recording-animation{animation:blink 1s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.score-section{background:white;border-radius:25px;padding:35px;max-width:400px;width:100%;text-align:center;box-shadow:0 8px 30px rgba(114,47,55,.15);border:3px solid #ffd700;position:relative;z-index:1}.score-display{display:flex;justify-content:center;align-items:baseline;margin-bottom:25px}.score-number{font-size:76px;font-weight:700;line-height:1}.score-label{font-size:26px;margin-left:8px;color:#8B3A3A;font-weight:600}.score-message{font-size:20px;color:#722F37;margin-bottom:25px;font-weight:700;letter-spacing:.5px}.spoken-text{background:linear-gradient(135deg,#FFF8E1,#FFFEF5);border:2px solid #ffd700;border-radius:15px;padding:18px;margin:25px 0;text-align:left}.spoken-text p:first-child{font-size:13px;color:#8B3A3A;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recognized-text{font-size:17px}.next-btn,.recognized-text{color:#722F37;font-weight:700}.next-btn{background:linear-gradient(135deg,#FFD700,#FFC107);border:2px solid #722f37;padding:15px 35px;border-radius:25px;font-size:18px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.next-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,215,0,.4);background:linear-gradient(135deg,#FFC107,#FFD700)}@media (max-width:480px){.mobile-container{padding:15px}.registration-form{padding:25px;margin-top:30px}.registration-form h2{font-size:22px}.game-header h2{font-size:26px}.sentence-card{padding:20px}.sentence-japanese{font-size:22px}.record-btn{padding:18px 35px;font-size:18px}.score-section{padding:25px}.score-number{font-size:64px}.score-message{font-size:18px}}