.typing-game[data-v-fa0fd480]{margin:20px;transition:padding-right .3s ease}.typing-game.collapsed[data-v-fa0fd480]{padding-right:20px}.game-header[data-v-fa0fd480]{display:none}.game-sidebar[data-v-fa0fd480]{--sidebar-width:220px;position:fixed;right:0;top:50%;transform:translateY(-50%);width:var(--sidebar-width);background:hsla(0,0%,100%,.95);border-radius:20px 0 0 20px;box-shadow:-5px 0 15px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden;z-index:100;border-left:2px solid hsla(0,0%,100%,.8);padding-right:5px}.game-sidebar.collapsed[data-v-fa0fd480]{width:30px;background:hsla(0,0%,100%,.95);height:100vh;top:0;transform:translateY(0);border-radius:0;box-shadow:-2px 0 8px rgba(0,0,0,.1)}.collapse-toggle[data-v-fa0fd480]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(33,150,243,.2);border-radius:0 8px 8px 0;transition:all .3s ease;z-index:101}.collapse-toggle[data-v-fa0fd480]:hover{background:rgba(33,150,243,.3);width:35px}.toggle-icon[data-v-fa0fd480]{font-size:14px;color:#2196f3;transition:transform .3s ease}.collapsed .toggle-icon[data-v-fa0fd480]{transform:rotate(180deg)}.stats-container[data-v-fa0fd480]{padding:20px 15px 15px 35px;opacity:1;transform:translateX(0);transition:all .3s ease}.collapsed .stats-container[data-v-fa0fd480]{opacity:0;transform:translateX(100%)}.sidebar-header[data-v-fa0fd480]{text-align:center;padding-bottom:15px;position:relative}.sidebar-header h1[data-v-fa0fd480]{font-size:22px;color:#2196f3;margin:0;font-weight:700;letter-spacing:.5px;position:relative;display:inline-block}.sidebar-header h1[data-v-fa0fd480]:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:#2196f3;border-radius:3px}.divider[data-v-fa0fd480]{height:2px;background:linear-gradient(90deg,transparent,rgba(33,150,243,.5),transparent);margin:15px 0;opacity:.5}.stats-container[data-v-fa0fd480]{display:flex;flex-direction:column;gap:15px}.stat-box[data-v-fa0fd480]{position:relative;padding:12px 15px;border-radius:15px;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.8);box-shadow:0 3px 10px rgba(0,0,0,.05);border:1px solid hsla(0,0%,100%,.7)}.stat-box[data-v-fa0fd480]:hover{transform:translateX(-8px) translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.stat-box.score[data-v-fa0fd480]{background:rgba(230,255,230,.8);border-left:3px solid #4caf50}.stat-box.accuracy[data-v-fa0fd480]{background:rgba(230,240,255,.8);border-left:3px solid #2196f3}.stat-box.level[data-v-fa0fd480],.stat-box.speed[data-v-fa0fd480]{background:rgba(255,240,230,.8);border-left:3px solid #ff9800}.stat-icon[data-v-fa0fd480]{width:40px;height:40px;font-size:20px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.9);box-shadow:0 3px 8px rgba(0,0,0,.05);position:relative;overflow:hidden}.score .stat-icon[data-v-fa0fd480]{background:#4caf50;color:#fff}.accuracy .stat-icon[data-v-fa0fd480]{background:#2196f3;color:#fff}.speed .stat-icon[data-v-fa0fd480]{background:#ff9800;color:#fff}.stat-content[data-v-fa0fd480]{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-content .stat-value[data-v-fa0fd480]{font-size:26px;font-weight:700;white-space:nowrap;text-align:center;margin-bottom:2px;color:#333;display:block;letter-spacing:.5px;position:relative}.score .stat-value[data-v-fa0fd480]{color:#2e7d32}.accuracy .stat-value[data-v-fa0fd480]{color:#1565c0}.speed .stat-value[data-v-fa0fd480]{color:#e65100}.stat-content .stat-label[data-v-fa0fd480]{font-size:12px;text-transform:uppercase;letter-spacing:.8px;opacity:.8;text-align:center;font-weight:500;color:#666}.stat-label[data-v-fa0fd480]{margin-top:10px}.game-display[data-v-fa0fd480]{margin-top:30px;text-align:center;padding:35px 40px 40px;margin:20px 0;border-radius:20px;background:#fff;transition:all .3s ease;box-shadow:0 15px 35px rgba(0,0,0,.08);border:2px solid rgba(25,118,210,.1);position:relative;overflow:hidden}.game-display.correct[data-v-fa0fd480]{background:#e8f5e9;border-color:#a5d6a7;box-shadow:0 15px 35px rgba(76,175,80,.15)}.game-display.wrong[data-v-fa0fd480]{background:#ffebee;border-color:#ffcdd2;box-shadow:0 15px 35px rgba(244,67,54,.15)}.progress-container[data-v-fa0fd480]{margin-bottom:30px;padding-bottom:20px;border-bottom:2px dashed rgba(0,0,0,.05);position:relative;z-index:1}.progress-row[data-v-fa0fd480]{display:flex;align-items:center;justify-content:space-between;gap:20px}.level-info[data-v-fa0fd480]{font-size:1.2em;color:#546e7a;white-space:nowrap;flex-shrink:0;font-weight:600;background:#eef2f6;padding:8px 16px;border-radius:50px;box-shadow:0 3px 8px rgba(0,0,0,.05);display:flex;align-items:center}.level-info[data-v-fa0fd480]:before{content:"🚀";margin-right:8px;font-size:1.1em}.progress[data-v-fa0fd480]{height:12px;background:#eef2f6;border-radius:6px;overflow:hidden;flex-grow:1;box-shadow:inset 0 2px 4px rgba(0,0,0,.05);position:relative}.progress-bar[data-v-fa0fd480]{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .5s ease;position:relative;z-index:2;box-shadow:0 0 10px rgba(76,175,80,.4)}.game-display.correct .progress-bar[data-v-fa0fd480]{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 15px rgba(76,175,80,.5)}.game-display.wrong .progress-bar[data-v-fa0fd480]{background:linear-gradient(90deg,#f44336,#ff9800);box-shadow:0 0 15px rgba(244,67,54,.5)}.target-letters[data-v-fa0fd480]{font-size:48px;font-weight:700;margin-bottom:20px;letter-spacing:10px}.target-letters span[data-v-fa0fd480]{display:inline-block;padding:0 10px;color:#666;min-width:20px;transition:all .3s ease}.target-letters span.current[data-v-fa0fd480]{color:#2196f3;border-bottom:3px solid #2196f3;animation:pulse-data-v-fa0fd480 1s infinite}.target-letters span.completed[data-v-fa0fd480]{color:#4caf50}@keyframes pulse-data-v-fa0fd480{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.finger-hint[data-v-fa0fd480]{font-size:18px;color:#607d8b;margin:15px 0;padding:12px 20px;background:rgba(240,248,255,.7);border-radius:12px;display:inline-block;box-shadow:0 4px 12px rgba(0,0,0,.05);border:1px dashed rgba(33,150,243,.3);position:relative;z-index:1}.finger-hint[data-v-fa0fd480]:before{content:"👆";margin-right:8px;font-size:20px}.letter-instruction[data-v-fa0fd480]{font-size:24px;color:#666;margin:20px 0}.typing-guide[data-v-fa0fd480]{margin:30px auto;background:#fff;padding:20px;border-radius:10px;border:1px solid #f0f0f0;box-shadow:none}.hands-container[data-v-fa0fd480]{display:flex;justify-content:center;gap:120px;padding:20px 0;background:hsla(0,0%,100%,.8);border-radius:15px;box-shadow:none;border:1px solid #f0f0f0}.hand[data-v-fa0fd480]{display:flex;gap:12px;transition:transform .3s ease}.hand.left-hand[data-v-fa0fd480]{transform:rotateY(-10deg)}.hand.right-hand[data-v-fa0fd480]{transform:rotateY(10deg)}.finger-container[data-v-fa0fd480]{position:relative;height:120px;display:flex;align-items:flex-end}.finger[data-v-fa0fd480]{position:relative;z-index:2;width:45px;height:90px;background:linear-gradient(180deg,#ffdbac 0,#f1c27d);border-radius:22px 22px 12px 12px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:upright;font-size:14px;color:rgba(0,0,0,.6);transition:all .3s ease;box-shadow:inset 0 -10px 10px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);overflow:hidden}.finger[data-v-fa0fd480]:before{top:5px;height:15px;background:hsla(0,0%,100%,.3);border-radius:50%}.finger[data-v-fa0fd480]:after,.finger[data-v-fa0fd480]:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:25px}.finger[data-v-fa0fd480]:after{bottom:5px;height:10px;background:rgba(241,194,125,.8);border-radius:10px 10px 5px 5px}.finger.active[data-v-fa0fd480]{background:linear-gradient(180deg,#ffdbac 0,#e6b26a);color:rgba(0,0,0,.8);transform:translateY(-15px);box-shadow:inset 0 -10px 10px rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.1)}.left-hand .finger.active[data-v-fa0fd480]{transform:translateY(-15px) rotate(-2deg)}.right-hand .finger.active[data-v-fa0fd480]{transform:translateY(-15px) rotate(2deg)}.finger.pinky[data-v-fa0fd480]{height:75px;width:38px;border-bottom:4px solid rgba(255,64,129,.5)}.finger.ring[data-v-fa0fd480]{height:85px;width:42px;border-bottom:4px solid rgba(124,77,255,.5)}.finger.middle[data-v-fa0fd480]{height:90px;width:45px;border-bottom:4px solid rgba(0,188,212,.5)}.finger.index[data-v-fa0fd480]{height:85px;width:42px;border-bottom:4px solid rgba(255,193,7,.5)}.left-hand .finger[data-v-fa0fd480]{transform-origin:bottom right;transform:rotate(-5deg)}.right-hand .finger[data-v-fa0fd480]{transform-origin:bottom left;transform:rotate(5deg)}.practice-keyboard[data-v-fa0fd480]{background:#2c3e50;padding:20px;border-radius:12px;margin:25px auto;width:fit-content;box-shadow:0 4px 15px rgba(0,0,0,.2);border:1px solid #1e2b38}.practice-row[data-v-fa0fd480]{display:flex;gap:5px;margin-bottom:5px;position:relative}.practice-row[data-v-fa0fd480]:nth-child(2){padding-left:12px}.practice-row[data-v-fa0fd480]:nth-child(3){padding-left:18px}.practice-row[data-v-fa0fd480]:nth-child(4){padding-left:25px}.practice-key[data-v-fa0fd480]{width:40px;height:40px;background:#34495e;color:#fff;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 3px 0 #1e2b38;transition:all .15s ease;position:relative;overflow:hidden}.practice-key[data-v-fa0fd480]:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,0));border-radius:5px 5px 0 0}.practice-key.active[data-v-fa0fd480]{background:#2196f3;transform:translateY(3px);box-shadow:0 0 0 #1e2b38}.backspace-key[data-v-fa0fd480]{width:70px}.tab-key[data-v-fa0fd480]{width:60px}.backslash-key[data-v-fa0fd480]{width:50px}.caps-key[data-v-fa0fd480]{width:70px}.enter-key[data-v-fa0fd480]{width:75px}.shift-key-right[data-v-fa0fd480],.shift-key[data-v-fa0fd480]{width:90px}.alt-key[data-v-fa0fd480],.ctrl-key[data-v-fa0fd480],.menu-key[data-v-fa0fd480],.win-key[data-v-fa0fd480]{width:50px}.space-key[data-v-fa0fd480]{width:250px;font-size:14px}.report-modal[data-v-fa0fd480]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.report-content[data-v-fa0fd480]{background:#fff;padding:0;border-radius:24px;max-width:600px;width:90%;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden;animation:bounceIn-data-v-fa0fd480 .6s ease;border:none;position:relative}@keyframes bounceIn-data-v-fa0fd480{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.report-content h2[data-v-fa0fd480]{font-size:28px;margin:0;padding:25px 0;color:#fff;background:linear-gradient(135deg,#4a6fff,#9c4aff);border-radius:24px 24px 0 0;position:relative;font-weight:700}.report-content h2[data-v-fa0fd480]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#fff;border-radius:4px}.report-stats[data-v-fa0fd480]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px;position:relative}.stat-item[data-v-fa0fd480]{padding:20px 15px;background:#f8f9ff;border-radius:16px;transition:all .3s ease;box-shadow:0 8px 16px rgba(0,0,0,.05);position:relative;overflow:hidden;border:2px solid #f0f0f0;animation:fadeInUp-data-v-fa0fd480 .5s ease-out forwards;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@keyframes fadeInUp-data-v-fa0fd480{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-item[data-v-fa0fd480]:first-child{animation-delay:.1s}.stat-item[data-v-fa0fd480]:nth-child(2){animation-delay:.2s}.stat-item[data-v-fa0fd480]:nth-child(3){animation-delay:.3s}.stat-item[data-v-fa0fd480]:nth-child(4){animation-delay:.4s}.stat-item[data-v-fa0fd480]:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:#e0e7ff;background:#f0f7ff}.stat-item[data-v-fa0fd480]:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#4a6fff,#9c4aff);opacity:0;transition:opacity .3s;border-radius:3px 3px 0 0}.stat-item[data-v-fa0fd480]:hover:before{opacity:1}.stat-label[data-v-fa0fd480]{font-size:15px;color:#666;margin-bottom:10px;position:relative;display:inline-block;font-weight:600;text-align:center}.stat-label[data-v-fa0fd480]:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:#ddd;border-radius:2px}.stat-value[data-v-fa0fd480]{font-size:26px;font-weight:700;color:#4a6fff;text-shadow:0 2px 4px rgba(74,111,255,.2);position:relative;display:inline-block;text-align:center;margin-top:5px}.report-message[data-v-fa0fd480]{margin:0 30px 30px;padding:25px 20px;background:#f0f7ff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,.05);border:2px dashed #e0e7ff;animation:fadeIn-data-v-fa0fd480 .6s ease-out .5s forwards;opacity:0;text-align:center}.report-message[data-v-fa0fd480]:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#4a6fff;opacity:.1;border-radius:50%}.report-message[data-v-fa0fd480]:after{content:"";position:absolute;bottom:-30px;left:-30px;width:100px;height:100px;background:#9c4aff;opacity:.1;border-radius:50%}.report-message .result-container[data-v-fa0fd480]{display:flex;flex-direction:column;align-items:center;justify-content:center}.report-message img[data-v-fa0fd480]{width:120px;height:120px;margin-bottom:15px}.report-message p[data-v-fa0fd480]{font-size:20px;color:#4a6fff;font-weight:600;margin:10px 0 0;padding:0;position:relative;display:block;text-align:center}.report-buttons[data-v-fa0fd480]{display:flex;gap:15px;justify-content:center;padding:0 30px 30px;animation:fadeIn-data-v-fa0fd480 .6s ease-out .7s forwards;opacity:0}.report-buttons button[data-v-fa0fd480]{padding:12px 25px;font-size:16px;font-weight:600;border-radius:50px;transition:all .3s ease;box-shadow:0 8px 16px rgba(0,0,0,.1);position:relative;overflow:hidden;border:none;cursor:pointer;min-width:140px}.report-buttons button[data-v-fa0fd480]:first-child{background:linear-gradient(135deg,#4a6fff,#9c4aff);color:#fff}.report-buttons button[data-v-fa0fd480]:first-child:hover{transform:translateY(-3px);box-shadow:0 12px 20px rgba(74,111,255,.3)}.report-buttons button[data-v-fa0fd480]:last-child{background:#fff;color:#666;border:2px solid #eee}.report-buttons button[data-v-fa0fd480]:last-child:hover{background:#f8f9ff;transform:translateY(-3px);box-shadow:0 12px 20px rgba(0,0,0,.05);border-color:#e0e7ff;color:#4a6fff}.history-modal[data-v-fa0fd480]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.history-content[data-v-fa0fd480]{background:#fff;padding:30px;border-radius:24px;max-width:600px;width:90%;max-height:80vh;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.15);border:3px solid hsla(0,0%,100%,.7);animation:popIn-data-v-fa0fd480 .5s ease;display:flex;flex-direction:column}@keyframes popIn-data-v-fa0fd480{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.history-header[data-v-fa0fd480]{display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative;z-index:1}.history-title-icon[data-v-fa0fd480]{font-size:32px;margin-right:15px}.history-close-btn[data-v-fa0fd480]{position:absolute;right:0;top:0;background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:5px;transition:all .3s ease}.history-close-btn[data-v-fa0fd480]:hover{color:#f44336;transform:scale(1.2)}.history-content h2[data-v-fa0fd480]{font-size:28px;color:#4a4a4a;margin:0;color:#7b68ee;font-weight:700;letter-spacing:.5px}.history-list[data-v-fa0fd480]{margin:20px 0;position:relative;z-index:1;overflow-y:auto;max-height:calc(80vh - 180px);padding-right:10px}.history-list[data-v-fa0fd480]::-webkit-scrollbar{width:8px}.history-list[data-v-fa0fd480]::-webkit-scrollbar-track{background:rgba(240,240,255,.5);border-radius:10px}.history-list[data-v-fa0fd480]::-webkit-scrollbar-thumb{background:rgba(108,92,231,.3);border-radius:10px}.history-list[data-v-fa0fd480]::-webkit-scrollbar-thumb:hover{background:rgba(108,92,231,.5)}.history-item[data-v-fa0fd480]{background:hsla(0,0%,100%,.8);border-radius:16px;padding:18px;margin-bottom:15px;box-shadow:0 5px 15px rgba(0,0,0,.05);border:1px solid rgba(230,230,250,.7);transition:all .3s ease;position:relative;overflow:hidden}.history-item[data-v-fa0fd480]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.history-item[data-v-fa0fd480]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#a29bfe,#6c5ce7);border-radius:4px 0 0 4px}.history-item-header[data-v-fa0fd480]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed rgba(108,92,231,.2)}.history-date[data-v-fa0fd480]{font-size:14px;color:#666;display:flex;align-items:center}.date-icon[data-v-fa0fd480]{margin-right:5px}.history-badge[data-v-fa0fd480]{background:linear-gradient(145deg,#a29bfe,#6c5ce7);color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;box-shadow:0 2px 5px rgba(108,92,231,.3)}.history-details[data-v-fa0fd480]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.detail-item[data-v-fa0fd480]{display:flex;align-items:center;padding:8px;background:rgba(240,240,255,.5);border-radius:10px;transition:all .3s ease}.detail-item[data-v-fa0fd480]:hover{background:rgba(230,230,250,.8);transform:translateY(-2px)}.detail-icon[data-v-fa0fd480]{font-size:18px;margin-right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.detail-item .label[data-v-fa0fd480]{color:#666;font-size:13px;margin-right:auto}.detail-item .value[data-v-fa0fd480]{font-weight:600;color:#6c5ce7;font-size:15px}.no-history[data-v-fa0fd480]{text-align:center;color:#666;padding:40px 20px;background:hsla(0,0%,100%,.7);border-radius:16px;position:relative;overflow:hidden}.no-history-icon[data-v-fa0fd480]{font-size:48px;margin-bottom:15px}.no-history p[data-v-fa0fd480]{font-size:16px;color:#666;margin:0}.history-buttons[data-v-fa0fd480]{display:flex;justify-content:center;gap:15px;margin-top:25px;position:sticky;bottom:0;padding:15px 0 5px 0;z-index:10}.history-button[data-v-fa0fd480]{padding:12px 24px;font-size:15px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;box-shadow:0 4px 10px rgba(0,0,0,.1);position:relative;overflow:hidden}.history-button[data-v-fa0fd480]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.15)}.history-button[data-v-fa0fd480]:active{transform:translateY(1px);box-shadow:0 2px 5px rgba(0,0,0,.1)}.clear-button[data-v-fa0fd480]{background:linear-gradient(145deg,#ff6b6b,#ee5253);color:#fff}.clear-button[data-v-fa0fd480]:hover{background:linear-gradient(145deg,#ee5253,#ff6b6b)}.close-button[data-v-fa0fd480]{background:linear-gradient(145deg,#a29bfe,#6c5ce7);color:#fff}.close-button[data-v-fa0fd480]:hover{background:linear-gradient(145deg,#6c5ce7,#a29bfe)}.exit-button[data-v-fa0fd480]{width:100%;padding:12px;background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 10px rgba(255,82,82,.2);margin-top:5px}.exit-button[data-v-fa0fd480]:hover{background:linear-gradient(135deg,#ff1744,#d50000);transform:translateY(-3px);box-shadow:0 6px 15px rgba(255,82,82,.3)}.exit-button[data-v-fa0fd480]:active{transform:translateY(0);box-shadow:0 2px 5px rgba(255,82,82,.2)}.button-icon[data-v-fa0fd480]{font-size:16px;position:relative;z-index:2}@keyframes fadeIn-data-v-fa0fd480{0%{opacity:0}to{opacity:1}}@keyframes scoreChange-data-v-fa0fd480{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (prefers-color-scheme:dark){.game-sidebar[data-v-fa0fd480]{background:rgba(44,62,80,.9);border-left:2px solid hsla(0,0%,100%,.1)}.game-sidebar.collapsed[data-v-fa0fd480]{background:rgba(25,42,60,.95)}.collapse-toggle[data-v-fa0fd480]{background:rgba(33,150,243,.3)}.collapse-toggle[data-v-fa0fd480]:hover{background:rgba(33,150,243,.4)}.sidebar-header h1[data-v-fa0fd480]{color:#64b5f6}.divider[data-v-fa0fd480]{background:linear-gradient(90deg,transparent,rgba(33,150,243,.3),transparent)}.stat-box[data-v-fa0fd480]{background:rgba(44,62,80,.7);box-shadow:0 3px 10px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.05)}.stat-box.score[data-v-fa0fd480]{background:rgba(38,60,38,.7)}.stat-box.accuracy[data-v-fa0fd480]{background:rgba(38,50,60,.7)}.stat-box.speed[data-v-fa0fd480]{background:rgba(60,50,38,.7)}.stat-icon[data-v-fa0fd480]{background:rgba(25,42,60,.9);box-shadow:0 3px 8px rgba(0,0,0,.1)}.stat-content .stat-value[data-v-fa0fd480]{color:#b0bec5}.score .stat-value[data-v-fa0fd480]{color:#81c784}.accuracy .stat-value[data-v-fa0fd480]{color:#64b5f6}.speed .stat-value[data-v-fa0fd480]{color:#ffb74d}.stat-content .stat-label[data-v-fa0fd480]{color:#b0bec5}}.back-to-top[data-v-fa0fd480]{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#2196f3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(33,150,243,.3);transition:all .3s ease;z-index:1000}.back-to-top[data-v-fa0fd480]:hover{background:#1976d2;transform:translateY(-3px);box-shadow:0 6px 16px rgba(33,150,243,.4)}.arrow-up[data-v-fa0fd480]{font-size:20px;font-weight:700}.level-complete-message[data-v-fa0fd480]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(76,175,80,.95);color:#fff;padding:20px 40px;border-radius:16px;font-size:24px;font-weight:700;z-index:1000;box-shadow:0 10px 30px rgba(76,175,80,.3);animation:fadeIn-data-v-fa0fd480 .5s ease}.level-complete-message .message-content[data-v-fa0fd480]{text-align:center}.level-complete-message h3[data-v-fa0fd480]{margin:0 0 10px 0;font-size:28px}.level-complete-message p[data-v-fa0fd480]{margin:0;font-size:18px;opacity:.9}