.typing-game[data-v-6a51df1a]{margin:20px;transition:padding-right .3s ease}.typing-game.collapsed[data-v-6a51df1a]{padding-right:20px}.game-header[data-v-6a51df1a]{display:none}.game-sidebar[data-v-6a51df1a]{--sidebar-width:220px;position:fixed;right:0;top:50%;transform:translateY(-50%);width:var(--sidebar-width);background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(240,249,255,.9));border-radius:20px 0 0 20px;box-shadow:-5px 0 15px rgba(0,0,0,.05),-2px 0 5px rgba(33,150,243,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;z-index:100;border-left:2px solid hsla(0,0%,100%,.8);padding-right:5px}.game-sidebar[data-v-6a51df1a]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 10% 10%,rgba(33,150,243,.05) 0,transparent 60%),radial-gradient(circle at 90% 90%,rgba(76,175,80,.05) 0,transparent 60%);z-index:-1;opacity:.6;animation:bgShift-data-v-6a51df1a 15s ease-in-out infinite alternate}@keyframes bgShift-data-v-6a51df1a{0%{transform:rotate(0deg)}to{transform:rotate(5deg)}}.game-sidebar.collapsed[data-v-6a51df1a]{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-6a51df1a]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(90deg,rgba(33,150,243,.2),rgba(33,150,243,.1));border-radius:0 8px 8px 0;transition:all .3s ease;z-index:101;box-shadow:2px 0 5px rgba(0,0,0,.05)}.collapse-toggle[data-v-6a51df1a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,.2),transparent);border-radius:0 8px 8px 0;opacity:.5}.collapse-toggle[data-v-6a51df1a]:hover{background:linear-gradient(90deg,rgba(33,150,243,.3),rgba(33,150,243,.2));width:35px}.toggle-icon[data-v-6a51df1a]{font-size:14px;color:#2196f3;transition:all .3s ease;text-shadow:0 0 3px hsla(0,0%,100%,.8);z-index:2}.collapse-toggle:hover .toggle-icon[data-v-6a51df1a]{transform:scale(1.2)}.collapsed .toggle-icon[data-v-6a51df1a]{transform:rotate(180deg)}.stats-container[data-v-6a51df1a]{padding:20px 15px 15px 35px;opacity:1;transform:translateX(0);transition:all .3s ease}.collapsed .stats-container[data-v-6a51df1a]{opacity:0;transform:translateX(100%)}.sidebar-header[data-v-6a51df1a]{text-align:center;padding-bottom:15px;position:relative}.sidebar-header h1[data-v-6a51df1a]{font-size:22px;background:linear-gradient(45deg,#2196f3,#03a9f4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-weight:700;letter-spacing:.5px;position:relative;display:inline-block}.sidebar-header h1[data-v-6a51df1a]:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:linear-gradient(90deg,#2196f3,#03a9f4);border-radius:3px}.divider[data-v-6a51df1a]{height:2px;background:linear-gradient(90deg,transparent,rgba(33,150,243,.5),transparent);margin:15px 0;opacity:.5;position:relative;overflow:hidden}.divider[data-v-6a51df1a]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent);animation:shimmer-data-v-6a51df1a 2s infinite}@keyframes shimmer-data-v-6a51df1a{0%{transform:translateX(0)}to{transform:translateX(200%)}}.stats-container[data-v-6a51df1a]{display:flex;flex-direction:column;gap:15px}.stat-box[data-v-6a51df1a]{position:relative;padding:12px 15px;border-radius:15px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.7);box-shadow:0 3px 10px rgba(0,0,0,.03),0 1px 3px rgba(0,0,0,.02),inset 0 1px 1px hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.7)}.stat-box[data-v-6a51df1a]:hover{transform:translateX(-8px) translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.05),0 3px 5px rgba(0,0,0,.03),inset 0 1px 1px hsla(0,0%,100%,.9)}.stat-box[data-v-6a51df1a]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.4));opacity:0;transition:opacity .3s}.stat-box[data-v-6a51df1a]:hover:before{opacity:1}.stat-box.score[data-v-6a51df1a]{background:linear-gradient(135deg,hsla(0,0%,100%,.7),rgba(230,255,230,.7));border-left:3px solid rgba(76,175,80,.7)}.stat-box.accuracy[data-v-6a51df1a]{background:linear-gradient(135deg,hsla(0,0%,100%,.7),rgba(230,240,255,.7));border-left:3px solid rgba(33,150,243,.7)}.stat-box.level[data-v-6a51df1a],.stat-box.speed[data-v-6a51df1a]{background:linear-gradient(135deg,hsla(0,0%,100%,.7),rgba(255,240,230,.7));border-left:3px solid rgba(255,152,0,.7)}.stat-icon[data-v-6a51df1a]{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),inset 0 -2px 0 rgba(0,0,0,.05);position:relative;overflow:hidden;animation:iconFloat-data-v-6a51df1a 3s ease-in-out infinite}@keyframes iconFloat-data-v-6a51df1a{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.score .stat-icon[data-v-6a51df1a]{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.accuracy .stat-icon[data-v-6a51df1a]{background:linear-gradient(135deg,#2196f3,#03a9f4);color:#fff}.speed .stat-icon[data-v-6a51df1a]{background:linear-gradient(135deg,#ff9800,#ffc107);color:#fff}.stat-icon[data-v-6a51df1a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:hsla(0,0%,100%,.2);border-radius:12px 12px 0 0}.stat-content[data-v-6a51df1a]{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-content .stat-value[data-v-6a51df1a]{font-size:26px;font-weight:700;white-space:nowrap;text-align:center;margin-bottom:2px;background:linear-gradient(45deg,#333,#555);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;letter-spacing:.5px;position:relative}.score .stat-value[data-v-6a51df1a]{background:linear-gradient(45deg,#2e7d32,#43a047);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.accuracy .stat-value[data-v-6a51df1a]{background:linear-gradient(45deg,#1565c0,#1976d2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.speed .stat-value[data-v-6a51df1a]{background:linear-gradient(45deg,#e65100,#f57c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-content .stat-label[data-v-6a51df1a]{font-size:12px;text-transform:uppercase;letter-spacing:.8px;opacity:.8;text-align:center;font-weight:500;color:#666}.stat-content .stat-label[data-v-6a51df1a]:before{display:none}.stat-label[data-v-6a51df1a]{margin-top:10px}.stat-label[data-v-6a51df1a]:before{top:-4px}.game-display[data-v-6a51df1a]{margin-top:30px;text-align:center;padding:35px 40px 40px;margin:20px 0;border-radius:20px;background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 35px rgba(0,0,0,.08),0 5px 15px rgba(0,0,0,.04);border:2px solid rgba(25,118,210,.1);position:relative;overflow:hidden}.game-display[data-v-6a51df1a]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0,rgba(200,230,255,.3),transparent 70%);pointer-events:none;z-index:0}.game-display[data-v-6a51df1a]:after{content:"";position:absolute;bottom:-10px;right:-10px;width:200px;height:200px;background:radial-gradient(circle,rgba(33,150,243,.05),transparent 70%);border-radius:50%;z-index:0}.game-display.correct[data-v-6a51df1a]{background:linear-gradient(180deg,#e8f5e9,#fff);border-color:#a5d6a7;box-shadow:0 15px 35px rgba(76,175,80,.15),0 5px 15px rgba(76,175,80,.08)}.game-display.wrong[data-v-6a51df1a]{background:linear-gradient(180deg,#ffebee,#fff);border-color:#ffcdd2;box-shadow:0 15px 35px rgba(244,67,54,.15),0 5px 15px rgba(244,67,54,.08)}.progress-container[data-v-6a51df1a]{margin-bottom:30px;padding-bottom:20px;border-bottom:2px dashed rgba(0,0,0,.05);position:relative;z-index:1}.progress-row[data-v-6a51df1a]{display:flex;align-items:center;justify-content:space-between;gap:20px}.level-info[data-v-6a51df1a]{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-6a51df1a]:before{content:"🚀";margin-right:8px;font-size:1.1em}.progress[data-v-6a51df1a]{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[data-v-6a51df1a]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 20px);border-radius:6px;z-index:1}.progress-bar[data-v-6a51df1a]{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;box-shadow:0 0 10px rgba(76,175,80,.4)}.game-display.correct .progress-bar[data-v-6a51df1a]{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 15px rgba(76,175,80,.5)}.game-display.wrong .progress-bar[data-v-6a51df1a]{background:linear-gradient(90deg,#f44336,#ff9800);box-shadow:0 0 15px rgba(244,67,54,.5)}.target-letters[data-v-6a51df1a]{font-size:48px;font-weight:700;margin-bottom:20px;letter-spacing:10px}.target-letters span[data-v-6a51df1a]{display:inline-block;padding:0 10px;color:#666;min-width:20px}.target-letters span.current[data-v-6a51df1a]{color:#2196f3;border-bottom:3px solid #2196f3;animation:pulse-data-v-6a51df1a 1s infinite}.target-letters span.completed[data-v-6a51df1a]{color:#4caf50}.finger-hint[data-v-6a51df1a]{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;animation:float-data-v-6a51df1a 3s ease-in-out infinite}.finger-hint[data-v-6a51df1a]:before{content:"👆";margin-right:8px;font-size:20px}@keyframes float-data-v-6a51df1a{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.letter-instruction[data-v-6a51df1a]{font-size:24px;color:#666;margin:20px 0}.typing-guide[data-v-6a51df1a]{margin:30px auto;background:#fff;padding:20px;border-radius:10px;border:1px solid #f0f0f0;box-shadow:none}.hands-container[data-v-6a51df1a]{display:flex;justify-content:center;gap:120px;padding:20px 0;perspective:1000px;background:hsla(0,0%,100%,.8);border-radius:15px;box-shadow:none;border:1px solid #f0f0f0}.hand[data-v-6a51df1a]{display:flex;gap:12px;transform-style:preserve-3d;transition:transform .3s ease}.hand.left-hand[data-v-6a51df1a]{transform:rotateY(-10deg)}.hand.right-hand[data-v-6a51df1a]{transform:rotateY(10deg)}.finger-container[data-v-6a51df1a]{position:relative;height:120px;display:flex;align-items:flex-end}.finger[data-v-6a51df1a]{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;box-shadow:inset 0 -10px 10px rgba(0,0,0,.05),inset 2px 0 5px hsla(0,0%,100%,.3),inset -2px 0 5px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);overflow:hidden}.finger[data-v-6a51df1a]:before{top:5px;height:15px;background:hsla(0,0%,100%,.3);border-radius:50%}.finger[data-v-6a51df1a]:after,.finger[data-v-6a51df1a]:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:25px}.finger[data-v-6a51df1a]:after{bottom:5px;height:10px;background:rgba(241,194,125,.8);border-radius:10px 10px 5px 5px}.finger.active[data-v-6a51df1a]{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),inset 2px 0 5px hsla(0,0%,100%,.3),inset -2px 0 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.1);animation:fingerPulse-data-v-6a51df1a .8s infinite alternate}@keyframes fingerPulse-data-v-6a51df1a{0%{transform:translateY(-15px) scale(1);box-shadow:inset 0 -10px 10px rgba(0,0,0,.1),inset 2px 0 5px hsla(0,0%,100%,.3),inset -2px 0 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.1)}to{transform:translateY(-15px) scale(1.05);box-shadow:inset 0 -10px 10px rgba(0,0,0,.1),inset 2px 0 5px hsla(0,0%,100%,.3),inset -2px 0 5px rgba(0,0,0,.2),0 8px 15px rgba(0,0,0,.15),0 0 8px rgba(76,175,80,.5)}}.left-hand .finger.active[data-v-6a51df1a]{transform:translateY(-15px) rotate(-2deg);animation:fingerPulseLeft-data-v-6a51df1a .8s infinite alternate}.right-hand .finger.active[data-v-6a51df1a]{transform:translateY(-15px) rotate(2deg);animation:fingerPulseRight-data-v-6a51df1a .8s infinite alternate}@keyframes fingerPulseLeft-data-v-6a51df1a{0%{transform:translateY(-15px) rotate(-2deg) scale(1);box-shadow:inset 0 -10px 10px rgba(0,0,0,.1),inset 2px 0 5px hsla(0,0%,100%,.3),inset -2px 0 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.1)}to{transform:translateY(-15px) rotate(-2deg) scale(1.05);box-shadow:inset 0 -10px 10px rgba(0,0,0,.1),inset 2px 0 5px hsla(0,0%,100%,.3),inset -2px 0 5px rgba(0,0,0,.2),0 8px 15px rgba(0,0,0,.15),0 0 8px rgba(76,175,80,.5)}}@keyframes fingerPulseRight-data-v-6a51df1a{0%{transform:translateY(-15px) rotate(2deg) scale(1);box-shadow:inset 0 -10px 10px rgba(0,0,0,.1),inset 2px 0 5px hsla(0,0%,100%,.3),inset -2px 0 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.1)}to{transform:translateY(-15px) rotate(2deg) scale(1.05);box-shadow:inset 0 -10px 10px rgba(0,0,0,.1),inset 2px 0 5px hsla(0,0%,100%,.3),inset -2px 0 5px rgba(0,0,0,.2),0 8px 15px rgba(0,0,0,.15),0 0 8px rgba(76,175,80,.5)}}.finger-track[data-v-6a51df1a]{position:absolute;bottom:100%;left:50%;width:2px;height:50px;background:linear-gradient(0deg,rgba(76,175,80,.5),transparent);transform-origin:bottom center;animation:moveTrack-data-v-6a51df1a .8s ease-in-out infinite}@keyframes moveTrack-data-v-6a51df1a{0%{transform:translateY(0) scaleY(1);opacity:1}50%{transform:translateY(-20px) scaleY(.8);opacity:.5}to{transform:translateY(-40px) scaleY(.6);opacity:0}}.finger.pinky[data-v-6a51df1a]{height:75px;width:38px;border-bottom:4px solid rgba(255,64,129,.5)}.finger.ring[data-v-6a51df1a]{height:85px;width:42px;border-bottom:4px solid rgba(124,77,255,.5)}.finger.middle[data-v-6a51df1a]{height:90px;width:45px;border-bottom:4px solid rgba(0,188,212,.5)}.finger.index[data-v-6a51df1a]{height:85px;width:42px;border-bottom:4px solid rgba(255,193,7,.5)}.left-hand .finger[data-v-6a51df1a]{transform-origin:bottom right;transform:rotate(-5deg)}.right-hand .finger[data-v-6a51df1a]{transform-origin:bottom left;transform:rotate(5deg)}.practice-keyboard[data-v-6a51df1a]{background:#2c3e50;padding:20px;border-radius:12px;margin:25px auto;width:fit-content;transform:none;box-shadow:0 4px 15px rgba(0,0,0,.2);border:1px solid #1e2b38}.practice-row[data-v-6a51df1a]{display:flex;gap:5px;margin-bottom:5px;position:relative}.practice-row[data-v-6a51df1a]:nth-child(2){padding-left:12px}.practice-row[data-v-6a51df1a]:nth-child(3){padding-left:18px}.practice-row[data-v-6a51df1a]:nth-child(4){padding-left:25px}.practice-key[data-v-6a51df1a]{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-6a51df1a]: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-6a51df1a]{background:#2196f3;transform:translateY(3px);box-shadow:0 0 0 #1e2b38}.backspace-key[data-v-6a51df1a]{width:70px}.tab-key[data-v-6a51df1a]{width:60px}.backslash-key[data-v-6a51df1a]{width:50px}.caps-key[data-v-6a51df1a]{width:70px}.enter-key[data-v-6a51df1a]{width:75px}.shift-key-right[data-v-6a51df1a],.shift-key[data-v-6a51df1a]{width:90px}.alt-key[data-v-6a51df1a],.ctrl-key[data-v-6a51df1a],.menu-key[data-v-6a51df1a],.win-key[data-v-6a51df1a]{width:50px}.space-key[data-v-6a51df1a]{width:250px;font-size:14px}.report-modal[data-v-6a51df1a]{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;backdrop-filter:blur(8px);animation:fadeIn-data-v-6a51df1a .4s cubic-bezier(.165,.84,.44,1)}@keyframes fadeIn-data-v-6a51df1a{0%{opacity:0}to{opacity:1}}.report-content[data-v-6a51df1a]{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-6a51df1a .6s cubic-bezier(.175,.885,.32,1.275);border:none;position:relative}@keyframes bounceIn-data-v-6a51df1a{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.report-content h2[data-v-6a51df1a]{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;text-shadow:0 2px 4px rgba(0,0,0,.2)}.report-content h2[data-v-6a51df1a]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.report-stats[data-v-6a51df1a]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px;position:relative}.report-stats[data-v-6a51df1a]:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="10" cy="10" r="2" fill="%23f0f0f0"/><circle cx="30" cy="10" r="2" fill="%23f0f0f0"/><circle cx="50" cy="10" r="2" fill="%23f0f0f0"/><circle cx="70" cy="10" r="2" fill="%23f0f0f0"/><circle cx="90" cy="10" r="2" fill="%23f0f0f0"/><circle cx="10" cy="30" r="2" fill="%23f0f0f0"/><circle cx="30" cy="30" r="2" fill="%23f0f0f0"/><circle cx="50" cy="30" r="2" fill="%23f0f0f0"/><circle cx="70" cy="30" r="2" fill="%23f0f0f0"/><circle cx="90" cy="30" r="2" fill="%23f0f0f0"/><circle cx="10" cy="50" r="2" fill="%23f0f0f0"/><circle cx="30" cy="50" r="2" fill="%23f0f0f0"/><circle cx="50" cy="50" r="2" fill="%23f0f0f0"/><circle cx="70" cy="50" r="2" fill="%23f0f0f0"/><circle cx="90" cy="50" r="2" fill="%23f0f0f0"/><circle cx="10" cy="70" r="2" fill="%23f0f0f0"/><circle cx="30" cy="70" r="2" fill="%23f0f0f0"/><circle cx="50" cy="70" r="2" fill="%23f0f0f0"/><circle cx="70" cy="70" r="2" fill="%23f0f0f0"/><circle cx="90" cy="70" r="2" fill="%23f0f0f0"/><circle cx="10" cy="90" r="2" fill="%23f0f0f0"/><circle cx="30" cy="90" r="2" fill="%23f0f0f0"/><circle cx="50" cy="90" r="2" fill="%23f0f0f0"/><circle cx="70" cy="90" r="2" fill="%23f0f0f0"/><circle cx="90" cy="90" r="2" fill="%23f0f0f0"/></svg>');z-index:-1;opacity:.3}.stat-item[data-v-6a51df1a]{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-6a51df1a .5s ease-out forwards;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@keyframes fadeInUp-data-v-6a51df1a{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-item[data-v-6a51df1a]:first-child{animation-delay:.1s}.stat-item[data-v-6a51df1a]:nth-child(2){animation-delay:.2s}.stat-item[data-v-6a51df1a]:nth-child(3){animation-delay:.3s}.stat-item[data-v-6a51df1a]:nth-child(4){animation-delay:.4s}.stat-item[data-v-6a51df1a]:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:#e0e7ff;background:#f0f7ff}.stat-item[data-v-6a51df1a]: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-6a51df1a]:hover:before{opacity:1}.stat-label[data-v-6a51df1a]{font-size:15px;color:#666;margin-bottom:10px;position:relative;display:inline-block;font-weight:600;text-align:center}.stat-label[data-v-6a51df1a]:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:#ddd;border-radius:2px}.stat-value[data-v-6a51df1a]{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-6a51df1a]{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-6a51df1a .6s ease-out .5s forwards;opacity:0;text-align:center}.report-message[data-v-6a51df1a]:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#4a6fff;opacity:.1;border-radius:50%}.report-message[data-v-6a51df1a]: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-6a51df1a]{display:flex;flex-direction:column;align-items:center;justify-content:center}.report-message img[data-v-6a51df1a]{width:120px;height:120px;margin-bottom:15px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:pulse-data-v-6a51df1a 2s ease-in-out infinite;transform-origin:center}.report-message p[data-v-6a51df1a]{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-6a51df1a]{display:flex;gap:15px;justify-content:center;padding:0 30px 30px;animation:fadeIn-data-v-6a51df1a .6s ease-out .7s forwards;opacity:0}.report-buttons button[data-v-6a51df1a]{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-6a51df1a]:first-child{background:linear-gradient(135deg,#4a6fff,#9c4aff);color:#fff}.report-buttons button[data-v-6a51df1a]:first-child:hover{transform:translateY(-3px);box-shadow:0 12px 20px rgba(74,111,255,.3)}.report-buttons button[data-v-6a51df1a]:first-child:active{transform:translateY(-1px);box-shadow:0 5px 10px rgba(74,111,255,.2)}.report-buttons button[data-v-6a51df1a]:last-child{background:#fff;color:#666;border:2px solid #eee}.report-buttons button[data-v-6a51df1a]:last-child:hover{background:#f8f9ff;transform:translateY(-3px);box-shadow:0 12px 20px rgba(0,0,0,.05);border-color:#e0e7ff;color:#4a6fff}.report-buttons button[data-v-6a51df1a]:last-child:active{transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.03)}.report-buttons button[data-v-6a51df1a]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,0));transform:translateY(-100%);transition:transform .6s}.report-buttons button[data-v-6a51df1a]:hover:before{transform:translateY(0)}.history-modal[data-v-6a51df1a]{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;animation:fadeIn-data-v-6a51df1a .3s ease-out;backdrop-filter:blur(5px)}.history-content[data-v-6a51df1a]{background:linear-gradient(145deg,#fff,#f0f4ff);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),0 5px 15px rgba(66,133,244,.1),inset 0 -4px 0 rgba(0,0,0,.05);border:3px solid hsla(0,0%,100%,.7);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.history-header[data-v-6a51df1a]{display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative;z-index:1}.history-title-icon[data-v-6a51df1a]{font-size:32px;margin-right:15px;animation:floatIcon 3s ease-in-out infinite}.history-close-btn[data-v-6a51df1a]{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-6a51df1a]:hover{color:#f44336;transform:scale(1.2)}.history-content h2[data-v-6a51df1a]{font-size:28px;color:#4a4a4a;margin:0;background:linear-gradient(90deg,#7b68ee,#3498db);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:700;letter-spacing:.5px}.history-decoration[data-v-6a51df1a]{position:absolute;width:80px;height:80px;border-radius:50%;z-index:0;opacity:.1}.history-decoration.top-left[data-v-6a51df1a]{top:-20px;left:-20px;background:radial-gradient(circle,#ff9ff3,#feca57)}.history-decoration.top-right[data-v-6a51df1a]{top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,#48dbfb,#1dd1a1)}.history-decoration.bottom-left[data-v-6a51df1a]{bottom:-40px;left:-20px;width:120px;height:120px;background:radial-gradient(circle,#ff6b6b,#ee5253)}.history-decoration.bottom-right[data-v-6a51df1a]{bottom:-30px;right:-30px;background:radial-gradient(circle,#54a0ff,#2e86de)}.history-list[data-v-6a51df1a]{margin:20px 0;position:relative;z-index:1;overflow-y:auto;max-height:calc(80vh - 180px);padding-right:10px}.history-list[data-v-6a51df1a]::-webkit-scrollbar{width:8px}.history-list[data-v-6a51df1a]::-webkit-scrollbar-track{background:rgba(240,240,255,.5);border-radius:10px}.history-list[data-v-6a51df1a]::-webkit-scrollbar-thumb{background:rgba(108,92,231,.3);border-radius:10px}.history-list[data-v-6a51df1a]::-webkit-scrollbar-thumb:hover{background:rgba(108,92,231,.5)}.history-item[data-v-6a51df1a]{background:hsla(0,0%,100%,.8);border-radius:16px;padding:18px;margin-bottom:15px;box-shadow:0 5px 15px rgba(0,0,0,.05),inset 0 -2px 0 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-6a51df1a]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.05)}.history-item[data-v-6a51df1a]: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-6a51df1a]{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-6a51df1a]{font-size:14px;color:#666;display:flex;align-items:center}.date-icon[data-v-6a51df1a]{margin-right:5px}.history-badge[data-v-6a51df1a]{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-6a51df1a]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.detail-item[data-v-6a51df1a]{display:flex;align-items:center;padding:8px;background:rgba(240,240,255,.5);border-radius:10px;transition:all .3s ease}.detail-item[data-v-6a51df1a]:hover{background:rgba(230,230,250,.8);transform:translateY(-2px)}.detail-icon[data-v-6a51df1a]{font-size:18px;margin-right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.detail-item .label[data-v-6a51df1a]{color:#666;font-size:13px;margin-right:auto}.detail-item .value[data-v-6a51df1a]{font-weight:600;color:#6c5ce7;font-size:15px;background:linear-gradient(90deg,#6c5ce7,#a29bfe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.no-history[data-v-6a51df1a]{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-6a51df1a]{font-size:48px;margin-bottom:15px;animation:pulse-data-v-6a51df1a 2s ease-in-out infinite}@keyframes pulse-data-v-6a51df1a{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.no-history p[data-v-6a51df1a]{font-size:16px;color:#666;margin:0}.no-history-decoration[data-v-6a51df1a]{position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(108,92,231,.1),rgba(162,155,254,.05));border-radius:50%;z-index:-1}.history-buttons[data-v-6a51df1a]{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-6a51df1a]{padding:12px 24px;font-size:15px;border:none;border-radius:10px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;box-shadow:0 4px 10px rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.1);position:relative;overflow:hidden}.history-button[data-v-6a51df1a]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s}.history-button[data-v-6a51df1a]:hover:before{left:100%}.history-button[data-v-6a51df1a]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.15),inset 0 -2px 0 rgba(0,0,0,.1)}.history-button[data-v-6a51df1a]:active{transform:translateY(1px);box-shadow:0 2px 5px rgba(0,0,0,.1),inset 0 2px 2px rgba(0,0,0,.1)}.clear-button[data-v-6a51df1a]{background:linear-gradient(145deg,#ff6b6b,#ee5253);color:#fff}.clear-button[data-v-6a51df1a]:hover{background:linear-gradient(145deg,#ee5253,#ff6b6b)}.close-button[data-v-6a51df1a]{background:linear-gradient(145deg,#a29bfe,#6c5ce7);color:#fff}.close-button[data-v-6a51df1a]:hover{background:linear-gradient(145deg,#6c5ce7,#a29bfe)}.exit-button[data-v-6a51df1a]{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 cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 10px rgba(255,82,82,.2),inset 0 -2px 0 rgba(0,0,0,.1);margin-top:5px}.exit-button[data-v-6a51df1a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:hsla(0,0%,100%,.2);border-radius:12px 12px 0 0}.exit-button[data-v-6a51df1a]:hover{background:linear-gradient(135deg,#ff1744,#d50000);transform:translateY(-3px);box-shadow:0 6px 15px rgba(255,82,82,.3),inset 0 -2px 0 rgba(0,0,0,.2)}.exit-button[data-v-6a51df1a]:active{transform:translateY(0);box-shadow:0 2px 5px rgba(255,82,82,.2),inset 0 1px 2px rgba(0,0,0,.2)}.button-icon[data-v-6a51df1a]{font-size:16px;position:relative;z-index:2}@media (prefers-color-scheme:dark){.game-sidebar[data-v-6a51df1a]{background:linear-gradient(135deg,rgba(44,62,80,.9),rgba(25,42,60,.95));border-left:2px solid hsla(0,0%,100%,.1)}.game-sidebar[data-v-6a51df1a]:before{background:radial-gradient(circle at 10% 10%,rgba(33,150,243,.1) 0,transparent 60%),radial-gradient(circle at 90% 90%,rgba(76,175,80,.1) 0,transparent 60%)}.game-sidebar.collapsed[data-v-6a51df1a]{background:rgba(25,42,60,.95)}.collapse-toggle[data-v-6a51df1a]{background:linear-gradient(90deg,rgba(33,150,243,.3),rgba(33,150,243,.2))}.collapse-toggle[data-v-6a51df1a]:hover{background:linear-gradient(90deg,rgba(33,150,243,.4),rgba(33,150,243,.3))}.sidebar-header h1[data-v-6a51df1a]{background:linear-gradient(45deg,#64b5f6,#42a5f5);-webkit-background-clip:text;background-clip:text}.divider[data-v-6a51df1a]{background:linear-gradient(90deg,transparent,rgba(33,150,243,.3),transparent)}.stat-box[data-v-6a51df1a]{background:rgba(44,62,80,.7);box-shadow:0 3px 10px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1),inset 0 1px 1px hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.05)}.stat-box.score[data-v-6a51df1a]{background:linear-gradient(135deg,rgba(44,62,80,.7),rgba(38,60,38,.7))}.stat-box.accuracy[data-v-6a51df1a]{background:linear-gradient(135deg,rgba(44,62,80,.7),rgba(38,50,60,.7))}.stat-box.speed[data-v-6a51df1a]{background:linear-gradient(135deg,rgba(44,62,80,.7),rgba(60,50,38,.7))}.stat-icon[data-v-6a51df1a]{background:rgba(25,42,60,.9);box-shadow:0 3px 8px rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.1)}.stat-content .stat-value[data-v-6a51df1a]{background:linear-gradient(45deg,#b0bec5,#90a4ae);-webkit-background-clip:text;background-clip:text}.score .stat-value[data-v-6a51df1a]{background:linear-gradient(45deg,#81c784,#a5d6a7);-webkit-background-clip:text;background-clip:text}.accuracy .stat-value[data-v-6a51df1a]{background:linear-gradient(45deg,#64b5f6,#90caf9);-webkit-background-clip:text;background-clip:text}.speed .stat-value[data-v-6a51df1a]{background:linear-gradient(45deg,#ffb74d,#ffcc80);-webkit-background-clip:text;background-clip:text}.stat-content .stat-label[data-v-6a51df1a]{color:#b0bec5}}@keyframes scoreChange-data-v-6a51df1a{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}