@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.phone-container[data-v-e9397821]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px}.phone-frame[data-v-e9397821]{position:relative;width:375px;height:812px;background:#fff;border-radius:40px;border:12px solid #1a1a1a;box-shadow:0 0 0 2px #333,0 20px 80px #00000080,inset 0 0 0 1px #ffffff1a;overflow:hidden;display:flex;flex-direction:column}.phone-content[data-v-e9397821]{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;position:relative}.phone-content[data-v-e9397821]::-webkit-scrollbar{width:0;display:none}.phone-content[data-v-e9397821]{-ms-overflow-style:none;scrollbar-width:none}.phone-home-indicator[data-v-e9397821]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;background:#1a1a1a;border-radius:100px;z-index:100}.phone-frame[data-v-e9397821]:before{content:"";position:absolute;top:12px;left:12px;right:12px;height:100px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);border-radius:30px 30px 0 0;pointer-events:none}.phone-frame[data-v-e9397821]:after{content:"";position:absolute;right:-14px;top:150px;width:3px;height:60px;background:#1a1a1a;border-radius:0 2px 2px 0;box-shadow:0 80px #1a1a1a,0 140px #1a1a1a}.phone-frame[data-v-e9397821]:before{content:"";position:absolute;left:-14px;top:180px;width:3px;height:40px;background:#1a1a1a;border-radius:2px 0 0 2px;box-shadow:0 60px #1a1a1a}@media(prefers-color-scheme:dark){.phone-frame[data-v-e9397821]{border-color:#2a2a2a}.phone-home-indicator[data-v-e9397821]{background:#888}}.purchase-modal-overlay[data-v-40a87e1f]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.purchase-modal[data-v-40a87e1f]{background:#fff;border:3px solid #333;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp-40a87e1f .3s ease-out}.close-btn[data-v-40a87e1f]{position:absolute;top:12px;right:12px;background:#ff6b6b;color:#fff;border:none;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;transition:transform .2s;display:flex;align-items:center;justify-content:center}.close-btn[data-v-40a87e1f]:hover{transform:scale(1.1)}.modal-header[data-v-40a87e1f]{text-align:center;padding:20px;border-bottom:2px solid #f0f0f0}.modal-title[data-v-40a87e1f]{font-size:24px;margin-bottom:10px;color:#333}.title-icon[data-v-40a87e1f]{font-size:28px;margin-right:10px}.modal-subtitle[data-v-40a87e1f]{font-size:14px;color:#666}.diamond-balance-card[data-v-40a87e1f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;margin:15px 20px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px}.diamond-icon[data-v-40a87e1f]{font-size:20px}.balance-text[data-v-40a87e1f]{font-size:14px;font-weight:700}.insufficient-hint[data-v-40a87e1f]{font-size:12px;opacity:.9;margin-left:5px}.option-tabs[data-v-40a87e1f]{display:flex;gap:10px;padding:15px 20px;border-bottom:2px solid #f0f0f0}.tab-btn[data-v-40a87e1f]{flex:1;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;transition:all .3s;white-space:nowrap}.tab-btn.active[data-v-40a87e1f]{background:#5cb85c;color:#fff;transform:translateY(-2px)}.tab-icon[data-v-40a87e1f]{font-size:18px}.tab-label[data-v-40a87e1f]{font-size:14px}.tab-badge[data-v-40a87e1f]{position:absolute;top:-8px;right:-8px;background:#ff6b6b;color:#fff;padding:3px 8px;border-radius:10px;font-size:11px}.tab-content[data-v-40a87e1f]{padding:20px;min-height:300px}.best-choice-banner[data-v-40a87e1f]{background:linear-gradient(135deg,gold,#ffed4e);padding:12px;border-radius:10px;text-align:center;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.banner-icon[data-v-40a87e1f]{font-size:24px}.banner-text[data-v-40a87e1f]{font-size:14px;font-weight:700;color:#333}.subscription-plans[data-v-40a87e1f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.plan-card[data-v-40a87e1f]{padding:20px;position:relative;transition:transform .3s}.plan-card[data-v-40a87e1f]:hover{transform:translateY(-5px)}.plan-card.recommended[data-v-40a87e1f]{border-color:gold;box-shadow:0 0 20px #ffd7004d}.ribbon[data-v-40a87e1f]{position:absolute;top:-10px;right:20px;background:#ff6b6b;color:#fff;padding:5px 15px;border-radius:20px;font-size:12px}.plan-name[data-v-40a87e1f]{font-size:18px;margin-bottom:10px}.plan-price[data-v-40a87e1f]{margin-bottom:15px}.currency[data-v-40a87e1f]{font-size:14px}.amount[data-v-40a87e1f]{font-size:28px;font-weight:700;color:#5cb85c}.period[data-v-40a87e1f]{font-size:14px;color:#666}.plan-features[data-v-40a87e1f]{list-style:none;padding:0;margin-bottom:15px}.plan-features li[data-v-40a87e1f]{padding:6px 0;font-size:13px;display:flex;align-items:center;gap:8px;line-height:1.5}.check[data-v-40a87e1f]{color:#5cb85c;font-weight:700}.savings-badge[data-v-40a87e1f]{background:#ff6b6b;color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;text-align:center;margin-bottom:15px}.subscribe-btn[data-v-40a87e1f]{width:100%;padding:16px;font-size:16px!important;min-height:52px}.invite-header[data-v-40a87e1f]{text-align:center;margin-bottom:20px}.invite-image[data-v-40a87e1f]{width:80px;height:80px;margin-bottom:15px}.invite-icon-emoji[data-v-40a87e1f]{font-size:60px;margin-bottom:15px;display:inline-block}.invite-header h3[data-v-40a87e1f]{font-size:18px;margin-bottom:8px}.invite-header p[data-v-40a87e1f]{font-size:14px;color:#666;line-height:1.5}.invite-rewards[data-v-40a87e1f]{display:flex;gap:15px;margin-bottom:20px}.reward-item[data-v-40a87e1f]{flex:1;background:#f8f9fa;padding:15px;border-radius:10px;display:flex;align-items:center;gap:12px}.reward-icon[data-v-40a87e1f]{font-size:32px}.reward-title[data-v-40a87e1f]{font-size:12px;color:#666;margin-bottom:5px}.reward-amount[data-v-40a87e1f]{font-size:18px;font-weight:700;color:#9b59b6}.invite-code-section[data-v-40a87e1f]{margin-bottom:20px}.code-label[data-v-40a87e1f]{display:block;font-size:12px;color:#666;margin-bottom:8px}.code-display[data-v-40a87e1f]{display:flex;gap:10px}.code-input[data-v-40a87e1f]{flex:1;padding:10px;font-size:14px;font-family:monospace;background:#f8f9fa;text-align:center;letter-spacing:2px}.btn-copy[data-v-40a87e1f]{padding:10px 20px;background:#5cb85c;color:#fff}.invite-actions[data-v-40a87e1f]{margin-bottom:20px}.btn-share[data-v-40a87e1f]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.share-icon[data-v-40a87e1f]{font-size:18px}.invite-stats[data-v-40a87e1f]{display:flex;gap:20px;justify-content:center;padding:15px;background:#f8f9fa;border-radius:10px}.stat-item[data-v-40a87e1f]{text-align:center}.stat-value[data-v-40a87e1f]{display:block;font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.stat-label[data-v-40a87e1f]{font-size:12px;color:#666}.modal-footer[data-v-40a87e1f]{padding:15px 20px;background:#f8f9fa;border-top:2px solid #e9ecef}.footer-hint[data-v-40a87e1f]{font-size:13px;color:#666;text-align:center;line-height:1.5}@keyframes slideUp-40a87e1f{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-fade-enter-active[data-v-40a87e1f],.modal-fade-leave-active[data-v-40a87e1f]{transition:opacity .3s}.modal-fade-enter-from[data-v-40a87e1f],.modal-fade-leave-to[data-v-40a87e1f]{opacity:0}.copy-toast[data-v-40a87e1f]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#28283cfa;color:#fff;padding:20px 30px;border-radius:15px;border:2px solid #5cb85c;box-shadow:0 5px 25px #00000080;z-index:10001;display:flex;align-items:center;gap:15px;font-family:"Press Start 2P",monospace;font-size:12px;animation:bounceIn-40a87e1f .5s ease}.toast-icon[data-v-40a87e1f]{font-size:24px;animation:pulse-40a87e1f 1s infinite}.toast-text[data-v-40a87e1f]{line-height:1.5;text-transform:uppercase;letter-spacing:1px}@keyframes bounceIn-40a87e1f{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}60%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes pulse-40a87e1f{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toast-fade-enter-active[data-v-40a87e1f],.toast-fade-leave-active[data-v-40a87e1f]{transition:all .3s ease}.toast-fade-enter-from[data-v-40a87e1f]{opacity:0;transform:translate(-50%,-40%) scale(.9)}.toast-fade-leave-to[data-v-40a87e1f]{opacity:0;transform:translate(-50%,-60%) scale(.9)}@media(max-width:768px){.purchase-modal[data-v-40a87e1f]{max-width:100%;margin:10px}.option-tabs[data-v-40a87e1f]{flex-direction:column}.tab-btn[data-v-40a87e1f]{width:100%}.subscription-plans[data-v-40a87e1f]{grid-template-columns:1fr}.invite-rewards[data-v-40a87e1f]{flex-direction:column}}.permission-notification[data-v-55411ec8]{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,#28283cfa,#1e1e32f2);border-bottom:3px solid #ffd700;padding:8px 15px;box-shadow:0 2px 10px #0000004d;font-family:"Press Start 2P",monospace;font-size:10px;animation:glow-55411ec8 2s ease-in-out infinite}@keyframes glow-55411ec8{0%,to{box-shadow:0 2px 10px #0000004d}50%{box-shadow:0 2px 20px #ffd7004d}}.notification-content[data-v-55411ec8]{display:flex;align-items:center;justify-content:center;gap:20px;max-width:1200px;margin:0 auto;position:relative}.status-item[data-v-55411ec8]{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;transition:all .3s ease}.status-item[data-v-55411ec8]:hover{background:#ffffff26;transform:translateY(-1px)}.status-icon[data-v-55411ec8]{font-size:14px;animation:bounce-55411ec8 2s infinite}@keyframes bounce-55411ec8{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.status-text[data-v-55411ec8]{color:#fff;text-transform:uppercase;letter-spacing:1px}.status-detail[data-v-55411ec8]{color:gold;font-weight:700;margin-left:5px}.warning[data-v-55411ec8]{color:#ff6b6b;margin-left:5px;animation:pulse-55411ec8 1s infinite}@keyframes pulse-55411ec8{0%,to{opacity:1}50%{opacity:.5}}.subscription[data-v-55411ec8]{border-color:gold;background:linear-gradient(45deg,#ffd7001a,#ffffff1a)}.free-play[data-v-55411ec8]{border-color:#5cb85c;background:linear-gradient(45deg,#5cb85c1a,#ffffff1a)}.diamonds[data-v-55411ec8]{border-color:#5bc0de;background:linear-gradient(45deg,#5bc0de1a,#ffffff1a)}.btn-purchase[data-v-55411ec8]{padding:8px 16px;background:linear-gradient(45deg,#ff6b6b,#ff8e53);border:2px solid #fff;color:#fff;font-size:9px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;animation:pulse-bg-55411ec8 2s infinite;position:relative;z-index:10;pointer-events:auto}@keyframes pulse-bg-55411ec8{0%,to{background:linear-gradient(45deg,#ff6b6b,#ff8e53)}50%{background:linear-gradient(45deg,#ff8e53,#ff6b6b)}}.btn-purchase[data-v-55411ec8]:hover{transform:scale(1.05);box-shadow:0 0 20px #ff6b6b80}.close-btn[data-v-55411ec8]{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff9;font-size:22px;cursor:pointer;transition:color .3s ease;padding:8px 12px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-55411ec8]:hover{color:#fff}.slide-down-enter-active[data-v-55411ec8],.slide-down-leave-active[data-v-55411ec8]{transition:all .3s ease}.slide-down-enter-from[data-v-55411ec8],.slide-down-leave-to[data-v-55411ec8]{transform:translateY(-100%);opacity:0}@media(max-width:768px){.permission-notification[data-v-55411ec8]{font-size:10px;padding:8px 12px}.notification-content[data-v-55411ec8]{gap:12px}.status-item[data-v-55411ec8]{padding:6px 10px;gap:6px}.status-icon[data-v-55411ec8]{font-size:14px}.btn-purchase[data-v-55411ec8]{padding:8px 14px;font-size:10px;min-height:36px}}@media(max-width:480px){.notification-content[data-v-55411ec8]{flex-wrap:wrap;justify-content:center;gap:8px}.status-text[data-v-55411ec8]{font-size:9px}.status-item[data-v-55411ec8]{min-width:auto}.btn-purchase[data-v-55411ec8]{width:100%;text-align:center;justify-content:center}}:root{--primary-green: #5CB85C;--primary-blue: #5BC0DE;--primary-yellow: #F0AD4E;--primary-red: #D9534F;--primary-purple: #9B59B6;--dark-bg: #2C3E50;--light-bg: #ECF0F1;--text-dark: #34495E;--text-light: #FFFFFF;--border-dark: #2C3E50;--border-width: 3px;--shadow-offset: 4px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}html{overflow-x:hidden;width:100%}body{font-family:"Press Start 2P",monospace;background-color:var(--light-bg);color:var(--text-dark);font-size:14px;line-height:1.8;overflow-x:hidden;width:100%;position:relative}.pixel-btn{font-family:"Press Start 2P",monospace;font-size:16px;padding:18px 24px;min-height:48px;letter-spacing:1px;border:var(--border-width) solid var(--border-dark);background-color:var(--primary-green);color:var(--text-light);cursor:pointer;position:relative;transition:all .1s;text-transform:uppercase;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-dark);display:inline-block;text-decoration:none;border-radius:0}.pixel-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-dark)}.pixel-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--border-dark)}.pixel-btn.btn-blue{background-color:var(--primary-blue)}.pixel-btn.btn-yellow{background-color:var(--primary-yellow)}.pixel-btn.btn-red{background-color:var(--primary-red)}.pixel-btn.btn-purple{background-color:var(--primary-purple)}.pixel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:2px 2px 0 var(--border-dark)!important}.pixel-card{border:var(--border-width) solid var(--border-dark);background-color:var(--text-light);padding:var(--spacing-lg);margin:var(--spacing-md) 0;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-dark);position:relative}.pixel-card:before{content:"";position:absolute;inset:-3px;background:var(--border-dark);z-index:-1}.pixel-input{font-family:"Press Start 2P",monospace;font-size:14px;padding:16px 18px;min-height:48px;border:var(--border-width) solid var(--border-dark);background-color:var(--text-light);color:var(--text-dark);width:100%;outline:none;border-radius:0}.pixel-input:focus{background-color:#ffc;box-shadow:0 0 0 2px var(--primary-blue)}.pixel-title{font-size:18px;margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:1px;color:var(--text-dark);text-shadow:2px 2px 0 rgba(0,0,0,.1)}.pixel-subtitle{font-size:14px;margin-bottom:var(--spacing-md);color:var(--text-dark)}.pixel-progress{width:100%;height:24px;border:var(--border-width) solid var(--border-dark);background-color:#ddd;position:relative;overflow:hidden}.pixel-progress-fill{height:100%;background-color:var(--primary-green);transition:width .3s ease;position:relative}.pixel-progress-fill:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.2) 10px,rgba(255,255,255,.2) 20px)}.gem-icon{display:inline-block;width:16px;height:16px;background:linear-gradient(135deg,#00bfff,#1e90ff);transform:rotate(45deg);margin:0 var(--spacing-xs);border:2px solid var(--border-dark);box-shadow:2px 2px #0000004d}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-bounce{animation:bounce .5s ease infinite}.animate-flash{animation:flash 1s ease infinite}.animate-shake{animation:shake .3s ease}.pixel-container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.pixel-container.narrow{max-width:800px}.pixel-grid{display:grid;gap:var(--spacing-md)}.pixel-grid-2{grid-template-columns:repeat(2,1fr)}.pixel-grid-3{grid-template-columns:repeat(3,1fr)}.pixel-grid-4{grid-template-columns:repeat(4,1fr)}body{font-size:16px}.pixel-container{padding:var(--spacing-md);max-width:100%;overflow-x:hidden}.pixel-btn{font-size:20px!important;padding:20px 28px;min-height:64px;letter-spacing:1px;width:auto;display:inline-block}.pixel-input{font-size:16px!important;padding:18px 20px;min-height:60px}.pixel-title{font-size:22px;line-height:1.4}.pixel-subtitle{font-size:16px;line-height:1.5}.pixel-card{padding:var(--spacing-lg);margin:var(--spacing-md) 0}.pixel-grid-2,.pixel-grid-3,.pixel-grid-4{grid-template-columns:1fr}@media(min-width:768px){body{font-size:14px}.pixel-container{padding:var(--spacing-md);max-width:800px}.pixel-btn{font-size:16px;padding:18px 24px;min-height:48px;width:auto}.pixel-input{font-size:12px;padding:16px 18px;min-height:48px}.pixel-title{font-size:18px}.pixel-subtitle{font-size:14px}.pixel-card{padding:var(--spacing-lg);margin:var(--spacing-md) 0}.pixel-grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.pixel-container{max-width:1400px;padding:var(--spacing-xl)}.pixel-container.narrow{max-width:800px}.pixel-grid-3{grid-template-columns:repeat(3,1fr)}.pixel-grid-4{grid-template-columns:repeat(4,1fr)}}.phone-frame .pixel-container{max-width:100%;padding:var(--spacing-md)}.phone-frame .pixel-btn{font-size:20px;min-height:56px}.phone-frame .pixel-input{font-size:18px;min-height:56px}.phone-frame .pixel-title{font-size:20px}.phone-frame .pixel-card{margin:var(--spacing-md);padding:var(--spacing-lg)}@media(max-width:480px){body{font-size:16px}.pixel-btn{font-size:20px!important;padding:24px 32px;min-height:72px;margin:8px 0}.pixel-input{font-size:16px!important;padding:20px 24px;min-height:64px}.pixel-title{font-size:24px;margin-bottom:20px}.pixel-subtitle{font-size:18px;margin-bottom:16px}.option-btn,.choice-btn{margin:12px 0;min-height:72px;font-size:20px}.stat-value{font-size:24px!important}.stat-label{font-size:14px!important}.pixel-progress{height:32px}.gem-icon{width:24px;height:24px}p,span,div{font-size:inherit}small,.small{font-size:14px!important}}*{-webkit-tap-highlight-color:transparent}button,.pixel-btn{-webkit-user-select:none;user-select:none}input,textarea,.selectable{-webkit-user-select:text;user-select:text}.app-wrapper{min-height:100vh;width:100%;position:relative;overflow:auto}.app-wrapper.desktop-view{background:url(/bg.png) center/cover no-repeat fixed;display:flex;justify-content:center;align-items:center}.app-wrapper.desktop-view:before{display:none}.mobile-view{width:100%;max-width:100%;margin:0;min-height:100vh;height:100%;background:#fff;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}.in-phone-frame{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.page-container{width:100%;min-height:100vh;height:100%;position:relative;background:#fff;overflow:auto}.safe-area-top{padding-top:env(safe-area-inset-top,20px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,20px)}.mobile-header{position:fixed;top:0;left:0;right:0;height:44px;background:#fff;border-bottom:3px solid var(--border-dark);z-index:1000;display:flex;align-items:center;padding:0 16px}.mobile-content{padding-top:44px;padding-bottom:env(safe-area-inset-bottom,20px);min-height:100vh}.mobile-card{margin:12px;padding:16px;background:#fff;border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark)}.mobile-btn{width:100%;min-height:48px;padding:12px 20px;margin:8px 0;font-size:14px;border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark);background:var(--primary-green);color:#fff;font-family:"Press Start 2P",monospace;cursor:pointer;transition:all .1s}.mobile-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-dark)}.mobile-input{width:100%;min-height:48px;padding:12px 16px;font-size:16px;border:3px solid var(--border-dark);background:#fff;font-family:"Press Start 2P",monospace;border-radius:0;-webkit-appearance:none;appearance:none}.mobile-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:12px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:3px solid var(--border-dark);display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0);z-index:1000}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;transition:all .2s}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-icon{font-size:20px;margin-bottom:4px}.mobile-nav-label{font-size:8px;font-family:"Press Start 2P",monospace}.scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.mobile-loading{position:fixed;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000}.mobile-spinner{width:40px;height:40px;border:4px solid var(--border-dark);border-top-color:var(--primary-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pixel-text{font-family:"Press Start 2P",monospace;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}@media(orientation:landscape)and (max-width:812px){.landscape-warning{position:fixed;inset:0;background:var(--primary-blue);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;font-family:"Press Start 2P",monospace;text-align:center;padding:20px}.landscape-warning:before{content:"📱";font-size:48px;margin-bottom:20px;animation:rotate-phone 2s ease-in-out infinite}.landscape-warning-text{font-size:12px;line-height:1.8}}@keyframes rotate-phone{0%,to{transform:rotate(-90deg)}50%{transform:rotate(0)}}@media(min-width:768px){.mobile-view{box-shadow:0 20px 80px #0000004d}.mobile-card{transition:all .2s}.mobile-card:hover{box-shadow:6px 6px 0 var(--border-dark)}}@media(min-width:1024px){.desktop-decorations{position:absolute;width:100%;height:100%;pointer-events:none}.pixel-decoration{position:absolute;border:4px solid rgba(255,255,255,.3);background:#ffffff1a;image-rendering:pixelated}.deco-1{width:80px;height:80px;top:10%;left:10%;transform:rotate(45deg);animation:float-slow 8s ease-in-out infinite}.deco-2{width:120px;height:120px;bottom:15%;right:10%;animation:float-slow 10s ease-in-out infinite reverse}.deco-3{width:60px;height:60px;top:50%;left:5%;transform:rotate(30deg);animation:float-slow 6s ease-in-out infinite}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-20px) rotate(50deg)}}@media(prefers-color-scheme:dark){.page-container{background:#1a1a1a;color:#fff}.mobile-card{background:#2a2a2a;color:#fff}.mobile-header{background:#2a2a2a;border-bottom-color:#444}.mobile-bottom-nav{background:#2a2a2a;border-top-color:#444}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(prefers-contrast:high){.mobile-card{border-width:4px}.mobile-btn{border-width:4px;font-weight:700}}.admin-view *,.admin-view .pixel-btn,.admin-view .pixel-card,.admin-view .pixel-input,.admin-view .pixel-select,.admin-view .pixel-title{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.admin-view button{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-weight:500;text-transform:none}.admin-view input,.admin-view select,.admin-view textarea{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-size:14px}.admin-view h1,.admin-view h2,.admin-view h3,.admin-view h4,.admin-view h5,.admin-view h6{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-weight:600}.admin-view table{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-size:14px}.admin-view .pixel-card{border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014}.app-wrapper{min-height:100vh;width:100%;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}.app-wrapper.desktop-view{background:url(/bg.png) center/cover no-repeat fixed;display:flex;justify-content:center;align-items:center}.app-wrapper.mobile-view{background:#fff;overflow:auto;-webkit-overflow-scrolling:touch}.app-wrapper.admin-view{background:#f5f5f7;min-height:100vh;width:100%}.loading-overlay[data-v-b041a623]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content[data-v-b041a623]{text-align:center}.pixel-loader[data-v-b041a623]{display:inline-flex;gap:8px;margin-bottom:20px}.pixel-block[data-v-b041a623]{width:16px;height:16px;background:var(--primary-green);border:3px solid var(--border-dark);animation:pixelBounce-b041a623 .6s ease-in-out infinite}.pixel-block.block-1[data-v-b041a623]{animation-delay:0s;background:var(--primary-green)}.pixel-block.block-2[data-v-b041a623]{animation-delay:.1s;background:var(--primary-blue)}.pixel-block.block-3[data-v-b041a623]{animation-delay:.2s;background:var(--primary-yellow)}.pixel-block.block-4[data-v-b041a623]{animation-delay:.3s;background:var(--primary-purple)}@keyframes pixelBounce-b041a623{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.2)}}.loading-text[data-v-b041a623]{color:#fff;font-family:"Press Start 2P",monospace;font-size:12px;text-transform:uppercase;animation:flash 1s ease infinite}.modal-overlay[data-v-a449bf52]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-a449bf52 .3s ease}@keyframes fadeIn-a449bf52{0%{opacity:0}to{opacity:1}}.modal-container[data-v-a449bf52]{position:relative;background:#fff;border:3px solid var(--border-dark);box-shadow:6px 6px 0 var(--border-dark);max-width:420px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp-a449bf52 .3s ease;border-radius:12px}@keyframes slideUp-a449bf52{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn[data-v-a449bf52]{position:absolute;top:10px;right:10px;background:var(--primary-red);color:#fff;border:3px solid var(--border-dark);width:40px;height:40px;font-size:20px;font-family:"Press Start 2P",monospace;cursor:pointer;transition:all .2s;z-index:1}.close-btn[data-v-a449bf52]:hover{transform:scale(1.1)}.modal-content[data-v-a449bf52]{padding:30px 24px 20px}.modal-logo[data-v-a449bf52]{width:200px;height:auto;display:block;margin:0 auto 20px;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.form-group[data-v-a449bf52]{margin-bottom:14px}.form-group label[data-v-a449bf52]{display:block;margin-bottom:6px;font-size:11px;color:var(--text-dark)}.pixel-input[data-v-a449bf52]{width:100%}.error-message[data-v-a449bf52]{background:#ffebee;color:#c62828;padding:12px;margin:20px 0;border:2px solid #c62828;font-size:11px;text-align:center}.button-group[data-v-a449bf52]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.pixel-btn[data-v-a449bf52]{width:100%;font-size:12px;padding:12px}.btn-gray[data-v-a449bf52]{background:#95a5a6}.btn-gray[data-v-a449bf52]:hover{background:#7f8c8d}.register-link[data-v-a449bf52]{text-align:center;margin-top:14px;padding-top:12px;border-top:1px dashed #ddd}.register-link p[data-v-a449bf52]{margin-bottom:4px;color:#666;font-size:11px}.link-btn[data-v-a449bf52]{background:none;border:none;color:var(--primary-blue);font-size:12px;font-family:"Press Start 2P",monospace;cursor:pointer;text-decoration:underline;transition:color .3s}.link-btn[data-v-a449bf52]:hover{color:var(--primary-purple)}.social-login[data-v-a449bf52]{margin-top:10px}.divider[data-v-a449bf52]{text-align:center;margin:10px 0;position:relative}.divider[data-v-a449bf52]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.divider span[data-v-a449bf52]{background:#fff;padding:0 10px;position:relative;color:#999;font-size:12px}.google-btn-container[data-v-a449bf52]{width:100%;display:flex;justify-content:center}@media(max-width:768px){.modal-container[data-v-a449bf52]{width:92%;margin:16px}.modal-content[data-v-a449bf52]{padding:24px 18px 16px}.modal-logo[data-v-a449bf52]{width:160px;margin-bottom:16px}.form-group label[data-v-a449bf52]{font-size:10px}.pixel-input[data-v-a449bf52]{font-size:12px;padding:10px}.pixel-btn[data-v-a449bf52]{padding:10px}}@media(max-width:480px){.modal-logo[data-v-a449bf52]{width:130px;margin-bottom:12px}.modal-content[data-v-a449bf52]{padding:20px 14px 14px}.form-group[data-v-a449bf52]{margin-bottom:10px}.form-group label[data-v-a449bf52]{font-size:9px;margin-bottom:4px}.pixel-input[data-v-a449bf52]{font-size:14px;padding:8px 10px}.pixel-btn[data-v-a449bf52]{padding:10px;font-size:11px}.button-group[data-v-a449bf52]{gap:8px;margin-top:12px}.register-link[data-v-a449bf52]{margin-top:10px;padding-top:8px}.register-link p[data-v-a449bf52]{font-size:10px;margin-bottom:2px}.social-login[data-v-a449bf52]{margin-top:6px}.divider[data-v-a449bf52]{margin:6px 0}.google-login-btn[data-v-a449bf52]{padding:8px;font-size:10px}.close-btn[data-v-a449bf52]{width:32px;height:32px;font-size:16px;top:8px;right:8px}}.landing-page[data-v-4748986c]{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.landing-background[data-v-4748986c]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.background-video[data-v-4748986c]{width:100%;height:100%;object-fit:cover}.background-fallback[data-v-4748986c]{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.background-fallback[data-v-4748986c]:before{content:"";position:absolute;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px);animation:slide-4748986c 20s linear infinite}@keyframes slide-4748986c{0%{transform:translate(-50%,-50%)}to{transform:translate(0)}}.landing-content[data-v-4748986c]{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;width:90%;max-width:400px;padding-bottom:40px;padding-bottom:max(40px,env(safe-area-inset-bottom,0px));opacity:0;transition:opacity .5s ease-in}.landing-content.content-loaded[data-v-4748986c]{opacity:1}.logo[data-v-4748986c]{width:280px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.breathing[data-v-4748986c]{animation:breathe-4748986c 3s ease-in-out infinite}@keyframes breathe-4748986c{0%,to{transform:scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}}.button-group[data-v-4748986c]{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.guest-btn[data-v-4748986c]{background:#ff6b6b;background-image:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.1) 60%,transparent 60%),linear-gradient(90deg,transparent 40%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.2) 60%,transparent 60%);background-size:4px 4px;color:#fff;font-size:28px;font-weight:700;padding:20px 60px;min-width:240px;border:none;position:relative;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 0px #8b0000,3px 3px 0px #5c0000;box-shadow:inset -4px -4px #c44569,inset 4px 4px #f99,0 0 0 4px #8b0000,0 0 0 8px #5c0000,0 0 0 10px #2c0000,0 10px #8b0000,0 10px 0 4px #5c0000,0 10px 20px 4px #00000080;transition:all .1s;cursor:pointer;animation:gameButtonPulse-4748986c 1.5s ease-in-out infinite}.guest-btn[data-v-4748986c]:before{content:"▶";position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:16px;animation:arrowMove-4748986c 1s ease-in-out infinite}.guest-btn[data-v-4748986c]:after{content:"◀";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px;animation:arrowMove-4748986c 1s ease-in-out infinite reverse}.guest-btn[data-v-4748986c]{display:flex;flex-direction:column;gap:5px;padding:20px 60px!important}.btn-text[data-v-4748986c]{font-size:28px}.btn-hint[data-v-4748986c]{font-size:14px;opacity:.9;color:#fee}.login-btn[data-v-4748986c]{background:#5f27cd;background-image:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.1) 60%,transparent 60%),linear-gradient(90deg,transparent 40%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.2) 60%,transparent 60%);background-size:4px 4px;color:#fff;font-size:16px;font-weight:700;padding:16px 60px;min-width:240px;border:none;position:relative;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0px #3d1d99,3px 3px 0px #2d1470;box-shadow:inset -4px -4px #4a1fa8,inset 4px 4px #7c3fdd,0 0 0 4px #3d1d99,0 0 0 8px #2d1470,0 0 0 10px #1a0b42,0 10px #3d1d99,0 10px 0 4px #2d1470,0 10px 20px 4px #00000080;transition:all .1s;cursor:pointer}@keyframes arrowMove-4748986c{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(3px)}}.guest-btn[data-v-4748986c]:hover{transform:translateY(-2px);background:#ff8787;box-shadow:inset -4px -4px #c44569,inset 4px 4px #faa,0 0 0 4px #8b0000,0 0 0 8px #5c0000,0 0 0 10px #2c0000,0 12px #8b0000,0 12px 0 4px #5c0000,0 12px 30px 4px #ff6b6b99}.guest-btn[data-v-4748986c]:active{transform:translateY(4px);box-shadow:inset -2px -2px #c44569,inset 2px 2px #f99,0 0 0 4px #8b0000,0 0 0 8px #5c0000,0 0 0 10px #2c0000,0 2px #8b0000,0 2px 0 4px #5c0000,0 4px 10px 4px #0000004d}.login-btn[data-v-4748986c]:hover{transform:translateY(-2px);background:#6c30e0;box-shadow:inset -4px -4px #4a1fa8,inset 4px 4px #8c4ffa,0 0 0 4px #3d1d99,0 0 0 8px #2d1470,0 0 0 10px #1a0b42,0 12px #3d1d99,0 12px 0 4px #2d1470,0 12px 30px 4px #5f27cd99}.login-btn[data-v-4748986c]:active{transform:translateY(4px);box-shadow:inset -2px -2px #4a1fa8,inset 2px 2px #7c3fdd,0 0 0 4px #3d1d99,0 0 0 8px #2d1470,0 0 0 10px #1a0b42,0 2px #3d1d99,0 2px 0 4px #2d1470,0 4px 10px 4px #0000004d}@keyframes gameButtonPulse-4748986c{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@media(max-width:768px){.landing-background[data-v-4748986c]{position:fixed}.logo[data-v-4748986c]{width:200px}.landing-content[data-v-4748986c]{gap:20px;padding-bottom:30px;padding-bottom:max(30px,env(safe-area-inset-bottom,0px))}.button-group[data-v-4748986c]{gap:14px}.guest-btn[data-v-4748986c],.login-btn[data-v-4748986c]{font-size:24px;padding:16px 40px;min-width:220px;letter-spacing:2px}.guest-btn[data-v-4748986c]{padding:18px 40px!important}.guest-btn[data-v-4748986c]:before,.guest-btn[data-v-4748986c]:after{font-size:16px}.btn-text[data-v-4748986c]{font-size:24px}.btn-hint[data-v-4748986c]{font-size:12px}}@media(max-width:480px){.logo[data-v-4748986c]{width:120px}.landing-content[data-v-4748986c]{gap:8px;padding-bottom:16px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));max-height:100dvh;justify-content:flex-end}.button-group[data-v-4748986c]{gap:10px}.guest-btn[data-v-4748986c],.login-btn[data-v-4748986c]{font-size:20px;padding:14px 28px;min-width:200px;letter-spacing:1px;box-shadow:inset -2px -2px #4a1fa8,inset 2px 2px #7c3fdd,0 0 0 2px #3d1d99,0 4px #3d1d99,0 4px 0 2px #2d1470,0 4px 10px 2px #0000004d}.guest-btn[data-v-4748986c]{padding:16px 28px!important;box-shadow:inset -2px -2px #c44569,inset 2px 2px #f99,0 0 0 2px #8b0000,0 4px #8b0000,0 4px 0 2px #5c0000,0 4px 10px 2px #0000004d}.guest-btn[data-v-4748986c]:before,.guest-btn[data-v-4748986c]:after{font-size:14px;left:12px}.guest-btn[data-v-4748986c]:after{left:auto;right:12px}.btn-text[data-v-4748986c]{font-size:20px}.btn-hint[data-v-4748986c]{font-size:12px}.login-btn[data-v-4748986c]{padding:14px 28px;font-size:18px}}.login-page[data-v-c4fb3bca]{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:url(/index-bg.jpeg) center/cover no-repeat;position:relative;overflow:hidden}.login-box[data-v-c4fb3bca]{width:100%;max-width:500px;margin:100px 20px 20px;background:#fff;text-align:center;position:relative;z-index:10;border:4px solid var(--border-dark);box-shadow:8px 8px 0 var(--border-dark);padding:20px}.logo-image[data-v-c4fb3bca]{width:120px;height:auto;margin-bottom:20px;image-rendering:auto}.pixel-title[data-v-c4fb3bca]{color:var(--primary-green);margin-bottom:8px}.pixel-subtitle[data-v-c4fb3bca]{color:var(--primary-purple);margin-bottom:32px;font-size:10px;letter-spacing:4px}.form-group[data-v-c4fb3bca]{margin-bottom:20px;text-align:left}.form-group label[data-v-c4fb3bca]{display:block;margin-bottom:8px;font-size:12px;text-transform:uppercase;font-weight:700;color:var(--text-dark)}.pixel-btn[data-v-c4fb3bca]{width:100%;margin-top:20px;min-height:50px;font-size:14px}.error-message[data-v-c4fb3bca]{background-color:#ffe5e5;border:2px solid var(--primary-red);padding:16px;margin:20px 0;font-size:12px;color:var(--primary-red);text-align:left;border-radius:8px}.pixel-icon[data-v-c4fb3bca]{margin-right:8px}.demo-hint[data-v-c4fb3bca]{margin-top:30px;padding-top:20px;border-top:2px dashed #DDD;font-size:12px;color:#888}.demo-hint p[data-v-c4fb3bca]{margin:4px 0}.other-options[data-v-c4fb3bca]{margin-top:20px;display:flex;flex-direction:column;gap:12px;align-items:center}.divider[data-v-c4fb3bca]{width:100%;text-align:center;position:relative;margin:10px 0}.divider span[data-v-c4fb3bca]{background:#fff;padding:0 10px;position:relative;font-size:12px;color:#999}.divider[data-v-c4fb3bca]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd;z-index:-1}.google-button-container[data-v-c4fb3bca]{margin:15px 0;display:flex;justify-content:center;width:100%}.register-link[data-v-c4fb3bca]{color:var(--primary-blue);text-decoration:none;font-size:14px;font-weight:700;transition:color .2s;display:inline-block;padding:10px 0;min-height:44px;line-height:24px}.register-link[data-v-c4fb3bca]:hover{color:var(--primary-green);text-decoration:underline}.guest-btn[data-v-c4fb3bca]{background:#f0ad4e1a;border:2px solid var(--primary-yellow);color:var(--text-dark);padding:14px 24px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;min-height:48px;width:100%}.guest-btn[data-v-c4fb3bca]:hover{background:#f0ad4e33;transform:translateY(-1px)}@media(max-width:480px){.login-box[data-v-c4fb3bca]{margin:50px 10px 10px;padding:30px 20px}.logo-image[data-v-c4fb3bca]{width:150px;margin-bottom:30px}.pixel-title[data-v-c4fb3bca]{font-size:24px;margin-bottom:12px}.pixel-subtitle[data-v-c4fb3bca]{font-size:14px;letter-spacing:3px;margin-bottom:40px}.form-group[data-v-c4fb3bca]{margin-bottom:28px}.form-group label[data-v-c4fb3bca]{font-size:14px!important;margin-bottom:12px}.pixel-input[data-v-c4fb3bca]{font-size:16px!important;padding:20px;min-height:64px}.pixel-btn[data-v-c4fb3bca]{font-size:16px!important;min-height:72px;padding:24px;margin-top:32px}.error-message[data-v-c4fb3bca]{font-size:14px;padding:20px;margin:24px 0}.demo-hint[data-v-c4fb3bca]{font-size:14px;margin-top:40px;padding-top:30px}.demo-hint p[data-v-c4fb3bca]{font-size:14px!important}}.decoration[data-v-c4fb3bca]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.pixel-block[data-v-c4fb3bca]{position:absolute;border:3px solid rgba(255,255,255,.2);background:#ffffff1a}.block-1[data-v-c4fb3bca]{width:100px;height:100px;top:10%;left:5%;transform:rotate(45deg);animation:float-c4fb3bca 4s ease-in-out infinite}.block-2[data-v-c4fb3bca]{width:150px;height:150px;top:60%;right:10%;transform:rotate(30deg);animation:float-c4fb3bca 5s ease-in-out infinite reverse}.block-3[data-v-c4fb3bca]{width:80px;height:80px;bottom:10%;left:15%;transform:rotate(60deg);animation:float-c4fb3bca 3s ease-in-out infinite}@keyframes float-c4fb3bca{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-20px) rotate(45deg)}}@media(max-width:768px){.login-box[data-v-c4fb3bca]{margin:10px;padding:24px}.logo-image[data-v-c4fb3bca]{width:100px}.pixel-title[data-v-c4fb3bca]{font-size:16px}.pixel-subtitle[data-v-c4fb3bca],.form-group label[data-v-c4fb3bca]{font-size:12px}.pixel-btn[data-v-c4fb3bca]{min-height:56px;font-size:16px}.demo-hint[data-v-c4fb3bca]{font-size:12px}.block-2[data-v-c4fb3bca],.block-3[data-v-c4fb3bca]{display:none}}@media(max-width:480px){.login-page[data-v-c4fb3bca]{padding:10px}.login-box[data-v-c4fb3bca]{margin:5px;padding:20px;border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark)}.pixel-btn[data-v-c4fb3bca]{min-height:48px}}.register-page[data-v-760812d2]{height:100vh;height:100dvh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.register-container[data-v-760812d2]{width:100%;max-width:480px;background:#fff;border:3px solid var(--border-dark);border-radius:8px;box-shadow:8px 8px #0000004d;padding:32px}.register-header[data-v-760812d2]{text-align:center;margin-bottom:24px}.register-logo[data-v-760812d2]{width:120px;height:auto;margin-bottom:16px;image-rendering:pixelated}.register-title[data-v-760812d2]{font-size:20px;font-weight:700;color:var(--text-dark);font-family:"Press Start 2P",monospace}.register-form[data-v-760812d2]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-760812d2]{display:flex;flex-direction:column;gap:8px}.form-hint[data-v-760812d2]{font-size:11px;color:#666;margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-label[data-v-760812d2]{font-size:14px;font-weight:700;color:var(--text-dark);font-family:"Press Start 2P",monospace}.form-hint[data-v-760812d2]{font-size:11px;color:#666;margin-top:4px}.pixel-input[data-v-760812d2]{width:100%;padding:12px;font-size:14px;border:3px solid var(--border-dark);border-radius:4px;background:#fff;font-family:"Press Start 2P",monospace;transition:all .3s}.pixel-input[data-v-760812d2]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #5bc0de33}.password-input-wrapper[data-v-760812d2]{position:relative;display:flex;align-items:center}.password-input-wrapper .pixel-input[data-v-760812d2]{padding-right:48px}.password-toggle[data-v-760812d2]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:20px;cursor:pointer;padding:4px 8px;transition:opacity .3s;z-index:1}.password-toggle[data-v-760812d2]:hover{opacity:.7}.error-message[data-v-760812d2]{padding:12px;background:#ffebee;border:2px solid #f44336;border-radius:4px;color:#c62828;font-size:12px;text-align:center;font-family:"Press Start 2P",monospace}.register-btn[data-v-760812d2]{width:100%;padding:14px;font-size:14px;background:var(--primary-green);color:#fff;border:none;border-radius:4px;font-family:"Press Start 2P",monospace;cursor:pointer;transition:all .3s;box-shadow:0 4px #4a9b4a}.register-btn[data-v-760812d2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #4a9b4a}.register-btn[data-v-760812d2]:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #4a9b4a}.register-btn[data-v-760812d2]:disabled{opacity:.5;cursor:not-allowed}.register-footer[data-v-760812d2]{text-align:center;margin-top:24px;padding-top:24px;border-top:2px dashed #ddd;font-size:14px}.register-footer p[data-v-760812d2]{margin-bottom:8px;color:#666}.link-btn[data-v-760812d2]{background:none;border:none;color:var(--primary-blue);font-size:14px;font-family:"Press Start 2P",monospace;cursor:pointer;text-decoration:underline;transition:color .3s}.link-btn[data-v-760812d2]:hover{color:var(--primary-purple)}@media(max-width:480px){.register-container[data-v-760812d2]{padding:24px;margin:16px}.register-title[data-v-760812d2]{font-size:16px}.form-label[data-v-760812d2]{font-size:12px}.pixel-input[data-v-760812d2]{font-size:12px;padding:10px}.register-btn[data-v-760812d2]{font-size:12px;padding:12px}}.daily-report-overlay[data-v-cf961379]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.daily-report-container[data-v-cf961379]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;max-width:500px;width:100%;position:relative;box-shadow:0 -10px 40px #0000004d;animation:slideUpSheet-cf961379 .4s cubic-bezier(.16,1,.3,1)}.daily-report-container.streak-celebration[data-v-cf961379]{background:linear-gradient(135deg,#f093fb,#f5576c)}@keyframes slideUpSheet-cf961379{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.report-content[data-v-cf961379]{padding:24px 20px 20px;background:#fffffffa;border-radius:22px 22px 0 0;margin:3px 3px 0;position:relative}.close-btn[data-v-cf961379]{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#ef4444;color:#fff;border:2px solid #991b1b;border-radius:50%;font-size:16px;cursor:pointer;transition:all .2s;box-shadow:0 2px #991b1b;z-index:1;display:flex;align-items:center;justify-content:center}.close-btn[data-v-cf961379]:hover{transform:scale(1.1)}.close-btn[data-v-cf961379]:active{transform:translateY(2px);box-shadow:none}.report-header[data-v-cf961379]{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;padding-right:36px}.report-title[data-v-cf961379]{font-size:18px;color:#1a202c;margin:0;white-space:nowrap}.report-date[data-v-cf961379]{font-size:11px;color:#a0aec0}.streak-row[data-v-cf961379]{display:flex;gap:10px;margin-bottom:12px}.streak-section[data-v-cf961379]{background:linear-gradient(135deg,#ffd89b,#19547b);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;flex:1;min-width:0}.streak-section.highlight[data-v-cf961379]{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 4px 15px #fa709a4d}.fire-icon[data-v-cf961379]{font-size:32px;display:inline-block}.fire-icon.burning[data-v-cf961379]{animation:burn-cf961379 .5s ease-in-out infinite alternate}@keyframes burn-cf961379{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.2) rotate(5deg)}}.streak-info[data-v-cf961379]{display:flex;flex-direction:column}.streak-label[data-v-cf961379]{font-size:10px;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.streak-number[data-v-cf961379]{font-size:28px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1}.streak-number small[data-v-cf961379]{font-size:14px;margin-left:2px}.reward-badge[data-v-cf961379]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:8px;flex:1;min-width:0;animation:slideInRight-cf961379 .5s ease-out}.reward-badge.epic[data-v-cf961379]{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb4d}@keyframes slideInRight-cf961379{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.reward-badge .reward-icon[data-v-cf961379]{font-size:24px}.reward-info[data-v-cf961379]{min-width:0}.reward-msg[data-v-cf961379]{font-size:11px;color:#fff;margin:0;font-weight:500;line-height:1.3}.reward-gems[data-v-cf961379]{font-size:14px;color:#fbbf24;font-weight:700}.reward-title-text[data-v-cf961379]{font-size:10px;color:#fef3c7;display:block}.encouragement-text[data-v-cf961379]{font-size:12px;color:#718096;text-align:center;margin:0 0 14px;font-style:italic}.stats-section[data-v-cf961379]{margin-bottom:14px}.stats-title[data-v-cf961379]{font-size:13px;color:#2d3748;margin:0 0 10px}.stats-row[data-v-cf961379]{display:flex;gap:8px;margin-bottom:12px}.mini-stat[data-v-cf961379]{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;padding:10px 6px;text-align:center;color:#fff;position:relative;overflow:hidden}.mini-stat[data-v-cf961379]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%)}.mini-icon[data-v-cf961379]{display:block;font-size:18px;margin-bottom:4px}.mini-value[data-v-cf961379]{display:block;font-size:20px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.2);line-height:1.1}.mini-label[data-v-cf961379]{display:block;font-size:9px;opacity:.9;margin-top:2px}.progress-row[data-v-cf961379]{display:flex;align-items:center;gap:8px}.progress-label[data-v-cf961379]{font-size:10px;color:#718096;white-space:nowrap}.progress-bar[data-v-cf961379]{flex:1;background:#e2e8f0;border-radius:6px;height:10px;overflow:hidden}.progress-fill[data-v-cf961379]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.progress-pct[data-v-cf961379]{font-size:11px;font-weight:700;color:#4a5568;min-width:32px;text-align:right}.achievements[data-v-cf961379]{margin-bottom:14px}.badges[data-v-cf961379]{display:flex;flex-wrap:wrap;gap:6px}.badge[data-v-cf961379]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:5px 12px;border-radius:16px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #f093fb4d}.action-buttons[data-v-cf961379]{display:flex;gap:10px}.btn-primary[data-v-cf961379],.btn-secondary[data-v-cf961379]{flex:1;padding:12px 16px;border:2px solid #2d3748;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 3px #1a202c}.btn-primary[data-v-cf961379]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:2}.btn-secondary[data-v-cf961379]{background:#fff;color:#4a5568;flex:1}.btn-primary[data-v-cf961379]:hover,.btn-secondary[data-v-cf961379]:hover{transform:translateY(-2px);box-shadow:0 5px #1a202c}.btn-primary[data-v-cf961379]:active,.btn-secondary[data-v-cf961379]:active{transform:translateY(2px);box-shadow:0 1px #1a202c}.fireworks-container[data-v-cf961379]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.firework[data-v-cf961379]{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;animation:firework-cf961379 3s ease-out infinite}.firework[data-v-cf961379]:nth-child(1){left:10%;top:20%}.firework[data-v-cf961379]:nth-child(2){left:30%;top:10%}.firework[data-v-cf961379]:nth-child(3){left:50%;top:15%}.firework[data-v-cf961379]:nth-child(4){left:70%;top:20%}.firework[data-v-cf961379]:nth-child(5){left:90%;top:10%}.firework[data-v-cf961379]:nth-child(6){left:20%;top:30%}.firework[data-v-cf961379]:nth-child(7){left:60%;top:25%}.firework[data-v-cf961379]:nth-child(8){left:80%;top:30%}@keyframes firework-cf961379{0%{transform:translate(0) scale(0);opacity:1}10%{transform:translate(0) scale(1)}to{transform:translate(var(--x, 100px),var(--y, -100px)) scale(0);opacity:0}}.firework[data-v-cf961379]:nth-child(odd){--x: 150px;--y: -150px;background:#ff6b6b}.firework[data-v-cf961379]:nth-child(2n){--x: -150px;--y: -200px;background:#4ecdc4}.coin-rain[data-v-cf961379]{position:absolute;top:-50px;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.coin[data-v-cf961379]{position:absolute;font-size:24px;animation:coinFall-cf961379 linear infinite}@keyframes coinFall-cf961379{0%{transform:translateY(-50px) rotate(0)}to{transform:translateY(calc(100vh + 50px)) rotate(360deg)}}@media(max-width:480px){.report-content[data-v-cf961379]{padding:20px 16px 16px}.report-title[data-v-cf961379]{font-size:16px}.streak-row[data-v-cf961379]{flex-direction:column;gap:8px}.streak-section[data-v-cf961379]{padding:10px 12px}.fire-icon[data-v-cf961379]{font-size:28px}.streak-number[data-v-cf961379]{font-size:24px}.mini-value[data-v-cf961379]{font-size:17px}.mini-icon[data-v-cf961379]{font-size:16px}.btn-primary[data-v-cf961379],.btn-secondary[data-v-cf961379]{padding:10px 12px;font-size:13px}}.modal-fade-enter-active[data-v-cf961379]{transition:opacity .3s ease}.modal-fade-leave-active[data-v-cf961379]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-cf961379],.modal-fade-leave-to[data-v-cf961379]{opacity:0}.modal-fade-leave-active .daily-report-container[data-v-cf961379]{animation:slideDownSheet-cf961379 .3s ease-in forwards}@keyframes slideDownSheet-cf961379{0%{transform:translateY(0)}to{transform:translateY(100%)}}.bottom-nav[data-v-7915310a]{position:absolute;bottom:0;left:0;right:0;height:56px;background:#00000080;border-top:none;display:flex;justify-content:center;align-items:center;padding:0 15px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-buttons[data-v-7915310a]{display:flex;gap:10px;width:100%;max-width:500px;justify-content:space-around}.nav-btn[data-v-7915310a]{display:flex;align-items:center;justify-content:center;padding:10px;background:transparent;border:none;cursor:pointer;transition:all .3s ease}.nav-btn[data-v-7915310a]:hover{transform:translateY(-3px)}.nav-btn.active .nav-icon-img[data-v-7915310a]{filter:brightness(1.3) contrast(1.2) saturate(1.5) drop-shadow(0 1px 3px rgba(255,255,255,.5));transform:scale(1.15)}.nav-icon-img[data-v-7915310a]{width:36px;height:36px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.nav-btn:hover .nav-icon-img[data-v-7915310a]{transform:scale(1.15);filter:brightness(1.2) drop-shadow(0 1px 2px rgba(0,0,0,.4))}@media(max-width:480px){.bottom-nav[data-v-7915310a]{padding:0 10px}.nav-buttons[data-v-7915310a]{gap:5px}.nav-btn[data-v-7915310a]{padding:4px 6px}.nav-icon-img[data-v-7915310a]{width:32px;height:32px}.nav-icon[data-v-7915310a]{font-size:20px}.nav-label[data-v-7915310a]{font-size:9px}}.home-page[data-v-e9e6f354]{width:100%;height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column}.home-header[data-v-e9e6f354]{position:absolute;top:0;left:0;right:0;z-index:100;padding:20px;display:flex;justify-content:space-between;align-items:center}.header-left[data-v-e9e6f354]{flex:1;display:flex;justify-content:flex-start;align-items:center}.header-center[data-v-e9e6f354]{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.header-right[data-v-e9e6f354]{flex:1;display:flex;justify-content:flex-end;align-items:center}.streak-banner[data-v-e9e6f354]{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:90;background:linear-gradient(135deg,#2c3e50f2,#34495ef2);border:3px solid var(--border-dark);border-radius:15px;padding:12px 20px;min-width:280px;max-width:90%;box-shadow:0 6px 0 var(--border-dark),0 8px 20px #0006;transition:all .3s ease}.streak-banner.fire-active[data-v-e9e6f354]{background:linear-gradient(135deg,#e74c3cf2,#c0392bf2);border-color:#c0392b;animation:firePulse-e9e6f354 2s ease-in-out infinite}.streak-banner.epic-streak[data-v-e9e6f354]{background:linear-gradient(135deg,#f1c40ff2,#f39c12f2);border-color:#f39c12;box-shadow:0 6px #e67e22,0 8px 30px #f1c40f99}.streak-banner.legendary-streak[data-v-e9e6f354]{background:linear-gradient(135deg,#9b59b6f2,#8e44adf2);border-color:#8e44ad;box-shadow:0 6px #8e44ad,0 8px 40px #9b59b6cc;animation:epicGlow-e9e6f354 2s ease-in-out infinite}@keyframes firePulse-e9e6f354{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.02)}}@keyframes epicGlow-e9e6f354{0%,to{box-shadow:0 6px #8e44ad,0 8px 40px #9b59b6cc}50%{box-shadow:0 6px #8e44ad,0 8px 60px #9b59b6}}.streak-content[data-v-e9e6f354]{display:flex;justify-content:space-between;align-items:center;gap:20px}.streak-main[data-v-e9e6f354]{display:flex;align-items:center;gap:12px;cursor:pointer}.streak-flame-container[data-v-e9e6f354]{position:relative;display:flex;align-items:center}.streak-flame[data-v-e9e6f354]{font-size:32px;filter:drop-shadow(0 0 10px rgba(255,94,0,.8));animation:flameFlicker-e9e6f354 1.5s ease-in-out infinite}.streak-flame.flame-small[data-v-e9e6f354]{font-size:24px;opacity:.7}.streak-flame.flame-medium[data-v-e9e6f354]{font-size:32px}.streak-flame.flame-large[data-v-e9e6f354]{font-size:40px;filter:drop-shadow(0 0 20px rgba(255,94,0,1))}.streak-flame.flame-epic[data-v-e9e6f354]{font-size:48px;filter:drop-shadow(0 0 30px rgba(255,196,0,1));animation:epicFlame-e9e6f354 1s ease-in-out infinite}@keyframes flameFlicker-e9e6f354{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-2deg)}75%{transform:scale(.95) rotate(2deg)}}@keyframes epicFlame-e9e6f354{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 30px rgba(255,196,0,1))}50%{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 50px rgba(255,196,0,1))}}.streak-count[data-v-e9e6f354]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Press Start 2P",monospace;font-size:20px;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.8)}.streak-info[data-v-e9e6f354]{color:#fff}.streak-label[data-v-e9e6f354]{font-family:"Press Start 2P",monospace;font-size:12px;margin-bottom:4px}.streak-progress[data-v-e9e6f354]{font-size:10px;opacity:.8;font-family:"Press Start 2P",monospace}.streak-status[data-v-e9e6f354]{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.streak-warning[data-v-e9e6f354]{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#e74c3ce6;border:2px solid #c0392b;border-radius:8px;color:#fff;font-size:10px;font-family:"Press Start 2P",monospace}.streak-warning.animated-pulse[data-v-e9e6f354]{animation:warningPulse-e9e6f354 1s ease-in-out infinite}@keyframes warningPulse-e9e6f354{0%,to{background:#e74c3ce6;transform:scale(1)}50%{background:#e74c3c;transform:scale(1.05)}}.streak-complete[data-v-e9e6f354],.streak-pending[data-v-e9e6f354]{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0000004d;border-radius:6px;color:#fff;font-size:10px;font-family:"Press Start 2P",monospace}.streak-complete[data-v-e9e6f354]{background:#2ecc714d;border:1px solid #27ae60}.protection-status[data-v-e9e6f354]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#3498db4d;border:1px solid #3498db;border-radius:6px;color:#fff;font-size:9px;font-family:"Press Start 2P",monospace}.milestone-preview[data-v-e9e6f354]{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.milestone-bar[data-v-e9e6f354]{position:relative;height:20px;background:#0000004d;border:2px solid var(--border-dark);border-radius:10px;overflow:hidden}.milestone-progress[data-v-e9e6f354]{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#f39c12,#f1c40f);transition:width .5s ease}.milestone-text[data-v-e9e6f354]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-family:"Press Start 2P",monospace;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.8);white-space:nowrap}.streak-modal[data-v-e9e6f354]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.streak-modal-content[data-v-e9e6f354]{background:linear-gradient(135deg,#2c3e50,#34495e);border:3px solid var(--border-dark);border-radius:15px;padding:30px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #00000080}.modal-title[data-v-e9e6f354]{font-family:"Press Start 2P",monospace;font-size:18px;color:#fff;text-align:center;margin-bottom:20px}.streak-stats[data-v-e9e6f354]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.stat-card[data-v-e9e6f354]{background:#0000004d;border:2px solid var(--border-dark);border-radius:10px;padding:15px;text-align:center}.stat-number[data-v-e9e6f354]{font-family:"Press Start 2P",monospace;font-size:32px;color:#f39c12;margin-bottom:8px}.stat-label[data-v-e9e6f354]{font-size:10px;font-family:"Press Start 2P",monospace;color:#fffc}.milestones-list[data-v-e9e6f354]{margin-bottom:30px}.milestones-list h3[data-v-e9e6f354]{font-family:"Press Start 2P",monospace;font-size:14px;color:#fff;margin-bottom:15px}.milestone-item[data-v-e9e6f354]{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:10px;background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.milestone-item.achieved[data-v-e9e6f354]{background:#2ecc7133;border-color:#27ae60}.milestone-item.current[data-v-e9e6f354]{background:#f1c40f33;border-color:#f39c12;animation:currentMilestone-e9e6f354 2s ease-in-out infinite}@keyframes currentMilestone-e9e6f354{0%,to{border-color:#f39c12;box-shadow:0 0 #f1c40f00}50%{border-color:#f1c40f;box-shadow:0 0 20px #f1c40f80}}.milestone-day[data-v-e9e6f354]{font-family:"Press Start 2P",monospace;font-size:14px;color:#fff;min-width:60px}.milestone-info[data-v-e9e6f354]{flex:1;padding:0 15px}.milestone-title[data-v-e9e6f354]{font-size:12px;color:#fff;margin-bottom:4px}.milestone-reward[data-v-e9e6f354]{font-size:11px;color:#f39c12}.achieved-mark[data-v-e9e6f354]{font-size:20px}.shop-hint[data-v-e9e6f354]{margin-top:20px;padding:15px;background:#5bc0de33;border:2px solid var(--primary-blue);border-radius:10px;text-align:center}.shop-hint p[data-v-e9e6f354]{font-family:"Press Start 2P",monospace;font-size:10px;color:#fff;margin-bottom:10px}.go-shop-btn[data-v-e9e6f354]{padding:8px 16px;font-size:10px;background:var(--primary-blue);color:#fff;border:2px solid var(--border-dark);cursor:pointer;transition:all .3s ease}.go-shop-btn[data-v-e9e6f354]:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--border-dark)}.item-desc[data-v-e9e6f354]{font-size:10px;color:#ffffffb3;margin-bottom:4px}.item-stock[data-v-e9e6f354],.item-status[data-v-e9e6f354]{font-size:9px;color:#fff9}.buy-btn[data-v-e9e6f354]{padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:10px}.buy-btn[data-v-e9e6f354]:disabled{opacity:.5;cursor:not-allowed}.home-logo[data-v-e9e6f354]{height:70px;width:auto;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));margin:0 auto}.header-btn[data-v-e9e6f354]{width:50px;height:50px;border:3px solid var(--border-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 0 var(--border-dark)}.header-btn[data-v-e9e6f354]:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--border-dark)}.header-btn[data-v-e9e6f354]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-dark)}.header-btn span[data-v-e9e6f354]{font-size:24px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3))}.favorites-btn[data-v-e9e6f354]{background:linear-gradient(135deg,gold,orange)}.leaderboard-btn[data-v-e9e6f354]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.leaderboard-btn span[data-v-e9e6f354]{color:#fff}.report-btn[data-v-e9e6f354]{width:50px;height:50px;padding:0;background:#ffffffe6;border:3px solid var(--border-dark);border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 var(--border-dark);font-size:20px;position:relative;margin-right:10px}.report-btn.has-unread[data-v-e9e6f354]:after{content:"";position:absolute;top:0;right:0;width:12px;height:12px;background:#ff3b30;border-radius:50%;border:2px solid white;animation:pulse 2s infinite}.report-btn[data-v-e9e6f354]:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--border-dark);background:#fff}.profile-btn[data-v-e9e6f354]{width:50px;height:50px;padding:0;background:#ffffffe6;border:3px solid var(--border-dark);border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 var(--border-dark)}.profile-btn[data-v-e9e6f354]:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--border-dark);background:#fff}.profile-btn[data-v-e9e6f354]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-dark)}.profile-avatar[data-v-e9e6f354]{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;border-radius:50%}.map-container[data-v-e9e6f354]{width:100%;flex:1;position:relative;background:url(/onboarding.png) center/cover no-repeat;background-size:cover;background-position:center;padding-top:60px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.map-background[data-v-e9e6f354]{display:none}.monsters-grid[data-v-e9e6f354]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden}.monster-stage[data-v-e9e6f354]{position:absolute}.monster-stage[data-v-e9e6f354]:nth-child(1){bottom:15%;left:10%}.monster-stage[data-v-e9e6f354]:nth-child(2){bottom:14%;right:9%}.monster-stage[data-v-e9e6f354]:nth-child(3){bottom:30%;left:9%}.monster-stage[data-v-e9e6f354]:nth-child(4){top:60%;right:5%;transform:translateY(-50%)}.monster-stage[data-v-e9e6f354]:nth-child(5){top:47%;left:15%;transform:translateY(-50%)}.monster-stage[data-v-e9e6f354]:nth-child(6){top:36%;right:3%}.monster-stage[data-v-e9e6f354]:nth-child(7){top:20%;left:2%}.monster-stage[data-v-e9e6f354]:nth-child(8){top:20%;right:4%}.monster-stage[data-v-e9e6f354]:nth-child(9){top:10%;left:50%;transform:translate(-50%)}.monster-stage[data-v-e9e6f354]{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.monster-stage[data-v-e9e6f354]:hover:not(.locked){transform:scale(1.15) translateY(-8px)}.monster-stage:hover:not(.locked) .monster-wrapper[data-v-e9e6f354]{transform:scale(1.3) translateY(-15px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.monster-stage[data-v-e9e6f354]:active:not(.locked){transform:scale(.95) translateY(2px);transition:all .1s ease-in}.monster-stage:active:not(.locked) .monster-wrapper[data-v-e9e6f354]{transform:scale(1.1) translateY(-5px);transition:all .1s ease-in}.monster-wrapper[data-v-e9e6f354]{position:relative;width:140px;height:140px;transition:all .3s cubic-bezier(.4,0,.2,1);padding:12px;background:transparent;overflow:visible}.substage-progress[data-v-e9e6f354]{position:absolute;bottom:15%;right:0;transform:translateY(50%);background:#5cb85cf2;color:#fff;padding:3px 6px;border-radius:12px;font-size:10px;font-weight:700;border:2px solid white;box-shadow:0 2px 4px #0000004d;z-index:10;font-family:"Press Start 2P",monospace;white-space:nowrap}.substage-modal[data-v-e9e6f354]{max-width:600px;padding:30px}.substage-header[data-v-e9e6f354]{text-align:center;margin-bottom:30px}.substage-monster-icon[data-v-e9e6f354]{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;margin-bottom:15px}.substage-level[data-v-e9e6f354]{font-size:12px;color:#666;margin-top:5px}.substage-grid[data-v-e9e6f354]{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:15px;margin-bottom:30px;max-height:300px;overflow-y:auto;padding:10px}.substage-item[data-v-e9e6f354]{aspect-ratio:1;background:#fff;border:3px solid var(--border-dark);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative}.substage-item[data-v-e9e6f354]:not(.locked):not(.completed):not(.current){background:#fff;cursor:pointer}.substage-item[data-v-e9e6f354]:not(.locked):hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.substage-item.completed[data-v-e9e6f354]{background:linear-gradient(135deg,#5cb85c,#4cae4c);color:#fff;cursor:pointer;border:2px solid #2e7d32}.substage-item.completed[data-v-e9e6f354]:hover{transform:scale(1.15);box-shadow:0 0 20px #5cb85cb3,0 4px 15px #0000004d;border:3px solid #4caf50}.substage-item.completed[data-v-e9e6f354]:hover:after{content:"🔄 重玩";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:8px;white-space:nowrap;background:#000c;color:#fff;padding:2px 6px;border-radius:4px}.substage-item.current[data-v-e9e6f354]{background:linear-gradient(135deg,gold,#ffed4e);color:#2c3e50;border:4px solid #ffc107;box-shadow:0 0 30px #ffd700cc,0 0 50px #ffc10799,inset 0 0 20px #ffffff4d;animation:currentPulse-e9e6f354 1.5s ease-in-out infinite;transform:scale(1.15);font-weight:700;z-index:10}@keyframes currentPulse-e9e6f354{0%,to{transform:scale(1.15);box-shadow:0 0 30px #ffd700cc,0 0 50px #ffc10799,inset 0 0 20px #ffffff4d}50%{transform:scale(1.2);box-shadow:0 0 40px gold,0 0 60px #ffc107cc,inset 0 0 25px #ffffff80}}.substage-item.locked[data-v-e9e6f354]{background:#e0e0e0;cursor:not-allowed;opacity:.6}.substage-item.locked[data-v-e9e6f354]:hover:after{content:"🔒 請先完成前面的關卡";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:8px;white-space:nowrap;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;z-index:100}.substage-item.current.locked[data-v-e9e6f354]{background:linear-gradient(135deg,#00c851,#0f8);color:#fff;opacity:1;cursor:pointer}.substage-number[data-v-e9e6f354]{font-size:20px;font-weight:700;font-family:"Press Start 2P",monospace}.substage-status[data-v-e9e6f354]{font-size:16px;margin-top:5px}.substage-info[data-v-e9e6f354]{text-align:center;color:#666;font-size:12px;line-height:1.6}.monster-stage:not(.locked):not(.completed) .monster-wrapper[data-v-e9e6f354]:before{display:none}.monster-stage:not(.locked):not(.completed) .monster-wrapper[data-v-e9e6f354]:after{display:none}@keyframes rotateBorder-e9e6f354{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.monster-stage:not(.locked):not(.completed) .monster-wrapper[data-v-e9e6f354]{background:transparent;animation:pulseGlow-e9e6f354 2s ease-in-out infinite}@keyframes pulseGlow-e9e6f354{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes currentPulse-e9e6f354{0%,to{transform:scale(1.1);box-shadow:0 0 20px #ffd70099,0 0 40px #28a74566}50%{transform:scale(1.15);box-shadow:0 0 30px #ffd700cc,0 0 60px #28a74599}}.monster-stage.locked .monster-wrapper[data-v-e9e6f354],.monster-stage.completed .monster-wrapper[data-v-e9e6f354]{background:transparent}.monster-image[data-v-e9e6f354]{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transition:all .3s;filter:drop-shadow(2px 2px 0 white) drop-shadow(-2px -2px 0 white) drop-shadow(2px -2px 0 white) drop-shadow(-2px 2px 0 white) drop-shadow(0 0 8px rgba(0,0,0,.6)) drop-shadow(0 10px 20px rgba(0,0,0,.4)) brightness(1.1) contrast(1.2) saturate(1.2);padding:8px;pointer-events:none;transform:scale(1.1)}.monster-stage.completed .monster-image[data-v-e9e6f354]{filter:drop-shadow(2px 2px 0 white) drop-shadow(-2px -2px 0 white) drop-shadow(2px -2px 0 white) drop-shadow(-2px 2px 0 white) drop-shadow(0 0 12px rgba(92,184,92,.6)) drop-shadow(0 0 25px rgba(92,184,92,.4)) drop-shadow(0 10px 20px rgba(0,0,0,.3)) brightness(1.1) contrast(1.15) saturate(1.05);opacity:1;transform:scale(1.1);animation:none!important}.monster-stage.locked .monster-image[data-v-e9e6f354]{filter:brightness(.3) contrast(.6) saturate(.3) drop-shadow(0 5px 10px rgba(0,0,0,.5));transform:scale(.95)}.monster-stage.current .monster-image[data-v-e9e6f354]{filter:drop-shadow(3px 3px 0 white) drop-shadow(-3px -3px 0 white) drop-shadow(3px -3px 0 white) drop-shadow(-3px 3px 0 white) drop-shadow(0 0 20px #ffd700) drop-shadow(0 0 40px #ffd700) drop-shadow(0 0 60px rgba(255,215,0,.8)) drop-shadow(0 12px 25px rgba(0,0,0,.4)) brightness(1.2) contrast(1.3) saturate(1.3);animation:bounce-e9e6f354 1.2s ease-in-out infinite;transform:scale(1.3)}.monster-stage:not(.locked):not(.current):not(.completed) .monster-image[data-v-e9e6f354]{animation:gentleBounce-e9e6f354 2.5s ease-in-out infinite;filter:drop-shadow(2px 2px 0 white) drop-shadow(-2px -2px 0 white) drop-shadow(2px -2px 0 white) drop-shadow(-2px 2px 0 white) drop-shadow(0 0 15px #ffd700) drop-shadow(0 0 30px rgba(255,215,0,.6)) drop-shadow(0 10px 20px rgba(0,0,0,.35)) brightness(1.15) contrast(1.2) saturate(1.2);transform:scale(1.15)}.monster-stage:not(.locked):not(.completed):hover .monster-image[data-v-e9e6f354]{filter:drop-shadow(3px 3px 0 white) drop-shadow(-3px -3px 0 white) drop-shadow(3px -3px 0 white) drop-shadow(-3px 3px 0 white) drop-shadow(0 0 25px #ffd700) drop-shadow(0 0 50px #ffd700) drop-shadow(0 0 80px rgba(255,215,0,.9)) drop-shadow(0 15px 30px rgba(0,0,0,.45)) brightness(1.25) contrast(1.35) saturate(1.35);animation:intenseBounce-e9e6f354 .8s ease-in-out infinite;transform:scale(1.25)}.monster-stage.completed:hover .monster-image[data-v-e9e6f354]{filter:drop-shadow(3px 3px 0 white) drop-shadow(-3px -3px 0 white) drop-shadow(3px -3px 0 white) drop-shadow(-3px 3px 0 white) drop-shadow(0 0 20px #5cb85c) drop-shadow(0 0 40px rgba(92,184,92,.8)) drop-shadow(0 0 60px rgba(92,184,92,.6)) drop-shadow(0 12px 25px rgba(0,0,0,.4)) brightness(1.2) contrast(1.25) saturate(1.15);animation:none;transform:scale(1.2);transition:all .3s ease}.monster-stage:not(.locked):active .monster-image[data-v-e9e6f354]{filter:drop-shadow(0 0 0 6px white) drop-shadow(0 0 0 10px #ff6b35) drop-shadow(0 0 30px #ff6b35) drop-shadow(0 0 60px rgba(255,107,53,1)) drop-shadow(0 0 100px rgba(255,107,53,.8));animation:none;transform:scale(1.05);transition:all .1s ease-in}@keyframes intenseBounce-e9e6f354{0%,to{transform:scale(1.2) translateY(0)}50%{transform:scale(1.25) translateY(-8px)}}@keyframes bounce-e9e6f354{0%,to{transform:translateY(0) scale(1.1)}50%{transform:translateY(-15px) scale(1.15)}}@keyframes gentleBounce-e9e6f354{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-stats[data-v-e9e6f354]{position:fixed;bottom:15px;bottom:calc(15px + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:10px;z-index:100}.player-title[data-v-e9e6f354]{background:#667eead9;color:#fff;border:1px solid rgba(0,0,0,.1);padding:8px 12px;box-shadow:0 2px 4px #00000026;font-size:10px;font-weight:700;text-align:center;border-radius:20px}.stat-items[data-v-e9e6f354]{display:flex;gap:10px;align-items:center}.stat-icon-item[data-v-e9e6f354]{background:#ffffffd9;border:1px solid rgba(0,0,0,.1);padding:8px 12px;box-shadow:0 2px 4px #00000026;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-icon-item.gem-shop[data-v-e9e6f354],.stat-icon-item.shop-clickable[data-v-e9e6f354]{cursor:pointer;transition:all .2s}.stat-icon-item.gem-shop[data-v-e9e6f354]:hover,.stat-icon-item.shop-clickable[data-v-e9e6f354]:hover{transform:scale(1.05);background:#ffd70033;box-shadow:0 4px 8px #0003}.stat-icon-img[data-v-e9e6f354]{width:20px;height:20px;object-fit:contain;image-rendering:crisp-edges;image-rendering:pixelated}.stage-info h3[data-v-e9e6f354]{font-size:10px;margin-bottom:4px;color:var(--text-dark)}.stage-info p[data-v-e9e6f354]{font-size:8px;color:#666;margin-bottom:4px}.difficulty-stars[data-v-e9e6f354]{font-size:10px}.stage-modal[data-v-e9e6f354]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px}.stage-modal-content[data-v-e9e6f354]{background:#fffffffa;border:2px solid var(--border-dark);box-shadow:0 10px 30px #0000004d;padding:25px;max-width:400px;width:90%;position:relative;animation:slideUp-e9e6f354 .3s ease;border-radius:12px;margin:auto;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes slideUp-e9e6f354{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn[data-v-e9e6f354]{position:absolute;top:10px;right:10px;background:var(--primary-red);color:#fff;border:3px solid var(--border-dark);width:40px;height:40px;font-size:20px;cursor:pointer;transition:all .2s;z-index:100}.close-btn[data-v-e9e6f354]:hover{transform:scale(1.1)}.monster-detail[data-v-e9e6f354]{text-align:center}.monster-detail-image[data-v-e9e6f354]{width:120px;height:120px;margin:0 auto 20px;image-rendering:pixelated}.monster-detail h2[data-v-e9e6f354]{font-size:16px;color:var(--primary-red);margin-bottom:10px}.monster-detail h3[data-v-e9e6f354]{font-size:14px;margin-bottom:8px}.stage-level[data-v-e9e6f354]{font-size:10px;color:#666;margin-bottom:10px}.difficulty[data-v-e9e6f354]{margin-bottom:15px}.stage-desc[data-v-e9e6f354]{font-size:10px;line-height:1.6;margin-bottom:20px;color:#555}.btn-red[data-v-e9e6f354]{background:var(--primary-red);width:100%;font-size:12px;padding:16px}.btn-green[data-v-e9e6f354]{background:var(--primary-green);width:100%;font-size:12px;padding:16px}.btn-green[data-v-e9e6f354]:hover{background:#4caf50}.btn-red[data-v-e9e6f354]:disabled,.btn-green[data-v-e9e6f354]:disabled{background:#999;cursor:not-allowed}@media(max-width:768px){.home-page[data-v-e9e6f354]{height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.home-header[data-v-e9e6f354]{padding:15px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.header-left[data-v-e9e6f354]{gap:8px}.home-logo[data-v-e9e6f354]{height:55px;width:auto}.header-left[data-v-e9e6f354],.header-center[data-v-e9e6f354],.header-right[data-v-e9e6f354]{flex:0 0 auto}.header-center[data-v-e9e6f354]{flex:1}.header-btn[data-v-e9e6f354]{width:45px;height:45px;border:2px solid var(--border-dark);box-shadow:0 2px 0 var(--border-dark)}.header-btn[data-v-e9e6f354]:hover{box-shadow:0 3px 0 var(--border-dark)}.header-btn span[data-v-e9e6f354]{font-size:20px}.profile-btn[data-v-e9e6f354]{width:45px;height:45px;border:2px solid var(--border-dark);box-shadow:0 2px 0 var(--border-dark)}.profile-btn[data-v-e9e6f354]:hover{box-shadow:0 3px 0 var(--border-dark)}.map-container[data-v-e9e6f354]{padding-top:90px;padding-bottom:calc(120px + env(safe-area-inset-bottom,0));min-height:calc(100vh + 150px);height:auto;position:relative}.monster-stage[data-v-e9e6f354]:nth-child(1){bottom:15%;left:50%;transform:translate(-50%)}.monster-stage[data-v-e9e6f354]:nth-child(2){bottom:27%;left:35%;transform:none}.monster-stage[data-v-e9e6f354]:nth-child(3){bottom:39%;right:25%;transform:none}.monster-stage[data-v-e9e6f354]:nth-child(4){bottom:51%;left:40%;transform:none}.monster-stage[data-v-e9e6f354]:nth-child(5){bottom:63%;right:30%;transform:none}.monster-stage[data-v-e9e6f354]:nth-child(6){top:30%;left:35%;transform:none}.monster-stage[data-v-e9e6f354]:nth-child(7){top:20%;right:25%;transform:none}.monster-stage[data-v-e9e6f354]:nth-child(8){top:10%;left:40%;transform:none}.monster-stage[data-v-e9e6f354]:nth-child(9){top:2%;left:50%;transform:translate(-50%)}.monster-wrapper[data-v-e9e6f354]{width:105px;height:105px;padding:12px;background:transparent;overflow:visible}.monster-stage:not(.locked):not(.completed) .monster-wrapper[data-v-e9e6f354]:before,.monster-stage:not(.locked):not(.completed) .monster-wrapper[data-v-e9e6f354]:after{display:none}.monster-stage[data-v-e9e6f354]:hover:not(.locked){transform:scale(1.15) translateY(-5px)}.monster-stage:hover:not(.locked) .monster-wrapper[data-v-e9e6f354]{transform:scale(1.25) translateY(-10px)}.monster-image[data-v-e9e6f354]{filter:drop-shadow(1.5px 1.5px 0 white) drop-shadow(-1.5px -1.5px 0 white) drop-shadow(1.5px -1.5px 0 white) drop-shadow(-1.5px 1.5px 0 white) drop-shadow(0 0 6px rgba(0,0,0,.5)) drop-shadow(0 8px 15px rgba(0,0,0,.4)) brightness(1.15) contrast(1.25) saturate(1.25);transform:scale(1.25)}.monster-stage:not(.locked):not(.completed) .monster-image[data-v-e9e6f354]{filter:drop-shadow(2px 2px 0 white) drop-shadow(-2px -2px 0 white) drop-shadow(2px -2px 0 white) drop-shadow(-2px 2px 0 white) drop-shadow(0 0 12px #ffd700) drop-shadow(0 0 25px rgba(255,215,0,.7)) drop-shadow(0 8px 18px rgba(0,0,0,.4)) brightness(1.2) contrast(1.3) saturate(1.3)}.monster-stage.current .monster-image[data-v-e9e6f354]{filter:drop-shadow(2.5px 2.5px 0 white) drop-shadow(-2.5px -2.5px 0 white) drop-shadow(2.5px -2.5px 0 white) drop-shadow(-2.5px 2.5px 0 white) drop-shadow(0 0 18px #ffd700) drop-shadow(0 0 35px #ffd700) drop-shadow(0 0 50px rgba(255,215,0,.9)) drop-shadow(0 10px 20px rgba(0,0,0,.4)) brightness(1.25) contrast(1.35) saturate(1.35);transform:scale(1.4)}.stage-info[data-v-e9e6f354]{padding:4px 8px}.stage-info h3[data-v-e9e6f354]{font-size:8px}.floating-stats[data-v-e9e6f354]{position:fixed;bottom:0;left:0;right:0;transform:none;gap:8px;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));width:100%;justify-content:center;align-items:center;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -2px 10px #0000001a;z-index:1000}.stat-icon-item[data-v-e9e6f354]{padding:6px 10px;font-size:11px;border-radius:16px}.player-title[data-v-e9e6f354]{padding:6px 10px;font-size:9px;border-radius:16px}}@media(max-width:480px){.monster-grid[data-v-e9e6f354]{overflow:hidden;width:100%;max-width:100vw}.monster-stage[data-v-e9e6f354]{max-width:120px;width:120px;overflow:visible}.monster-wrapper[data-v-e9e6f354]{width:110px;height:110px;padding:8px;overflow:visible}.monster-stage[data-v-e9e6f354]:nth-child(1){bottom:30%;left:40%;transform:translate(-50%)}.monster-stage[data-v-e9e6f354]:nth-child(2){bottom:32%;left:60%}.monster-stage[data-v-e9e6f354]:nth-child(3){bottom:40%;right:20%}.monster-stage[data-v-e9e6f354]:nth-child(4){top:40%;left:55%}.monster-stage[data-v-e9e6f354]:nth-child(5){top:30%;left:25%}.monster-stage[data-v-e9e6f354]:nth-child(6){top:32%;left:58%}.monster-stage[data-v-e9e6f354]:nth-child(7){top:20%;right:20%}.monster-stage[data-v-e9e6f354]:nth-child(8){top:15%;left:60%}.monster-stage[data-v-e9e6f354]:nth-child(9){top:10%;left:45%;transform:translate(-50%)}.monster-image[data-v-e9e6f354]{filter:drop-shadow(1px 1px 0 white) drop-shadow(-1px -1px 0 white) drop-shadow(1px -1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 0 5px rgba(0,0,0,.5)) drop-shadow(0 6px 12px rgba(0,0,0,.4)) brightness(1.2) contrast(1.3) saturate(1.3);transform:scale(1.35)}.stage-info h3[data-v-e9e6f354]{font-size:12px}.stage-info p[data-v-e9e6f354]{font-size:10px}.floating-stats[data-v-e9e6f354]{padding:15px;gap:12px}.stat-icon-item[data-v-e9e6f354]{padding:10px 16px;font-size:16px;border-radius:20px;min-height:48px;display:flex;align-items:center;gap:8px}.stat-icon-item .icon[data-v-e9e6f354]{font-size:20px}.player-title[data-v-e9e6f354]{padding:10px 16px;font-size:14px;border-radius:20px;min-height:44px}}.gem-shop-modal[data-v-e9e6f354]{max-width:600px;background:url(/sky.png) center/cover no-repeat;border:2px solid var(--border-dark);box-shadow:4px 4px #0000004d;border-radius:8px;position:relative}.shop-content[data-v-e9e6f354]{text-align:center;color:var(--text-dark);background:#fffffff2;padding:20px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gem-balance-header[data-v-e9e6f354]{position:relative;top:0;left:0;transform:none;z-index:10;margin-bottom:20px;display:flex;justify-content:center}.gem-balance-box[data-v-e9e6f354]{display:flex;align-items:center;gap:12px;padding:16px 28px;background:linear-gradient(135deg,gold,#ffc700);border:2px solid var(--border-dark);border-radius:25px;box-shadow:0 3px 6px #0003,inset 0 1px 2px #fff6;animation:gemPulse-e9e6f354 2s ease-in-out infinite}@keyframes gemPulse-e9e6f354{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gem-icon-large[data-v-e9e6f354]{font-size:32px;filter:drop-shadow(0 0 8px rgba(255,215,0,.8));animation:gemSpin-e9e6f354 3s linear infinite}@keyframes gemSpin-e9e6f354{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.gem-amount[data-v-e9e6f354]{display:flex;flex-direction:column;align-items:flex-start}.gem-number[data-v-e9e6f354]{font-size:24px;font-weight:700;color:var(--border-dark);text-shadow:2px 2px 0 rgba(255,255,255,.3)}.gem-label[data-v-e9e6f354]{font-size:10px;color:var(--border-dark);text-transform:uppercase}.shop-header[data-v-e9e6f354]{margin-top:20px;margin-bottom:24px}.shop-title[data-v-e9e6f354]{font-size:20px;color:var(--text-dark);text-shadow:2px 2px 0 rgba(255,215,0,.3);margin-bottom:8px;font-family:"Press Start 2P",monospace;font-weight:700}.shop-subtitle[data-v-e9e6f354]{font-size:12px;color:#666;opacity:.9}.shop-items[data-v-e9e6f354]{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.shop-item[data-v-e9e6f354]{position:relative;display:flex;align-items:center;gap:16px;padding:18px;background:linear-gradient(135deg,#fffffffa,#f8f9faf2);border:2px solid var(--border-dark);box-shadow:3px 3px #0003;transition:all .2s;border-radius:8px}.shop-item[data-v-e9e6f354]:hover{transform:translateY(-2px);box-shadow:6px 6px #0006}.item-badge[data-v-e9e6f354]{position:absolute;top:-10px;left:20px;padding:4px 12px;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;font-size:10px;font-weight:700;border:2px solid var(--border-dark);border-radius:12px;box-shadow:2px 2px #0000004d}.item-blue .item-badge[data-v-e9e6f354]{background:linear-gradient(135deg,#5bc0de,#46b8da)}.item-red .item-badge[data-v-e9e6f354]{background:linear-gradient(135deg,#d9534f,#c9302c)}.item-orange[data-v-e9e6f354]{border-color:#ff6b35;background:linear-gradient(135deg,#ff6b351a,#ff8c420d)}.item-blue[data-v-e9e6f354]{border-color:#5bc0de;background:linear-gradient(135deg,#5bc0de1a,#46b8da0d)}.item-red[data-v-e9e6f354]{border-color:#d9534f;background:linear-gradient(135deg,#d9534f1a,#c9302c0d)}.item-icon[data-v-e9e6f354]{font-size:48px;width:60px;text-align:center;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));display:flex;align-items:center;justify-content:center}.shop-icon-img[data-v-e9e6f354]{width:60px;height:60px;object-fit:contain;image-rendering:crisp-edges;image-rendering:pixelated}.item-info[data-v-e9e6f354]{flex:1;text-align:left}.item-info h3[data-v-e9e6f354]{font-size:18px;margin-bottom:6px;color:var(--text-dark);font-weight:700;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.item-desc[data-v-e9e6f354]{font-size:13px;color:#555;margin-bottom:8px;line-height:1.4}.item-stock[data-v-e9e6f354]{font-size:12px;color:#666;padding:6px 10px;background:#00000014;border-radius:6px;display:inline-block;font-weight:500}.stock-number[data-v-e9e6f354]{font-weight:700;color:#333}.item-purchase[data-v-e9e6f354]{display:flex;flex-direction:column;align-items:center;gap:8px}.price-tag[data-v-e9e6f354]{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,gold,#ffc700);border:2px solid var(--border-dark);border-radius:20px;box-shadow:2px 2px #0003}.price-icon[data-v-e9e6f354]{font-size:16px}.price-amount[data-v-e9e6f354]{font-size:14px;font-weight:700;color:var(--border-dark)}.shop-buy-btn[data-v-e9e6f354]{min-width:100px;font-size:11px;padding:10px 16px;text-transform:uppercase;font-weight:700;transition:all .2s}.shop-buy-btn[data-v-e9e6f354]:disabled{background:#999;opacity:.7}.btn-orange[data-v-e9e6f354]{background:linear-gradient(135deg,#ff6b35,#ff8c42)}.btn-orange[data-v-e9e6f354]:hover:not(:disabled){background:linear-gradient(135deg,#ff8c42,orange)}@media(max-width:768px){.stage-modal[data-v-e9e6f354]{align-items:flex-start;padding:10px;padding-top:env(safe-area-inset-top,10px);padding-bottom:env(safe-area-inset-bottom,10px)}.stage-modal-content[data-v-e9e6f354]{max-height:calc(100vh - 40px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));margin-top:20px;margin-bottom:20px;width:95%;padding:20px}.shop-item[data-v-e9e6f354]{flex-direction:column;text-align:center;padding:20px 16px;gap:12px}.item-icon[data-v-e9e6f354]{font-size:40px;margin-bottom:8px}.shop-icon-img[data-v-e9e6f354]{width:50px;height:50px}.item-info[data-v-e9e6f354]{width:100%;text-align:center;margin-bottom:12px}.item-info h3[data-v-e9e6f354]{font-size:16px;margin-bottom:8px}.item-desc[data-v-e9e6f354]{font-size:12px;margin-bottom:10px}.item-stock[data-v-e9e6f354]{margin-bottom:12px}.item-purchase[data-v-e9e6f354]{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.price-tag[data-v-e9e6f354]{flex-shrink:0}.shop-buy-btn[data-v-e9e6f354]{flex:1;min-width:120px;padding:12px 16px;font-size:12px}.gem-shop-modal[data-v-e9e6f354]{max-width:100%;max-height:calc(100vh - 40px - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:2px solid var(--border-dark);background:url(/sky.png) center/cover no-repeat}.shop-header[data-v-e9e6f354]{padding:15px;margin-top:10px}.shop-title[data-v-e9e6f354]{font-size:16px;letter-spacing:1px;color:var(--text-dark);text-shadow:1px 1px 0 rgba(255,215,0,.3)}.title-icon[data-v-e9e6f354]{font-size:16px}.gem-balance-section[data-v-e9e6f354]{padding:10px}.balance-label[data-v-e9e6f354]{font-size:10px}.gem-balance-box[data-v-e9e6f354]{padding:14px 24px;background:linear-gradient(135deg,gold,#ffc700);border:2px solid var(--border-dark);border-radius:20px}.gem-icon-large[data-v-e9e6f354]{font-size:28px;filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.gem-number[data-v-e9e6f354]{font-size:20px;font-weight:700;color:var(--border-dark);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.shop-items[data-v-e9e6f354]{padding:15px 10px;gap:16px}.item-badge[data-v-e9e6f354]{padding:4px 10px;font-size:9px;top:-12px}}.stage-modal.purchase-confirm[data-v-e9e6f354]{z-index:2000!important}.purchase-confirm-modal[data-v-e9e6f354]{max-width:450px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid var(--border-dark);border-radius:12px;box-shadow:0 8px 25px #0000004d;z-index:2001}.confirm-content[data-v-e9e6f354]{text-align:center;padding:10px}.confirm-icon[data-v-e9e6f354]{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));display:flex;align-items:center;justify-content:center}.confirm-icon-img[data-v-e9e6f354]{width:60px;height:60px;object-fit:contain;image-rendering:crisp-edges;image-rendering:pixelated}.confirm-title[data-v-e9e6f354]{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:16px;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.confirm-item[data-v-e9e6f354]{margin-bottom:20px;padding:16px;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:8px}.confirm-item h4[data-v-e9e6f354]{font-size:16px;color:var(--text-dark);margin-bottom:8px;font-weight:700}.confirm-desc[data-v-e9e6f354]{font-size:13px;color:#666;line-height:1.4}.confirm-cost[data-v-e9e6f354]{display:flex;justify-content:space-between;margin-bottom:24px;padding:12px 16px;background:linear-gradient(135deg,#fff9e6,#fff3cd);border:1px solid #ffd700;border-radius:8px}.cost-info[data-v-e9e6f354],.balance-info[data-v-e9e6f354]{display:flex;flex-direction:column;align-items:center;gap:4px}.cost-label[data-v-e9e6f354],.balance-label[data-v-e9e6f354]{font-size:11px;color:#666;font-weight:700;text-transform:uppercase}.cost-amount[data-v-e9e6f354],.balance-amount[data-v-e9e6f354]{display:flex;align-items:center;gap:4px}.cost-gem[data-v-e9e6f354],.balance-gem[data-v-e9e6f354]{font-size:18px}.cost-number[data-v-e9e6f354]{font-size:16px;font-weight:700;color:#d9534f}.balance-number[data-v-e9e6f354]{font-size:16px;font-weight:700;color:var(--primary-green)}.confirm-buttons[data-v-e9e6f354]{display:flex;gap:12px;justify-content:center}.btn-cancel[data-v-e9e6f354]{background:#6c757d;flex:1;max-width:120px}.btn-cancel[data-v-e9e6f354]:hover{background:#5a6268}.btn-confirm[data-v-e9e6f354]{flex:1;max-width:120px}.btn-confirm.btn-orange[data-v-e9e6f354]{background:linear-gradient(135deg,#ff6b35,#ff8c42)}.btn-confirm.btn-blue[data-v-e9e6f354]{background:linear-gradient(135deg,#5bc0de,#46b8da)}.btn-confirm.btn-red[data-v-e9e6f354]{background:linear-gradient(135deg,#d9534f,#c9302c)}.btn-confirm.btn-orange[data-v-e9e6f354]:hover{background:linear-gradient(135deg,#ff8c42,orange)}.btn-confirm.btn-blue[data-v-e9e6f354]:hover{background:linear-gradient(135deg,#46b8da,#31b0d5)}.btn-confirm.btn-red[data-v-e9e6f354]:hover{background:linear-gradient(135deg,#c9302c,#ac2925)}@media(max-width:768px){.purchase-confirm-modal[data-v-e9e6f354]{width:95%;max-width:100%}.confirm-content[data-v-e9e6f354]{padding:20px 15px}.confirm-icon[data-v-e9e6f354]{font-size:40px;margin-bottom:12px}.confirm-title[data-v-e9e6f354]{font-size:16px;margin-bottom:12px}.confirm-item[data-v-e9e6f354]{padding:12px;margin-bottom:16px}.confirm-item h4[data-v-e9e6f354]{font-size:14px}.confirm-desc[data-v-e9e6f354]{font-size:12px}.confirm-cost[data-v-e9e6f354]{margin-bottom:20px;padding:10px 12px}.cost-label[data-v-e9e6f354],.balance-label[data-v-e9e6f354]{font-size:10px}.cost-gem[data-v-e9e6f354],.balance-gem[data-v-e9e6f354]{font-size:16px}.cost-number[data-v-e9e6f354],.balance-number[data-v-e9e6f354]{font-size:14px}.confirm-buttons[data-v-e9e6f354]{gap:10px}.btn-cancel[data-v-e9e6f354],.btn-confirm[data-v-e9e6f354]{font-size:12px;padding:12px 16px}}.bottom-nav[data-v-e9e6f354]{position:fixed;bottom:0;left:0;right:0;height:70px;background:#fffffffa;border-top:2px solid var(--border-dark);display:flex;justify-content:center;align-items:center;padding:0 15px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-section[data-v-e9e6f354]{display:flex;gap:15px;align-items:center}.stats-section .stat-item[data-v-e9e6f354]{display:flex;align-items:center;gap:5px;padding:5px 10px;background:#0000000d;border-radius:15px;cursor:pointer;transition:all .3s ease}.stats-section .stat-item[data-v-e9e6f354]:hover{background:#0000001a;transform:translateY(-2px)}.stats-section .stat-icon[data-v-e9e6f354]{font-size:18px}.stats-section .stat-icon-img[data-v-e9e6f354]{width:18px;height:18px;image-rendering:pixelated}.stats-section .stat-value[data-v-e9e6f354]{font-size:14px;font-weight:700;color:var(--text-dark)}.nav-buttons[data-v-e9e6f354]{display:flex;gap:10px;width:100%;max-width:500px;justify-content:space-around}.nav-btn[data-v-e9e6f354]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 15px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#666;font-family:"Press Start 2P",monospace}.nav-btn[data-v-e9e6f354]:hover{color:var(--primary-green);transform:translateY(-2px)}.nav-btn.active[data-v-e9e6f354]{color:var(--primary-green)}.nav-icon[data-v-e9e6f354]{font-size:22px;margin-bottom:2px}.nav-label[data-v-e9e6f354]{font-size:10px;font-family:"Press Start 2P",monospace}.streak-warning-bar[data-v-e9e6f354]{position:fixed;top:60px;left:0;right:0;z-index:90;background:linear-gradient(90deg,#ffc107f2,#ff9800f2);border-bottom:2px solid var(--border-dark);padding:8px 15px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:700;color:var(--text-dark)}.warning-text[data-v-e9e6f354]{color:var(--text-dark)}.streak-badge[data-v-e9e6f354]{display:flex;align-items:center;gap:5px;padding:5px 12px;background:linear-gradient(135deg,#2c3e50e6,#34495ee6);border:2px solid var(--border-dark);border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px}.streak-badge.has-streak[data-v-e9e6f354]{background:linear-gradient(135deg,#e74c3ce6,#c0392be6);animation:subtlePulse-e9e6f354 2s ease-in-out infinite}.streak-badge.danger[data-v-e9e6f354]{background:linear-gradient(135deg,#ffc107e6,#ff9800e6);animation:warningPulse-e9e6f354 1s ease-in-out infinite}.streak-icon[data-v-e9e6f354]{font-size:16px}.streak-num[data-v-e9e6f354]{font-weight:700;color:#fff;font-size:14px}@keyframes subtlePulse-e9e6f354{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes warningPulse-e9e6f354{0%,to{transform:scale(1);box-shadow:0 0 #ffc107b3}50%{transform:scale(1.05);box-shadow:0 0 15px #ffc107b3}}@media(max-width:480px){.bottom-nav[data-v-e9e6f354]{padding:0 10px}.nav-buttons[data-v-e9e6f354]{gap:5px}.nav-btn[data-v-e9e6f354]{padding:5px 8px}.nav-icon[data-v-e9e6f354]{font-size:20px}.nav-label[data-v-e9e6f354]{font-size:9px}}.renewal-reminder[data-v-e9e6f354]{position:fixed;bottom:100px;right:20px;background:#fff;border:3px solid #f0ad4e;padding:20px;max-width:300px;z-index:1000;animation:slideInRight-e9e6f354 .3s ease-out}.close-reminder[data-v-e9e6f354]{position:absolute;top:10px;right:10px;background:#ff6b6b;color:#fff;border:none;width:24px;height:24px;border-radius:50%;font-size:14px;cursor:pointer}.close-reminder[data-v-e9e6f354]:hover{transform:scale(1.1)}.reminder-icon[data-v-e9e6f354]{font-size:36px;text-align:center;margin-bottom:10px;animation:shake-e9e6f354 2s ease infinite}.reminder-content[data-v-e9e6f354]{text-align:center}.reminder-content h3[data-v-e9e6f354]{font-size:14px;margin-bottom:10px;color:#f0ad4e}.reminder-content p[data-v-e9e6f354]{font-size:12px;color:#666;margin-bottom:15px}.reminder-content .pixel-btn[data-v-e9e6f354]{width:100%;padding:10px;background:#f0ad4e;color:#fff}@keyframes slideInRight-e9e6f354{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shake-e9e6f354{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media(max-width:768px){.renewal-reminder[data-v-e9e6f354]{bottom:80px;right:10px;left:10px;max-width:none}}.study-page[data-v-53f2fa33]{min-height:100vh;background:url(/scene1.png) center/cover no-repeat fixed;position:relative}.pixel-container[data-v-53f2fa33]{position:relative;z-index:1}.study-progress[data-v-53f2fa33]{margin-bottom:24px;background:#fff;border:4px solid var(--border-dark);box-shadow:6px 6px 0 var(--border-dark)}.progress-header[data-v-53f2fa33]{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.word-card[data-v-53f2fa33]{text-align:center;max-width:500px;margin:0 auto;position:relative;background:#fff;border:4px solid var(--border-dark);box-shadow:8px 8px 0 var(--border-dark)}.npc-guide[data-v-53f2fa33]{position:absolute;top:-40px;right:-40px;width:80px;height:80px;object-fit:contain;image-rendering:auto;animation:float-53f2fa33 3s ease-in-out infinite}@keyframes float-53f2fa33{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.word-number[data-v-53f2fa33]{font-size:14px;color:#666;margin-bottom:20px}.word-content[data-v-53f2fa33]{margin:32px 0}.word-english[data-v-53f2fa33]{font-size:32px;color:var(--primary-blue);margin-bottom:12px;font-family:"Press Start 2P",monospace}.word-pos-container[data-v-53f2fa33]{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;justify-content:center}.word-pos[data-v-53f2fa33]{font-size:14px;color:#666;padding:4px 12px;background:#f0f0f0;display:inline-block;border:2px solid #DDD;border-radius:4px}.word-chinese[data-v-53f2fa33]{font-size:20px;color:var(--text-dark);margin-bottom:24px}.word-actions[data-v-53f2fa33]{margin-bottom:24px}.favorite-btn[data-v-53f2fa33]{font-family:"Press Start 2P",monospace;font-size:14px;padding:12px 24px;border:3px solid var(--border-dark);background:#fff;cursor:pointer;transition:all .2s}.favorite-btn.favorited[data-v-53f2fa33]{background:var(--primary-yellow);color:#fff}.quiz-card[data-v-53f2fa33]{max-width:600px;margin:0 auto;background:#fff;border:4px solid var(--border-dark);box-shadow:8px 8px 0 var(--border-dark)}.quiz-number[data-v-53f2fa33]{font-size:14px;color:#666;margin-bottom:20px;text-align:center}.quiz-question[data-v-53f2fa33]{text-align:center;margin-bottom:32px}.quiz-question h2[data-v-53f2fa33]{font-size:24px;margin-bottom:12px}.quiz-hint[data-v-53f2fa33]{font-size:14px;color:#666}.quiz-options[data-v-53f2fa33]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.option-btn[data-v-53f2fa33]{padding:20px;font-size:14px}.option-btn.correct[data-v-53f2fa33]{background:var(--primary-green)!important}.option-btn.wrong[data-v-53f2fa33]{background:var(--primary-red)!important}.option-btn.disabled[data-v-53f2fa33]{opacity:.5}.quiz-feedback[data-v-53f2fa33]{text-align:center;padding:20px;background:#f5f5f5;border:2px dashed #DDD}.feedback-correct[data-v-53f2fa33]{color:var(--primary-green);font-size:14px;margin-bottom:16px}.feedback-wrong[data-v-53f2fa33]{color:var(--primary-red);font-size:12px;margin-bottom:16px}.result-mode[data-v-53f2fa33]{position:relative;overflow:hidden}.celebration-bg[data-v-53f2fa33]{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3);background-size:300% 300%;animation:celebrationBg-53f2fa33 3s ease infinite}@keyframes celebrationBg-53f2fa33{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.result-card[data-v-53f2fa33]{max-width:600px;margin:0 auto;text-align:center;background:#fff;border:4px solid var(--border-dark);box-shadow:8px 8px 0 var(--border-dark);position:relative;z-index:10}.celebration-card[data-v-53f2fa33]{transform:scale(1.05);animation:cardEntrance-53f2fa33 1s ease-out}@keyframes cardEntrance-53f2fa33{0%{transform:scale(.8) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1.05) rotate(0);opacity:1}}.result-stats[data-v-53f2fa33]{display:flex;justify-content:center;gap:40px;margin:32px 0}.stat-circle[data-v-53f2fa33]{display:flex;flex-direction:column;align-items:center}.stat-number[data-v-53f2fa33]{font-size:32px;font-weight:700;color:var(--primary-blue)}.stat-label[data-v-53f2fa33]{font-size:14px;color:#666;margin-top:8px}.accuracy-bar[data-v-53f2fa33]{margin:32px 0}.accuracy-text[data-v-53f2fa33]{font-size:14px;font-weight:700;margin-top:8px;display:block}.rewards[data-v-53f2fa33]{background:#fff9c4;border:3px solid var(--border-dark);padding:20px;margin:24px 0}.rewards h3[data-v-53f2fa33]{font-size:12px;margin-bottom:16px}.fireworks-container[data-v-53f2fa33]{position:absolute;inset:0;pointer-events:none;z-index:1}.firework[data-v-53f2fa33]{position:absolute;width:4px;height:4px;border-radius:50%}.firework-1[data-v-53f2fa33]{top:20%;left:20%;animation:fireworkExplode-53f2fa33 2s ease-out infinite;animation-delay:.5s}.firework-2[data-v-53f2fa33]{top:30%;right:25%;animation:fireworkExplode-53f2fa33 2s ease-out infinite;animation-delay:1s}.firework-3[data-v-53f2fa33]{top:40%;left:70%;animation:fireworkExplode-53f2fa33 2s ease-out infinite;animation-delay:1.5s}.firework-4[data-v-53f2fa33]{top:60%;left:30%;animation:fireworkExplode-53f2fa33 2s ease-out infinite;animation-delay:2s}@keyframes fireworkExplode-53f2fa33{0%{box-shadow:0 0 #ff6b6b,0 0 #4ecdc4,0 0 #feca57;transform:scale(1)}20%{box-shadow:0 0 20px 10px #ff6b6b,30px 0 20px 10px #4ecdc4,-30px 0 20px 10px #feca57,0 30px 20px 10px #96ceb4,0 -30px 20px 10px #ff9ff3;transform:scale(1.2)}to{box-shadow:0 0 100px 50px transparent,50px 0 100px 50px transparent,-50px 0 100px 50px transparent,0 50px 100px 50px transparent,0 -50px 100px 50px transparent;transform:scale(2)}}.gems-rain[data-v-53f2fa33]{position:absolute;inset:0;pointer-events:none;z-index:2}.falling-gem[data-v-53f2fa33]{position:absolute;font-size:24px;animation:gemFall-53f2fa33 3s linear infinite}.gem-1[data-v-53f2fa33]{left:10%;animation-delay:0s}.gem-2[data-v-53f2fa33]{left:20%;animation-delay:.5s}.gem-3[data-v-53f2fa33]{left:30%;animation-delay:1s}.gem-4[data-v-53f2fa33]{left:40%;animation-delay:1.5s}.gem-5[data-v-53f2fa33]{left:60%;animation-delay:.3s}.gem-6[data-v-53f2fa33]{left:70%;animation-delay:.8s}.gem-7[data-v-53f2fa33]{left:80%;animation-delay:1.3s}.gem-8[data-v-53f2fa33]{left:90%;animation-delay:1.8s}@keyframes gemFall-53f2fa33{0%{top:-50px;opacity:1;transform:rotate(0) scale(1)}to{top:100vh;opacity:0;transform:rotate(360deg) scale(1.5)}}.confetti[data-v-53f2fa33]{position:absolute;inset:0;pointer-events:none;z-index:1}.confetti-piece[data-v-53f2fa33]{position:absolute;width:10px;height:10px;animation:confettiFall-53f2fa33 4s ease-in infinite}.confetti-1[data-v-53f2fa33]{left:15%;background:#ff6b6b;animation-delay:0s;transform:rotate(45deg)}.confetti-2[data-v-53f2fa33]{left:35%;background:#4ecdc4;animation-delay:.5s;border-radius:50%}.confetti-3[data-v-53f2fa33]{left:55%;background:#feca57;animation-delay:1s}.confetti-4[data-v-53f2fa33]{left:75%;background:#96ceb4;animation-delay:1.5s;transform:rotate(45deg)}.confetti-5[data-v-53f2fa33]{left:25%;background:#ff9ff3;animation-delay:2s;border-radius:50%}.confetti-6[data-v-53f2fa33]{left:65%;background:#45b7d1;animation-delay:2.5s}@keyframes confettiFall-53f2fa33{0%{top:-20px;opacity:1;transform:translate(0) rotate(0)}to{top:100vh;opacity:.3;transform:translate(100px) rotate(720deg)}}.congrats-image[data-v-53f2fa33]{width:250px;height:auto;margin-bottom:20px;image-rendering:auto}.mega-congrats[data-v-53f2fa33]{animation:congratsPulse-53f2fa33 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,107,107,.5))}@keyframes congratsPulse-53f2fa33{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 20px rgba(255,107,107,.5)) hue-rotate(0deg)}50%{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 0 30px rgba(255,107,107,.8)) hue-rotate(90deg)}}.treasure-image[data-v-53f2fa33]{width:100px;height:100px;object-fit:contain;margin:16px auto;display:block;image-rendering:auto;animation:bounce-53f2fa33 1s ease infinite}@keyframes bounce-53f2fa33{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.gem-image[data-v-53f2fa33]{width:20px;height:20px;object-fit:contain;margin-right:8px;vertical-align:middle;image-rendering:auto}.reward-items[data-v-53f2fa33]{display:flex;justify-content:center;gap:24px}.reward-item[data-v-53f2fa33]{display:flex;align-items:center;gap:8px;font-size:12px}.result-actions[data-v-53f2fa33]{display:flex;gap:12px;justify-content:center;margin-top:32px}.result-actions .pixel-btn[data-v-53f2fa33]{min-width:150px}.mega-rewards[data-v-53f2fa33]{background:linear-gradient(45deg,gold,#ffed4e,gold,#ffed4e);background-size:200% 200%;animation:goldShine-53f2fa33 2s ease infinite;border:4px solid #ffd700;box-shadow:0 0 30px #ffd70099,inset 0 0 30px #ffd7004d;position:relative;overflow:hidden}@keyframes goldShine-53f2fa33{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.reward-title[data-v-53f2fa33]{animation:titleBounce-53f2fa33 1s ease-in-out infinite;text-shadow:2px 2px 4px rgba(255,215,0,.5)}@keyframes titleBounce-53f2fa33{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.treasure-showcase[data-v-53f2fa33]{position:relative;display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0;padding:20px;background:radial-gradient(circle,rgba(255,215,0,.2),transparent)}.mega-treasure[data-v-53f2fa33]{animation:treasureFloat-53f2fa33 2s ease-in-out infinite,treasureGlow-53f2fa33 3s ease infinite;filter:drop-shadow(0 0 25px rgba(255,215,0,.8))}@keyframes treasureFloat-53f2fa33{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}@keyframes treasureGlow-53f2fa33{0%,to{filter:drop-shadow(0 0 25px rgba(255,215,0,.8)) hue-rotate(0deg)}33%{filter:drop-shadow(0 0 35px rgba(255,107,107,.9)) hue-rotate(120deg)}66%{filter:drop-shadow(0 0 35px rgba(107,255,107,.9)) hue-rotate(240deg)}}.final-treasure[data-v-53f2fa33]{width:120px;height:120px;object-fit:contain;animation:finalTreasureSparkle-53f2fa33 1.5s ease infinite;filter:drop-shadow(0 0 40px rgba(255,255,255,.9))}@keyframes finalTreasureSparkle-53f2fa33{0%,to{transform:rotate(0) scale(1);filter:drop-shadow(0 0 40px rgba(255,255,255,.9)) brightness(1)}50%{transform:rotate(5deg) scale(1.05);filter:drop-shadow(0 0 60px rgba(255,255,255,1.2)) brightness(1.3)}}.reward-explosion[data-v-53f2fa33]{display:flex;flex-direction:column;gap:16px;margin:20px 0}.mega-reward[data-v-53f2fa33]{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:linear-gradient(45deg,#ffd700e6,#ffed4ee6);border:3px solid #ffd700;border-radius:15px;animation:rewardPop-53f2fa33 .8s ease-out;box-shadow:0 0 20px #ffd70080;overflow:hidden}@keyframes rewardPop-53f2fa33{0%{transform:scale(0) rotate(-180deg);opacity:0}70%{transform:scale(1.1) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.sparkle-gem[data-v-53f2fa33]{animation:gemSparkle-53f2fa33 1s ease infinite;position:relative}@keyframes gemSparkle-53f2fa33{0%,to{transform:rotate(0) scale(1);filter:brightness(1) saturate(1)}25%{transform:rotate(90deg) scale(1.1);filter:brightness(1.5) saturate(1.5)}50%{transform:rotate(180deg) scale(1.2);filter:brightness(2) saturate(2)}75%{transform:rotate(270deg) scale(1.1);filter:brightness(1.5) saturate(1.5)}}.reward-particles[data-v-53f2fa33]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.reward-particles span[data-v-53f2fa33]{position:absolute;font-size:20px;animation:particleBurst-53f2fa33 2s ease infinite}.reward-particles span[data-v-53f2fa33]:nth-child(1){animation-delay:0s;transform:translate(-30px,-30px)}.reward-particles span[data-v-53f2fa33]:nth-child(2){animation-delay:.3s;transform:translate(30px,-30px)}.reward-particles span[data-v-53f2fa33]:nth-child(3){animation-delay:.6s;transform:translateY(-40px)}@keyframes particleBurst-53f2fa33{0%{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(.8) rotate(360deg)}}.trophy-mega[data-v-53f2fa33]{font-size:48px;animation:trophySpin-53f2fa33 2s ease infinite;text-shadow:0 0 20px rgba(255,215,0,.9)}@keyframes trophySpin-53f2fa33{0%,to{transform:rotate(0) scale(1);text-shadow:0 0 20px rgba(255,215,0,.9)}50%{transform:rotate(10deg) scale(1.1);text-shadow:0 0 30px rgba(255,215,0,1.2)}}.perfect-text[data-v-53f2fa33]{background:linear-gradient(45deg,#ff6b6b,gold,#4ecdc4,#ff6b6b);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbowText-53f2fa33 2s ease infinite;font-weight:700;font-size:14px}@keyframes rainbowText-53f2fa33{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gold-particles[data-v-53f2fa33]{animation:goldSparkle-53f2fa33 1.5s ease infinite}@keyframes goldSparkle-53f2fa33{0%,to{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(2) hue-rotate(45deg)}}.bonus-rewards[data-v-53f2fa33]{display:flex;justify-content:center;gap:20px;margin-top:20px}.bonus-item[data-v-53f2fa33]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#ffffffe6;border:2px solid #ffd700;border-radius:10px;animation:bonusFloat-53f2fa33 2s ease-in-out infinite;box-shadow:0 0 15px #ffd70066}.bonus-item span[data-v-53f2fa33]:first-child{font-size:28px}.bonus-item span[data-v-53f2fa33]:last-child{font-size:8px;color:#666;text-align:center}@keyframes bonusFloat-53f2fa33{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.celebration-title[data-v-53f2fa33]{animation:titleCelebration-53f2fa33 1.5s ease infinite;text-shadow:2px 2px 4px rgba(255,107,107,.5)}@keyframes titleCelebration-53f2fa33{0%,to{transform:scale(1) rotate(0);color:var(--primary-blue)}25%{transform:scale(1.05) rotate(2deg);color:var(--primary-red)}50%{transform:scale(1.1) rotate(-1deg);color:var(--primary-green)}75%{transform:scale(1.05) rotate(1deg);color:var(--primary-purple)}}.celebration-text[data-v-53f2fa33]{font-size:14px;margin:16px 0;animation:textShimmer-53f2fa33 2s ease infinite;font-weight:700}@keyframes textShimmer-53f2fa33{0%,to{color:var(--text-dark)}50%{color:var(--primary-yellow)}}@media(max-width:768px){.pixel-container[data-v-53f2fa33]{padding:10px}.study-progress[data-v-53f2fa33]{margin:5px 10px 20px;padding:16px}.progress-header[data-v-53f2fa33]{font-size:14px}.word-card[data-v-53f2fa33]{margin:0 10px;padding:20px}.word-english[data-v-53f2fa33]{font-size:24px}.word-pos[data-v-53f2fa33]{font-size:14px}.word-chinese[data-v-53f2fa33]{font-size:18px}.pixel-btn[data-v-53f2fa33]{min-height:50px;font-size:14px;padding:16px 20px}.favorite-btn[data-v-53f2fa33]{padding:14px 20px;font-size:14px;min-height:48px}.quiz-card[data-v-53f2fa33]{margin:0 10px;padding:20px}.quiz-question h2[data-v-53f2fa33]{font-size:20px}.quiz-hint[data-v-53f2fa33]{font-size:14px}.quiz-options[data-v-53f2fa33]{grid-template-columns:1fr;gap:12px}.option-btn[data-v-53f2fa33]{padding:18px 16px;font-size:14px;min-height:60px}.result-card[data-v-53f2fa33]{margin:0 10px;padding:20px}.congrats-image[data-v-53f2fa33]{width:200px}.result-actions[data-v-53f2fa33]{flex-direction:column;gap:10px}.result-actions .pixel-btn[data-v-53f2fa33]{width:100%;min-height:50px}.treasure-showcase[data-v-53f2fa33]{flex-direction:column}.bonus-rewards[data-v-53f2fa33]{flex-direction:column;align-items:center;gap:12px}.mega-reward[data-v-53f2fa33]{flex-direction:column;text-align:center;padding:12px}.reward-text[data-v-53f2fa33]{font-size:14px}}@media(max-width:480px){.pixel-container[data-v-53f2fa33]{padding:5px}.study-progress[data-v-53f2fa33]{margin:5px;padding:12px}.word-card[data-v-53f2fa33],.quiz-card[data-v-53f2fa33],.result-card[data-v-53f2fa33]{margin:0 5px;padding:16px;border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark)}.word-english[data-v-53f2fa33]{font-size:20px}.word-chinese[data-v-53f2fa33]{font-size:16px}.quiz-question h2[data-v-53f2fa33]{font-size:18px}.option-btn[data-v-53f2fa33]{padding:20px 16px;font-size:16px;min-height:70px}.pixel-btn[data-v-53f2fa33]{min-height:56px;font-size:16px}.favorite-btn[data-v-53f2fa33]{min-height:52px;padding:16px 18px;font-size:14px}.congrats-image[data-v-53f2fa33]{width:150px}.celebration-title[data-v-53f2fa33],.celebration-text[data-v-53f2fa33]{font-size:14px}.stat-number[data-v-53f2fa33]{font-size:24px}.accuracy-text[data-v-53f2fa33]{font-size:14px}}.adventure-select[data-v-5d3c29af]{height:100vh;height:100dvh;background:url(/basement.png) center/cover no-repeat;padding:10px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0));position:relative;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.adventure-select[data-v-5d3c29af]:before{content:"";position:absolute;inset:0;background:#0006;z-index:0}.pixel-container[data-v-5d3c29af]{margin:0;position:relative;z-index:1;display:flex;flex-direction:column;height:100%;overflow:visible}.page-header[data-v-5d3c29af]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 12px;background:transparent}.page-title[data-v-5d3c29af]{font-size:18px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.5);flex:1;text-align:center;font-weight:700}.back-btn[data-v-5d3c29af]{font-size:20px;padding:8px 10px;background:#0000004d;color:#fff;border:none;transition:all .2s;cursor:pointer;text-shadow:2px 2px 4px rgba(0,0,0,.8);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px}.back-btn[data-v-5d3c29af]:hover{transform:translate(-2px)}.header-spacer[data-v-5d3c29af]{width:40px}.stages-display[data-v-5d3c29af]{display:flex;justify-content:center}.stage-card-container[data-v-5d3c29af]{width:100%;max-width:400px}.stage-card[data-v-5d3c29af]{background:transparent;padding:15px;display:flex;flex-direction:column;align-items:center;position:relative}.navigation-group[data-v-5d3c29af]{display:flex;gap:15px;justify-content:center;width:100%;margin-top:10px;padding:10px;background:#0000001a;border-radius:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;z-index:10}.select-stage-btn[data-v-5d3c29af]{width:100%;max-width:300px;padding:16px 20px;background:linear-gradient(135deg,#5cb85c,#4cae4c);color:#fff;border:none;box-shadow:0 4px 8px #5cb85c4d;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:15px;border-radius:25px;text-shadow:1px 1px 2px rgba(0,0,0,.3);position:relative;z-index:10;pointer-events:auto}.select-stage-btn[data-v-5d3c29af]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #5cb85c66;background:linear-gradient(135deg,#4cae4c,#3d8b3d)}.select-stage-btn[data-v-5d3c29af]:disabled{background:#999;cursor:not-allowed;opacity:.7}.nav-btn[data-v-5d3c29af]{padding:10px 18px;background:#ffffffe6;color:var(--text-dark);border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 4px #0000001a;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;border-radius:20px;min-width:100px;min-height:44px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.nav-btn[data-v-5d3c29af]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 6px #00000026;background:#fff}.nav-btn[data-v-5d3c29af]:disabled{opacity:.4;cursor:not-allowed;background:#f0f0f0}.stage-badge[data-v-5d3c29af]{display:none}.stage-monster[data-v-5d3c29af]{text-align:center;position:relative}.stage-monster.locked[data-v-5d3c29af]{opacity:.8}.monster-img[data-v-5d3c29af]{width:200px;height:200px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:all .3s}.monster-img.locked[data-v-5d3c29af]{filter:grayscale(100%) brightness(.5)}.lock-icon-small[data-v-5d3c29af]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.monster-img.animated[data-v-5d3c29af]{animation:monster-bounce-5d3c29af 2s ease-in-out infinite}@keyframes monster-bounce-5d3c29af{0%,to{transform:translateY(0)}25%{transform:translateY(-10px) rotate(-5deg)}50%{transform:translateY(0)}75%{transform:translateY(-10px) rotate(5deg)}}.stage-card.active .monster-img[data-v-5d3c29af]{animation:monster-active-5d3c29af 1.5s ease-in-out infinite}@keyframes monster-active-5d3c29af{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.stage-info[data-v-5d3c29af]{text-align:center;width:100%;background:#fffffff2;border:1px solid rgba(0,0,0,.1);padding:20px;box-shadow:0 4px 10px #00000026;border-radius:16px;margin-bottom:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-info h3[data-v-5d3c29af]{font-size:18px;color:var(--text-dark);margin-bottom:8px;font-weight:700}.stage-level[data-v-5d3c29af]{font-size:12px;color:var(--primary-blue);margin-bottom:10px;font-style:italic}.stage-description[data-v-5d3c29af]{font-size:11px;color:#666;margin-bottom:12px;line-height:1.5;padding:0 10px}.difficulty[data-v-5d3c29af]{font-size:16px}.slide-enter-active[data-v-5d3c29af],.slide-leave-active[data-v-5d3c29af]{transition:all .3s ease}.slide-enter-from[data-v-5d3c29af]{transform:translate(100px);opacity:0}.slide-leave-to[data-v-5d3c29af]{transform:translate(-100px);opacity:0}.carousel-indicators[data-v-5d3c29af],.lock-overlay[data-v-5d3c29af]{display:none}@media(max-width:768px){.adventure-select[data-v-5d3c29af]{padding-bottom:100px;height:100dvh}.pixel-container[data-v-5d3c29af]{height:calc(100dvh - 100px)}.bottom-navigation[data-v-5d3c29af]{bottom:60px}.page-title[data-v-5d3c29af]{font-size:20px}.monster-img[data-v-5d3c29af]{width:180px;height:180px}.monster-img.locked[data-v-5d3c29af]{filter:grayscale(100%) brightness(.5)}.stage-info h3[data-v-5d3c29af]{font-size:16px}.stage-level[data-v-5d3c29af]{font-size:11px}.stage-description[data-v-5d3c29af]{font-size:10px}.nav-btn[data-v-5d3c29af]{font-size:11px;padding:8px 15px;min-height:44px}.bottom-navigation[data-v-5d3c29af]{gap:8px;padding:8px 0}}.substage-progress[data-v-5d3c29af]{margin-top:16px;padding:12px;background:#ffffff1a;border-radius:8px;border:1px solid #2c3e50}.substage-progress h4[data-v-5d3c29af]{font-family:"Press Start 2P",monospace;font-size:10px;color:#2c3e50;margin-bottom:8px;text-align:center}.substage-indicators[data-v-5d3c29af]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px}.substage-indicator[data-v-5d3c29af]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:4px;border:1px solid #2c3e50;background:#fffc;transition:all .2s ease;min-width:40px}.substage-indicator.completed[data-v-5d3c29af]{background:linear-gradient(135deg,#5cb85c,#4cae4c);color:#fff;border:2px solid #3d8b3d;box-shadow:0 2px 6px #4cae4c4d,inset 0 1px #fff3;transform:scale(1.05)}.substage-indicator.completed .substage-status[data-v-5d3c29af]{font-size:14px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.substage-indicator.current[data-v-5d3c29af]{background:linear-gradient(135deg,gold,#ffed4e);color:#2c3e50;border:2px solid #ffc107;animation:pulse-5d3c29af 1.5s infinite;box-shadow:0 0 10px #ffd70080;transform:scale(1.1);font-weight:700}.substage-indicator.clickable[data-v-5d3c29af]{cursor:pointer;transition:all .2s ease}.substage-indicator.clickable[data-v-5d3c29af]:hover{transform:scale(1.1)!important;box-shadow:0 4px 8px #0003}.substage-indicator.more-indicator[data-v-5d3c29af]{background:#e0e0e0;color:#666;border-color:#ccc}@keyframes pulse-5d3c29af{0%{transform:scale(1.1);box-shadow:0 0 10px #f0ad4e80}50%{transform:scale(1.15);box-shadow:0 0 20px #f0ad4ecc}to{transform:scale(1.1);box-shadow:0 0 10px #f0ad4e80}}.substage-number[data-v-5d3c29af]{font-family:"Press Start 2P",monospace;font-size:10px;font-weight:700}.substage-status[data-v-5d3c29af]{font-size:12px}.substage-summary[data-v-5d3c29af]{font-family:"Press Start 2P",monospace;font-size:8px;color:#2c3e50;text-align:center;margin:0;padding-top:8px;border-top:1px solid #bdc3c7}@media(max-width:768px){.substage-progress h4[data-v-5d3c29af]{font-size:8px}.substage-indicators[data-v-5d3c29af]{gap:6px}.substage-indicator[data-v-5d3c29af]{min-width:38px;padding:8px 6px}.substage-number[data-v-5d3c29af]{font-size:9px}.substage-status[data-v-5d3c29af]{font-size:10px}.substage-summary[data-v-5d3c29af]{font-size:7px}}.character-select[data-v-2c58986e]{height:100vh;height:100dvh;background:url(/chbg.png) center/cover no-repeat;padding:10px;position:relative;overflow:hidden;display:flex;flex-direction:column}.character-select[data-v-2c58986e]:before{content:"";position:absolute;inset:0;background:#0006;z-index:0}.pixel-container[data-v-2c58986e]{margin:0;position:relative;z-index:1;display:flex;flex-direction:column;height:100%;min-height:0}.page-header[data-v-2c58986e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:6px 12px;background:transparent;flex-shrink:0}.page-title[data-v-2c58986e]{font-size:18px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.5);flex:1;text-align:center;font-weight:700}.back-btn[data-v-2c58986e]{font-size:20px;padding:8px 10px;background:#0000004d;color:#fff;border:none;transition:all .2s;cursor:pointer;text-shadow:2px 2px 4px rgba(0,0,0,.8);min-width:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.back-btn[data-v-2c58986e]:hover{transform:translate(-2px)}.header-spacer[data-v-2c58986e]{width:40px}.characters-display[data-v-2c58986e]{flex:1;display:flex;justify-content:center;align-items:stretch;padding:5px 15px;overflow:hidden;min-height:0}.character-card-container[data-v-2c58986e]{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column}.character-card[data-v-2c58986e]{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;min-height:0}.character-visual[data-v-2c58986e]{text-align:center;padding:5px;margin-bottom:0;flex-shrink:0}.character-img[data-v-2c58986e]{width:200px;height:200px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.character-img.animated[data-v-2c58986e]{animation:character-float-2c58986e 3s ease-in-out infinite}@keyframes character-float-2c58986e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.character-info[data-v-2c58986e]{text-align:center;width:100%;background:#fffffff2;border:1px solid rgba(0,0,0,.1);padding:12px;margin-bottom:0;border-radius:16px;box-shadow:0 4px 10px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;min-height:0;overflow-y:auto}.character-info h3[data-v-2c58986e]{font-size:18px;color:var(--text-dark);margin-bottom:4px;font-weight:700;line-height:1.3}.character-role[data-v-2c58986e]{font-size:11px;color:var(--primary-blue);margin-bottom:8px;font-style:italic}.character-abilities[data-v-2c58986e]{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:8px}.ability-item[data-v-2c58986e]{font-size:11px;color:var(--primary-purple);padding:5px 10px;background:#9b59b614;border:1px solid rgba(155,89,182,.3);border-radius:12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.character-description[data-v-2c58986e]{font-size:12px;color:#666;line-height:1.5}.select-btn[data-v-2c58986e]{width:100%;max-width:300px;padding:12px 20px;font-size:14px;background:linear-gradient(135deg,#5cb85c,#4cae4c);color:#fff;border:none;box-shadow:0 4px 8px #5cb85c4d;cursor:pointer;transition:all .2s;text-shadow:1px 1px 2px rgba(0,0,0,.3);border-radius:25px;font-weight:700;margin:5px auto 0;flex-shrink:0}.select-btn[data-v-2c58986e]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #5cb85c66;background:linear-gradient(135deg,#4cae4c,#3d8b3d)}.navigation-group[data-v-2c58986e]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:5px;padding:6px 10px;background:#0000001a;border-radius:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-shrink:0}.nav-btn[data-v-2c58986e]{padding:10px 18px;background:#ffffffe6;color:var(--text-dark);border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 4px #0000001a;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;border-radius:20px;min-width:100px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-btn[data-v-2c58986e]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 6px #00000026;background:#fff}.nav-btn[data-v-2c58986e]:disabled{opacity:.4;cursor:not-allowed;background:#f0f0f0}.character-indicators[data-v-2c58986e]{display:flex;gap:10px}.indicator-dot[data-v-2c58986e]{width:14px;height:14px;background:#fff6;border:2px solid white;border-radius:50%;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0003}.indicator-dot.active[data-v-2c58986e]{background:var(--primary-yellow);transform:scale(1.3);box-shadow:0 2px 8px #f0ad4e80}.indicator-dot[data-v-2c58986e]:hover{background:#ffffff80}@media(min-width:769px){.characters-display[data-v-2c58986e]{padding:10px 20px}.character-info[data-v-2c58986e]{max-height:280px;overflow-y:auto}}@media(max-width:768px){.character-select[data-v-2c58986e]{padding:5px;height:100vh;height:100dvh;overflow:hidden}.characters-display[data-v-2c58986e]{padding:5px 10px;flex:1;min-height:0}.character-card-container[data-v-2c58986e]{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-bottom:5px}.character-card[data-v-2c58986e]{gap:5px;height:100%;justify-content:space-between}.page-title[data-v-2c58986e]{font-size:18px}.character-visual[data-v-2c58986e]{margin-bottom:0;padding:3px}.character-img[data-v-2c58986e]{width:130px;height:130px}.character-info h3[data-v-2c58986e]{font-size:16px}.character-role[data-v-2c58986e]{font-size:11px}.ability-item[data-v-2c58986e]{font-size:10px}.character-description[data-v-2c58986e]{font-size:11px}.navigation-group[data-v-2c58986e]{gap:8px;padding:6px 10px}.nav-btn[data-v-2c58986e]{font-size:11px;padding:8px 15px;min-width:90px}}@media(max-width:480px){.character-select[data-v-2c58986e]{padding:3px}.page-header[data-v-2c58986e]{padding:8px;gap:8px}.page-title[data-v-2c58986e]{font-size:16px}.character-visual[data-v-2c58986e]{margin-bottom:0;padding:0}.character-img[data-v-2c58986e]{width:110px;height:110px}.character-info[data-v-2c58986e]{padding:8px;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.character-info h3[data-v-2c58986e]{font-size:14px;margin-bottom:2px}.character-role[data-v-2c58986e]{font-size:10px;margin-bottom:4px}.character-abilities[data-v-2c58986e]{gap:4px;margin-bottom:4px}.ability-item[data-v-2c58986e]{font-size:9px;padding:2px 6px}.character-description[data-v-2c58986e]{font-size:10px;line-height:1.3}.navigation-group[data-v-2c58986e]{gap:5px;padding:4px 8px;margin-top:4px}.nav-btn[data-v-2c58986e]{font-size:10px;padding:6px 10px;min-width:75px}.select-btn[data-v-2c58986e]{padding:10px;font-size:13px;margin-top:4px}}.adventure-learn[data-v-f71f93f9]{height:100vh;height:100dvh;background:url(/sky.png) center/cover no-repeat;padding:10px;display:flex;flex-direction:column;position:relative;overflow:hidden}.decoration-blocks[data-v-f71f93f9]{display:none}.pixel-container[data-v-f71f93f9]{width:100%;max-width:600px;height:100vh;margin:0 auto;display:flex;flex-direction:column;position:relative;z-index:1}.top-header[data-v-f71f93f9]{background:transparent;display:flex;justify-content:space-between;align-items:center;position:relative;height:100px;padding:0 15px;flex-shrink:0}.home-btn[data-v-f71f93f9]{width:44px;height:44px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:3px solid var(--border-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:2px 2px #0000001a}.home-btn[data-v-f71f93f9]:hover{transform:translateY(-2px);box-shadow:4px 4px #00000026;background:linear-gradient(135deg,#229954,#27ae60)}.home-btn[data-v-f71f93f9]:active{transform:translateY(2px);box-shadow:1px 1px #0000001a}.home-btn span[data-v-f71f93f9]{font-size:20px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.logo-section[data-v-f71f93f9]{display:flex;align-items:center;justify-content:center;flex:1}.logo-img[data-v-f71f93f9]{width:auto;height:80px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.profile-btn[data-v-f71f93f9]{width:44px;height:44px;padding:0;background:#ffffffe6;border:2px solid var(--border-dark);border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #0000001a}.profile-btn[data-v-f71f93f9]:hover{transform:scale(1.1);background:#fff;box-shadow:4px 4px #00000026}.profile-avatar[data-v-f71f93f9]{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;border-radius:50%}.study-header-combined[data-v-f71f93f9]{background:#fff;border:3px solid var(--border-dark);box-shadow:4px 4px #0000001a;padding:10px 15px;margin-bottom:10px;display:flex;align-items:center;flex-shrink:0;gap:15px}.stage-info[data-v-f71f93f9]{flex:0 0 auto}.stage-label[data-v-f71f93f9]{font-size:11px;font-weight:700;color:var(--text-dark);white-space:nowrap}.progress-inline[data-v-f71f93f9]{flex:1;display:flex;align-items:center;gap:10px}.bomb-status[data-v-f71f93f9]{display:flex;align-items:center;gap:5px;background:#ffc1071a;border:2px solid var(--primary-yellow);padding:5px 10px;border-radius:8px}.bomb-icon[data-v-f71f93f9]{width:20px;height:20px;image-rendering:pixelated;object-fit:contain}.bomb-count[data-v-f71f93f9]{font-size:14px;font-weight:700;color:var(--text-dark)}.progress-text[data-v-f71f93f9]{font-size:13px;color:var(--text-dark);font-weight:700;min-width:40px}.pixel-progress[data-v-f71f93f9]{flex:1;height:12px;background:#f0f0f0;border:2px solid var(--border-dark);position:relative}.pixel-progress-fill[data-v-f71f93f9]{height:100%;background:var(--primary-green);transition:width .3s}.learn-content[data-v-f71f93f9]{flex:1;display:flex;flex-direction:column;gap:10px;overflow:hidden}.video-container[data-v-f71f93f9]{background:#000;border:3px solid var(--border-dark);box-shadow:4px 4px #0003;overflow:hidden;position:relative;border-radius:8px;flex-shrink:0}.video-wrapper[data-v-f71f93f9]{position:relative;width:100%;aspect-ratio:16/9;background:#000}.word-video[data-v-f71f93f9]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;max-height:100%;width:auto;height:auto;object-fit:contain;background:#000}.video-active[data-v-f71f93f9]{z-index:10}.video-thumbnail[data-v-f71f93f9]{z-index:5;width:100%;height:100%;object-fit:cover}.video-play-btn[data-v-f71f93f9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ffd700f2;border:3px solid white;border-radius:50%;color:var(--border-dark);font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:transform .1s;font-weight:700;box-shadow:0 4px 8px #0000004d}.video-play-btn[data-v-f71f93f9]:hover{transform:translate(-50%,-50%) scale(1.1)}.video-play-btn.has-bomb[data-v-f71f93f9]{box-shadow:0 0 20px #ffc10799,0 4px 8px #0000004d}.bomb-hint[data-v-f71f93f9]{position:absolute;top:-15px;right:-15px;display:flex;align-items:center;gap:2px;background:#ffc107f2;border:2px solid white;border-radius:12px;padding:2px 6px;animation:bombPulse-f71f93f9 1.5s ease-in-out infinite}.bomb-hint-icon[data-v-f71f93f9]{width:16px;height:16px;image-rendering:pixelated}.bomb-hint-text[data-v-f71f93f9]{font-size:10px;font-weight:700;color:#fff}@keyframes bombPulse-f71f93f9{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.content-side[data-v-f71f93f9]{background:#fff;border:3px solid var(--border-dark);box-shadow:4px 4px #0000001a;padding:15px;display:flex;flex-direction:column;overflow-y:auto}.word-info[data-v-f71f93f9]{margin-bottom:15px;flex-shrink:0}.word-main[data-v-f71f93f9]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.word-left[data-v-f71f93f9]{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.word-english[data-v-f71f93f9]{font-size:24px;color:var(--primary-blue);font-weight:700;margin:0}.word-pos-container[data-v-f71f93f9]{display:flex;gap:6px;flex-wrap:wrap}.word-pos[data-v-f71f93f9]{display:inline-block;font-size:13px;color:#666;background:#f0f0f0cc;padding:4px 10px;border-radius:4px;font-weight:400;border:1px solid #ddd}.fav-btn[data-v-f71f93f9]{width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;transition:all .2s;display:flex;align-items:center;justify-content:center}.star-icon[data-v-f71f93f9]{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:grayscale(100%) brightness(.7);transition:all .2s}.fav-btn.favorited .star-icon[data-v-f71f93f9]{filter:none;transform:scale(1.1)}.fav-btn:hover .star-icon[data-v-f71f93f9]{transform:scale(1.2)}.fav-btn.favorited:hover .star-icon[data-v-f71f93f9]{transform:scale(1.3)}.word-chinese[data-v-f71f93f9]{font-size:20px;color:var(--text-dark);font-weight:700;margin:5px 0}.sentence-compact[data-v-f71f93f9]{background:#f8f9fa;border:2px solid var(--border-dark);padding:10px;margin-bottom:5px;display:flex;align-items:center;gap:8px}.sentence-content[data-v-f71f93f9]{flex:1}.sentence-section[data-v-f71f93f9]{background:#f8f9fa;border-radius:8px;padding:10px;margin-bottom:10px;flex-shrink:0}.sentence-english[data-v-f71f93f9]{font-size:14px;color:var(--text-dark);margin-bottom:4px;line-height:1.5}.sentence-english[data-v-f71f93f9] .highlight-word{color:var(--primary-blue);font-weight:700;background:#ff0;padding:1px 2px;border-radius:2px}.sentence-chinese[data-v-f71f93f9]{font-size:13px;color:#666;margin:0;line-height:1.4}.audio-play-btn[data-v-f71f93f9]{width:44px;height:44px;background:var(--primary-blue);border:2px solid var(--border-dark);box-shadow:2px 2px 0 var(--border-dark);border-radius:50%;cursor:pointer;font-size:16px;color:#fff;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.audio-play-btn[data-v-f71f93f9]:not(.playing){animation:breathing-small-f71f93f9 2s ease-in-out infinite}.audio-play-btn[data-v-f71f93f9]:hover{animation:none;transform:scale(1.1);box-shadow:4px 4px 0 var(--border-dark)}.audio-play-btn.playing[data-v-f71f93f9]{background:#4a90e2;animation:none}.audio-play-btn.has-bomb[data-v-f71f93f9]{box-shadow:0 0 15px #ffc10780,2px 2px 0 var(--border-dark);position:relative}.bomb-hint-small[data-v-f71f93f9]{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;gap:2px;background:#ffc107f2;border:2px solid white;border-radius:10px;padding:1px 4px;animation:bombPulse-f71f93f9 1.5s ease-in-out infinite}.bomb-hint-small img[data-v-f71f93f9]{width:12px;height:12px;image-rendering:pixelated}.bomb-hint-small span[data-v-f71f93f9]{font-size:8px;font-weight:700;color:#fff}.next-btn[data-v-f71f93f9]{width:100%;padding:18px;background:var(--primary-green);color:#fff;border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark);font-size:28px;font-weight:700;cursor:pointer;transition:all .2s}.next-btn[data-v-f71f93f9]:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--border-dark)}@keyframes breathing-f71f93f9{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #5cb85c66}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 0 10px #5cb85c00}}@keyframes breathing-small-f71f93f9{0%,to{transform:scale(1);box-shadow:0 0 #5cb85c66}50%{transform:scale(1.1);box-shadow:0 0 0 5px #5cb85c00}}@keyframes pulse-f71f93f9{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.pixel-container[data-v-f71f93f9]{max-width:100%;height:100vh;height:100dvh}.adventure-learn[data-v-f71f93f9]{padding:8px;height:100vh;height:100dvh;overflow:hidden}.top-header[data-v-f71f93f9]{height:70px;padding:10px}.logo-img[data-v-f71f93f9]{height:50px}.home-btn[data-v-f71f93f9]{width:44px;height:44px;border:2px solid var(--border-dark)}.home-btn span[data-v-f71f93f9]{font-size:20px}.study-header-combined[data-v-f71f93f9]{gap:8px;padding:10px;margin-bottom:10px;min-height:auto}.stage-info[data-v-f71f93f9]{text-align:center;margin-bottom:5px;flex:1 1 100%}.stage-title[data-v-f71f93f9]{font-size:16px}.stage-subtitle[data-v-f71f93f9]{font-size:14px}.progress-inline[data-v-f71f93f9]{flex:1 1 auto}.bomb-status[data-v-f71f93f9]{flex:0 0 auto;padding:5px 8px}.bomb-icon[data-v-f71f93f9]{width:18px;height:18px}.bomb-count[data-v-f71f93f9]{font-size:14px}.video-container[data-v-f71f93f9]{max-height:25vh;margin-bottom:10px}.video-wrapper[data-v-f71f93f9]{aspect-ratio:16/9;max-height:100%}.video-play-btn[data-v-f71f93f9]{width:70px;height:70px;font-size:28px}.content-side[data-v-f71f93f9]{padding:10px}.word-info[data-v-f71f93f9]{margin-bottom:10px}.word-english[data-v-f71f93f9]{font-size:24px}.word-pos[data-v-f71f93f9]{font-size:12px;padding:3px 6px}.word-chinese[data-v-f71f93f9]{font-size:20px}.sentence-section[data-v-f71f93f9]{padding:10px;margin-bottom:10px}.sentence-english[data-v-f71f93f9]{font-size:15px}.sentence-chinese[data-v-f71f93f9]{font-size:14px}.next-btn[data-v-f71f93f9]{padding:16px;font-size:24px;min-height:56px;flex-shrink:0}.profile-btn[data-v-f71f93f9]{width:44px;height:44px}.profile-avatar[data-v-f71f93f9]{border:2px solid white}}@media(max-width:480px){.adventure-learn[data-v-f71f93f9]{padding:5px}.top-header[data-v-f71f93f9]{height:60px;padding:8px}.logo-img[data-v-f71f93f9]{height:45px}.home-btn[data-v-f71f93f9],.profile-btn[data-v-f71f93f9]{width:44px;height:44px}.study-header-combined[data-v-f71f93f9]{padding:8px;margin-bottom:8px}.stage-title[data-v-f71f93f9]{font-size:15px}.stage-subtitle[data-v-f71f93f9]{font-size:13px}.video-container[data-v-f71f93f9]{max-height:22vh;margin-bottom:8px}.word-english[data-v-f71f93f9]{font-size:22px!important;margin-bottom:8px}.word-chinese[data-v-f71f93f9]{font-size:18px!important;margin-bottom:8px}.word-pos[data-v-f71f93f9]{font-size:11px!important;padding:3px 5px}.sentence-section[data-v-f71f93f9]{padding:8px;margin-bottom:8px}.sentence-english[data-v-f71f93f9]{font-size:14px!important;line-height:1.4}.sentence-chinese[data-v-f71f93f9]{font-size:13px!important;line-height:1.4}.next-btn[data-v-f71f93f9]{font-size:22px!important;padding:14px!important;min-height:50px!important}.bomb-count[data-v-f71f93f9],.progress-text[data-v-f71f93f9]{font-size:13px!important}.content-side[data-v-f71f93f9]{padding:20px}.video-play-btn[data-v-f71f93f9]{width:70px;height:70px;font-size:28px!important}}.profile-menu[data-v-f71f93f9]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.profile-menu-content[data-v-f71f93f9]{background:#fff;border:4px solid var(--border-dark);box-shadow:8px 8px 0 var(--border-dark);padding:30px;max-width:300px;width:90%}.profile-info[data-v-f71f93f9]{text-align:center;margin-bottom:20px}.menu-avatar[data-v-f71f93f9]{width:80px;height:80px;margin-bottom:16px;border:3px solid var(--border-dark);border-radius:50%;object-fit:contain;image-rendering:pixelated}.menu-avatar-icon[data-v-f71f93f9]{font-size:60px;display:block;margin-bottom:16px}.profile-info h3[data-v-f71f93f9]{font-size:16px;margin-bottom:8px;color:var(--text-dark)}.profile-info p[data-v-f71f93f9]{font-size:12px;color:#666}.profile-stats[data-v-f71f93f9]{display:flex;justify-content:center;gap:30px;padding:20px 0;border-top:2px dashed #ddd;border-bottom:2px dashed #ddd;margin-bottom:20px}.stat[data-v-f71f93f9]{display:flex;align-items:center;gap:8px}.stat-icon[data-v-f71f93f9]{font-size:20px}.stat-value[data-v-f71f93f9]{font-size:14px;font-weight:700}.profile-actions[data-v-f71f93f9]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-actions .pixel-btn[data-v-f71f93f9]{font-size:10px;padding:12px;min-height:40px;border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark);cursor:pointer;font-weight:700;transition:all .2s}.btn-blue[data-v-f71f93f9]{background:var(--primary-blue);color:#fff}.btn-red[data-v-f71f93f9]{background:var(--primary-red);color:#fff}.profile-actions .pixel-btn[data-v-f71f93f9]:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--border-dark)}.star-animation-container[data-v-f71f93f9]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1500}.star-burst[data-v-f71f93f9]{position:absolute;font-size:30px;animation:starBurst-f71f93f9 1.5s ease-out forwards}@keyframes starBurst-f71f93f9{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(var(--x, 0),var(--y, 0)) scale(1.5);opacity:1}to{transform:translate(calc(var(--x, 0) * 2),calc(var(--y, 0) * 2)) scale(.5);opacity:0}}.star-burst[data-v-f71f93f9]:nth-child(1){--x: -50px;--y: -50px}.star-burst[data-v-f71f93f9]:nth-child(2){--x: 50px;--y: -50px}.star-burst[data-v-f71f93f9]:nth-child(3){--x: -60px;--y: 0}.star-burst[data-v-f71f93f9]:nth-child(4){--x: 60px;--y: 0}.star-burst[data-v-f71f93f9]:nth-child(5){--x: -40px;--y: 40px}.star-burst[data-v-f71f93f9]:nth-child(6){--x: 40px;--y: 40px}.spelling-practice[data-v-f71f93f9]{padding:10px;display:flex;flex-direction:column;gap:8px;overflow:hidden;flex:1;min-height:0}.spelling-header[data-v-f71f93f9]{text-align:center}.spelling-title[data-v-f71f93f9]{font-size:16px;color:var(--text-dark);margin-bottom:5px}.spelling-progress[data-v-f71f93f9]{font-size:12px;color:#666}.spelling-video-container[data-v-f71f93f9]{flex-direction:row;display:flex;gap:10px;align-items:center;width:100%}.spelling-video-wrapper[data-v-f71f93f9]{width:120px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;position:relative;background:#000}.spelling-video[data-v-f71f93f9]{width:100%;height:100%;object-fit:cover;background:#000}.spelling-video-play-btn[data-v-f71f93f9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#ffd700f2;border:2px solid white;border-radius:50%;color:var(--border-dark);font-size:16px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s;font-weight:700;box-shadow:0 2px 4px #0000004d}.spelling-video-play-btn[data-v-f71f93f9]:hover{background:gold;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 8px #0006}.spelling-word-info[data-v-f71f93f9]{display:flex;flex-direction:row;gap:8px;align-items:center;flex:1;min-width:0}.word-chinese-large[data-v-f71f93f9]{font-size:20px;font-weight:700;color:var(--text-dark)}.word-pos-hint[data-v-f71f93f9]{font-size:11px;color:#999;background:#fff;padding:2px 6px;border-radius:4px;display:inline-block}.peek-btn[data-v-f71f93f9]{background:linear-gradient(135deg,gold,orange);border:2px solid var(--border-dark);border-radius:20px;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:12px;color:var(--border-dark);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:8px;box-shadow:0 2px 4px #0003}.peek-btn[data-v-f71f93f9]:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000004d;background:linear-gradient(135deg,#fff700,#ffb500)}.peek-btn[data-v-f71f93f9]:active:not(.disabled){transform:translateY(0);box-shadow:0 2px 4px #0003}.peek-btn.disabled[data-v-f71f93f9]{opacity:.5;cursor:not-allowed;transform:none}.peek-word-display[data-v-f71f93f9]{font-size:24px;font-weight:700;min-height:36px;display:flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:10px;border-radius:8px;animation:peekPulse-f71f93f9 1s ease-in-out;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.peek-word[data-v-f71f93f9]{letter-spacing:2px}.peek-timer[data-v-f71f93f9]{font-size:20px;animation:blink-f71f93f9 .5s infinite alternate}@keyframes peekPulse-f71f93f9{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}@keyframes blink-f71f93f9{0%{opacity:1}to{opacity:.3}}.spelling-input-area[data-v-f71f93f9]{min-height:50px;background:#f8f9fa;border:3px solid var(--border-dark);border-radius:8px;padding:5px;text-align:center;position:relative}.spelling-input-display[data-v-f71f93f9]{font-size:24px;font-weight:700;min-height:36px;display:flex;justify-content:center;align-items:center}.input-letter[data-v-f71f93f9]{display:inline-block;padding:2px;min-width:25px;text-align:center}.input-letter.correct[data-v-f71f93f9]{color:var(--primary-green)}.input-letter.incorrect[data-v-f71f93f9]{color:var(--primary-red);animation:shake-f71f93f9 .3s}@keyframes shake-f71f93f9{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.input-cursor[data-v-f71f93f9]{animation:blink-f71f93f9 1s infinite;color:var(--primary-blue);font-weight:400}@keyframes blink-f71f93f9{0%,50%{opacity:1}51%,to{opacity:0}}.input-hint[data-v-f71f93f9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:14px;pointer-events:none}.keyboard-hint[data-v-f71f93f9]{display:none}.virtual-keyboard[data-v-f71f93f9]{background:#f0f0f2;border:2px solid var(--border-dark);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:4px}.keyboard-row[data-v-f71f93f9]{display:flex;justify-content:center;gap:4px}.key-btn[data-v-f71f93f9]{width:50px;height:36px;background:#fff;border:2px solid var(--border-dark);border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .1s;box-shadow:0 2px #0003}.key-btn[data-v-f71f93f9]:active{transform:translateY(2px);box-shadow:none}.key-btn[data-v-f71f93f9]:hover{background:#e8f4fd}.key-delete[data-v-f71f93f9]{width:70px;background:#ff6b6b;color:#fff}.key-delete[data-v-f71f93f9]:hover{background:#ff5252}.spelling-actions[data-v-f71f93f9]{display:flex;gap:10px}.check-btn[data-v-f71f93f9]{flex:1;padding:10px;background:var(--primary-green);color:#fff;border:2px solid var(--border-dark);box-shadow:2px 2px 0 var(--border-dark);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;border-radius:8px}.check-btn[data-v-f71f93f9]:hover:not(:disabled){transform:translateY(-2px);box-shadow:6px 6px 0 var(--border-dark)}.check-btn[data-v-f71f93f9]:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.skip-btn[data-v-f71f93f9]{padding:12px 20px;background:#fff;color:var(--text-dark);border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;border-radius:8px}.skip-btn[data-v-f71f93f9]:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--border-dark);background:#f0f0f0}@media(max-width:768px){.audio-play-btn[data-v-f71f93f9]{width:48px;height:48px}.spelling-practice[data-v-f71f93f9]{padding:8px;gap:6px}.spelling-video-wrapper[data-v-f71f93f9]{width:100px;height:68px}.peek-btn[data-v-f71f93f9]{font-size:8px;padding:4px 10px;margin-top:0}.peek-word-display[data-v-f71f93f9]{font-size:18px;padding:5px}.peek-timer[data-v-f71f93f9]{font-size:14px}.word-chinese-large[data-v-f71f93f9]{font-size:16px}.spelling-input-display[data-v-f71f93f9]{font-size:20px;letter-spacing:2px;min-height:32px}.spelling-input-area[data-v-f71f93f9]{min-height:40px;padding:4px}.key-btn[data-v-f71f93f9]{width:30px;height:34px;font-size:13px}.key-delete[data-v-f71f93f9]{width:45px}.keyboard-row[data-v-f71f93f9]{gap:3px}.virtual-keyboard[data-v-f71f93f9]{padding:6px;gap:3px}}@media(max-width:480px){.audio-play-btn[data-v-f71f93f9]{width:50px;height:50px;min-width:50px}.spelling-practice[data-v-f71f93f9]{padding:6px;gap:5px}.spelling-video-wrapper[data-v-f71f93f9]{width:90px;height:60px}.word-chinese-large[data-v-f71f93f9]{font-size:14px}.spelling-input-display[data-v-f71f93f9]{font-size:18px;letter-spacing:1px;min-height:28px}.spelling-input-area[data-v-f71f93f9]{min-height:36px;padding:3px}.key-btn[data-v-f71f93f9]{width:28px;height:30px;font-size:11px}.key-delete[data-v-f71f93f9]{width:40px}.keyboard-row[data-v-f71f93f9]{gap:2px}.virtual-keyboard[data-v-f71f93f9]{padding:5px;gap:3px}}.bomb-collect-animation[data-v-f71f93f9]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1600;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;animation:bombCollectFadeIn-f71f93f9 .3s ease-out}.bomb-collect[data-v-f71f93f9]{width:60px;height:60px;image-rendering:pixelated;animation:bombCollectBounce-f71f93f9 1.5s ease-out forwards}.bomb-collect-text[data-v-f71f93f9]{font-size:18px;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:bombTextPulse-f71f93f9 1.5s ease-out forwards}@keyframes bombCollectFadeIn-f71f93f9{0%{opacity:0;transform:translate(-50%,-40%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bombCollectBounce-f71f93f9{0%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-20px) rotate(-10deg) scale(1.2)}50%{transform:translateY(-30px) rotate(10deg) scale(1.3)}75%{transform:translateY(-20px) rotate(-5deg) scale(1.2)}to{transform:translateY(0) rotate(0) scale(1);opacity:0}}@keyframes bombTextPulse-f71f93f9{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:0}}.continue-modal-overlay[data-v-f71f93f9]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2400;animation:fadeIn-f71f93f9 .3s ease-out}.continue-modal[data-v-f71f93f9]{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid white;border-radius:20px;box-shadow:0 10px 40px #0000004d;padding:25px;max-width:350px;width:90%;text-align:center;animation:slideDown-f71f93f9 .4s ease-out}.continue-modal .modal-title[data-v-f71f93f9]{color:#fff;font-size:20px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.continue-modal .modal-message[data-v-f71f93f9]{color:#ffffffe6;font-size:14px;margin-bottom:8px}.continue-modal .modal-encourage[data-v-f71f93f9]{color:#fff;font-size:16px;font-weight:700;background:#fff3;padding:8px 16px;border-radius:10px;display:inline-block}@keyframes slideDown-f71f93f9{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.encouragement-modal-overlay[data-v-f71f93f9]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2500;animation:fadeIn-f71f93f9 .3s ease-out}.encouragement-modal[data-v-f71f93f9]{background:#fff;border:4px solid var(--border-dark);box-shadow:10px 10px 0 var(--border-dark);padding:30px;max-width:400px;width:90%;text-align:center;position:relative;animation:bounceIn-f71f93f9 .5s ease-out}.progress-display[data-v-f71f93f9]{display:flex;align-items:center;justify-content:center;gap:10px;background:#5bc0de1a;border:2px solid var(--primary-blue);padding:10px 20px;border-radius:8px;margin:15px auto 0}.progress-icon[data-v-f71f93f9]{font-size:24px}.progress-text[data-v-f71f93f9]{font-size:18px;font-weight:700;color:var(--primary-blue)}.completion-modal-overlay[data-v-f71f93f9]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2500;animation:fadeIn-f71f93f9 .3s ease-out}@keyframes fadeIn-f71f93f9{0%{opacity:0}to{opacity:1}}.completion-modal[data-v-f71f93f9]{background:#fff;border:4px solid var(--border-dark);box-shadow:10px 10px 0 var(--border-dark);padding:30px;max-width:400px;width:90%;text-align:center;position:relative;animation:bounceIn-f71f93f9 .5s ease-out}@keyframes bounceIn-f71f93f9{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.modal-npc[data-v-f71f93f9]{margin-bottom:20px}.npc-image[data-v-f71f93f9]{width:120px;height:120px;image-rendering:pixelated;object-fit:contain;border:3px solid var(--border-dark);border-radius:50%;background:#fff;padding:5px;animation:npcBounce-f71f93f9 2s ease-in-out infinite}@keyframes npcBounce-f71f93f9{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-content[data-v-f71f93f9]{display:flex;flex-direction:column;gap:15px}.modal-title[data-v-f71f93f9]{font-size:24px;color:var(--primary-blue);font-weight:700;margin:0}.bomb-display[data-v-f71f93f9]{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffc1071a;border:2px solid var(--primary-yellow);padding:10px 20px;border-radius:8px;margin:0 auto}.modal-bomb-icon[data-v-f71f93f9]{width:30px;height:30px;image-rendering:pixelated;animation:bombPulse-f71f93f9 1.5s ease-in-out infinite}.modal-bomb-count[data-v-f71f93f9]{font-size:20px;font-weight:700;color:var(--text-dark)}.modal-message[data-v-f71f93f9]{font-size:16px;color:var(--text-dark);margin:0;font-weight:700}.modal-encourage[data-v-f71f93f9]{font-size:18px;color:var(--primary-green);margin:0;font-weight:700;animation:pulse-f71f93f9 1.5s ease-in-out infinite}@keyframes pulse-f71f93f9{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.completion-modal[data-v-f71f93f9]{padding:20px}.npc-image[data-v-f71f93f9]{width:80px;height:80px}.modal-title[data-v-f71f93f9]{font-size:20px}.modal-bomb-icon[data-v-f71f93f9]{width:24px;height:24px}.modal-bomb-count[data-v-f71f93f9]{font-size:16px}.modal-message[data-v-f71f93f9]{font-size:14px}.modal-encourage[data-v-f71f93f9]{font-size:16px}}.adventure-battle[data-v-51be51bd]{height:100vh;height:100dvh;background:url(/battle.png) center/cover no-repeat;position:relative;overflow:hidden;display:flex;flex-direction:column}.battle-scene[data-v-51be51bd]{height:25vh;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 50%,transparent 100%);position:relative;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:inset 0 0 100px #0000004d}.bomb-display[data-v-51be51bd]{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#000c;padding:8px 16px;border-radius:20px;border:2px solid #ff6b6b;box-shadow:0 0 10px #ff6b6b80;z-index:150;animation:bombGlow-51be51bd 2s ease-in-out infinite}@keyframes bombGlow-51be51bd{0%,to{box-shadow:0 0 10px #ff6b6b80}50%{box-shadow:0 0 20px #ff6b6bcc}}.bomb-icon[data-v-51be51bd]{width:24px;height:24px;image-rendering:pixelated;animation:bombBounce-51be51bd 1.5s ease-in-out infinite}@keyframes bombBounce-51be51bd{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.bomb-count-text[data-v-51be51bd]{font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 0 var(--border-dark);font-family:"Press Start 2P",monospace}.player-side[data-v-51be51bd]{flex:1;display:flex;justify-content:flex-start;align-items:center;position:relative;padding-left:30px}.player-side[data-v-51be51bd]:before{content:"";position:absolute;left:-50px;top:50%;transform:translateY(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(92,184,92,.4) 0%,transparent 70%);pointer-events:none;animation:glow-51be51bd 3s ease-in-out infinite}@keyframes glow-51be51bd{0%,to{opacity:.6}50%{opacity:1}}.player-container[data-v-51be51bd]{text-align:center;animation:idle-51be51bd 2s ease-in-out infinite;position:relative}@keyframes idle-51be51bd{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.player-container.attack[data-v-51be51bd]{animation:playerAttack-51be51bd .3s ease}.player-container.power-up[data-v-51be51bd]{animation:powerUp-51be51bd 1s ease-in-out}@keyframes powerUp-51be51bd{0%,to{transform:scale(1);filter:brightness(1)}25%{transform:scale(1.1);filter:brightness(1.3) drop-shadow(0 0 10px #00ff00)}50%{transform:scale(1.05);filter:brightness(1.5) drop-shadow(0 0 15px #00ff00)}75%{transform:scale(1.08);filter:brightness(1.2) drop-shadow(0 0 8px #00ff00)}}@keyframes playerAttack-51be51bd{0%{transform:translate(0)}50%{transform:translate(30px)}to{transform:translate(0)}}.player-sprite[data-v-51be51bd]{width:130px;height:130px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.player-name[data-v-51be51bd]{margin-top:8px;font-size:10px;color:#fff;text-shadow:1px 1px 0 var(--border-dark);background:#0009;padding:3px 6px;border-radius:3px}.monster-side[data-v-51be51bd]{flex:1;display:flex;flex-direction:column;align-items:flex-end;position:relative;padding-right:30px}.monster-side[data-v-51be51bd]:before{content:"";position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,107,107,.4) 0%,transparent 70%);pointer-events:none;animation:glow-51be51bd 3s ease-in-out infinite}.monster-container[data-v-51be51bd]{position:relative;animation:monsterIdle-51be51bd 3s ease-in-out infinite}@keyframes monsterIdle-51be51bd{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.monster-sprite[data-v-51be51bd]{width:140px;height:140px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.monster-container.shake[data-v-51be51bd]{animation:shake-51be51bd .5s}.monster-container.defending[data-v-51be51bd]{animation:defend-51be51bd 1s ease-in-out}@keyframes defend-51be51bd{0%,to{transform:scale(1);filter:brightness(1)}25%{transform:scale(.95);filter:brightness(1.2) drop-shadow(0 0 10px #ff0000)}50%{transform:scale(1.02);filter:brightness(1.4) drop-shadow(0 0 15px #ff0000)}75%{transform:scale(.98);filter:brightness(1.1) drop-shadow(0 0 8px #ff0000)}}@keyframes shake-51be51bd{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.monster-container.defeated .monster-sprite[data-v-51be51bd]{filter:grayscale(100%) brightness(.5);transform:rotate(180deg);opacity:.5}.damage-number[data-v-51be51bd]{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:36px;font-weight:700;color:#ff6b6b;text-shadow:2px 2px 0 white,4px 4px 0 var(--border-dark);animation:damageFloat-51be51bd 1s ease-out;z-index:100}@keyframes damageFloat-51be51bd{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-50px);opacity:0}}.attack-effect[data-v-51be51bd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;animation:explosion-51be51bd .5s ease-out;z-index:50}@keyframes explosion-51be51bd{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.vs-animation-overlay[data-v-51be51bd]{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;overflow:hidden}.vs-container[data-v-51be51bd]{display:flex;align-items:center;justify-content:center;gap:50px;position:relative}.vs-character[data-v-51be51bd]{width:180px;height:180px;opacity:0}.vs-character img[data-v-51be51bd]{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}.vs-left[data-v-51be51bd]{transform:translate(-300px)}.vs-right[data-v-51be51bd]{transform:translate(300px)}.vs-left.slide-in[data-v-51be51bd]{animation:slideInLeft-51be51bd .5s ease-out forwards}.vs-right.slide-in[data-v-51be51bd]{animation:slideInRight-51be51bd .5s ease-out forwards}@keyframes slideInLeft-51be51bd{to{transform:translate(0);opacity:1}}@keyframes slideInRight-51be51bd{to{transform:translate(0);opacity:1}}.vs-text[data-v-51be51bd]{font-size:80px;font-weight:700;color:gold;text-shadow:4px 4px 0 #ff6b6b,8px 8px 0 var(--border-dark);animation:vsZoom-51be51bd .5s ease-out .5s both;transform:scale(0)}@keyframes vsZoom-51be51bd{to{transform:scale(1)}}.countdown-bar[data-v-51be51bd]{position:fixed;top:0;left:0;right:0;height:30px;background:#00000080;border-bottom:3px solid var(--border-dark);z-index:100}.countdown-fill[data-v-51be51bd]{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width 1s linear;position:relative}.countdown-fill.warning[data-v-51be51bd]{background:linear-gradient(90deg,#ff5252,#ff9800);animation:warningPulse-51be51bd .5s infinite}@keyframes warningPulse-51be51bd{0%,to{opacity:1}50%{opacity:.8}}.countdown-text[data-v-51be51bd]{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#fff;font-weight:700;font-size:16px;text-shadow:2px 2px 0 var(--border-dark);letter-spacing:1px}.battle-vs-center[data-v-51be51bd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.battle-vs-text[data-v-51be51bd]{font-size:48px;font-weight:700;color:gold;text-shadow:2px 2px 0 #ff6b6b,4px 4px 0 var(--border-dark),0 0 10px #ffd700;animation:vsGlow-51be51bd 2s ease-in-out infinite;position:relative;z-index:2}@keyframes vsGlow-51be51bd{0%,to{opacity:.8;transform:scale(1);text-shadow:2px 2px 0 #ff6b6b,4px 4px 0 var(--border-dark),0 0 10px #ffd700}50%{opacity:1;transform:scale(1.1);text-shadow:2px 2px 0 #ff6b6b,4px 4px 0 var(--border-dark),0 0 20px #ffd700,0 0 30px #ff6b6b}}.vs-lightning[data-v-51be51bd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;animation:lightning-51be51bd 1.5s ease-in-out infinite;z-index:1}@keyframes lightning-51be51bd{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}.energy-sparks[data-v-51be51bd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px}.spark[data-v-51be51bd]{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:sparkle-51be51bd 1s ease-in-out infinite}.spark-1[data-v-51be51bd]{top:0;left:50%;animation-delay:0s}.spark-2[data-v-51be51bd]{top:50%;right:0;animation-delay:.25s}.spark-3[data-v-51be51bd]{bottom:0;left:50%;animation-delay:.5s}.spark-4[data-v-51be51bd]{top:50%;left:0;animation-delay:.75s}@keyframes sparkle-51be51bd{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5);box-shadow:0 0 10px #fff}}.energy-ring[data-v-51be51bd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border:3px solid;border-radius:50%;opacity:0;pointer-events:none;transition:all .3s ease}.player-energy[data-v-51be51bd]{border-color:#0f0;box-shadow:0 0 20px #0f0,inset 0 0 20px #0f03}.monster-energy[data-v-51be51bd]{border-color:red;box-shadow:0 0 20px red,inset 0 0 20px #f003}.energy-ring.active[data-v-51be51bd]{opacity:1;animation:energyPulse-51be51bd 1s ease-in-out}@keyframes energyPulse-51be51bd{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.8}}.bomb-effect[data-v-51be51bd]{position:absolute;left:20%;top:50%;z-index:200;opacity:0}.flying-bomb[data-v-51be51bd]{width:60px;height:60px;image-rendering:pixelated}.bomb-effect.fly[data-v-51be51bd]{animation:bombFly-51be51bd .6s ease-out forwards}@keyframes bombFly-51be51bd{0%{left:20%;top:50%;transform:rotate(0) scale(1);opacity:1}50%{top:30%;transform:rotate(180deg) scale(1.2)}to{left:70%;top:50%;transform:rotate(360deg) scale(1);opacity:1}}.monster-info[data-v-51be51bd]{margin-bottom:8px;text-align:center;z-index:10}.monster-info h3[data-v-51be51bd]{font-size:11px;color:#fff;text-shadow:1px 1px 0 var(--border-dark);margin-bottom:6px;background:#000000b3;padding:2px 8px;border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hp-bar[data-v-51be51bd]{width:150px;height:20px;background:#2c3e50e6;border:2px solid white;box-shadow:1px 1px 0 var(--border-dark);position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hp-fill[data-v-51be51bd]{height:100%;background:linear-gradient(to bottom,#ff6b6b,#c0392b);transition:width .5s ease}.hp-text[data-v-51be51bd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:#fff;font-weight:700;text-shadow:1px 1px 0 black}.quiz-container[data-v-51be51bd]{padding:0 10px 10px;max-width:600px;margin:0 auto}.quiz-card[data-v-51be51bd]{background:#fff;padding:25px;border:4px solid var(--border-dark);box-shadow:6px 6px #0000004d}.quiz-header[data-v-51be51bd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px dashed #ddd;gap:10px;flex-wrap:wrap}.quiz-number[data-v-51be51bd]{font-size:13px;color:#666;white-space:nowrap;flex:1;text-align:center}.score[data-v-51be51bd]{font-size:13px;font-weight:700;color:var(--primary-green);white-space:nowrap;flex:1;text-align:center}.quiz-question[data-v-51be51bd]{text-align:center;margin-bottom:25px}.quiz-question h2[data-v-51be51bd]{font-size:32px;color:var(--text-dark);margin-bottom:10px;font-weight:700}.quiz-hint[data-v-51be51bd]{font-size:14px;color:#666}.quiz-options-vertical[data-v-51be51bd]{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.option-btn[data-v-51be51bd]{width:100%;padding:18px 24px;font-size:28px!important;font-weight:900!important;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif!important;background:#fff;color:var(--text-dark);border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark);cursor:pointer;transition:all .2s;text-align:center;min-height:56px}.option-text[data-v-51be51bd]{display:inline-block;width:100%;word-break:break-word;overflow-wrap:break-word}.option-btn[data-v-51be51bd]:hover:not(:disabled){transform:translate(-4px) translateY(-4px);box-shadow:8px 8px 0 var(--border-dark);background:#e3f2fd}.option-btn.correct[data-v-51be51bd]{background:var(--primary-green)!important;color:#fff!important;animation:correctPulse-51be51bd .6s}.option-btn.wrong[data-v-51be51bd]{background:var(--primary-red)!important;color:#fff!important;animation:wrongShake-51be51bd .5s}@keyframes correctPulse-51be51bd{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wrongShake-51be51bd{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.option-btn[data-v-51be51bd]:disabled{cursor:not-allowed;opacity:.8}.quiz-feedback[data-v-51be51bd]{text-align:center;animation:slideUp-51be51bd .3s}@keyframes slideUp-51be51bd{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-correct[data-v-51be51bd],.feedback-wrong[data-v-51be51bd]{font-size:16px;margin-bottom:15px;padding:14px 16px;border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark);line-height:1.6}.feedback-correct[data-v-51be51bd]{background:#d4edda;color:#155724}.feedback-wrong[data-v-51be51bd]{background:#f8d7da;color:#721c24}.feedback-selected[data-v-51be51bd]{margin-top:8px;font-size:13px;color:#856404;background:#fff3cd;padding:8px 10px;border:2px solid #ffc107;border-radius:4px}.btn-next[data-v-51be51bd]{width:100%;background:var(--primary-blue);color:#fff;padding:18px;font-size:22px;font-weight:700;border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark);cursor:pointer;transition:all .2s;min-height:56px}.btn-next[data-v-51be51bd]:hover{background:#3498db;transform:translateY(-2px);box-shadow:6px 6px 0 var(--border-dark)}@media(max-width:480px){.adventure-battle[data-v-51be51bd]{height:100vh;height:100dvh;overflow:hidden}.battle-scene[data-v-51be51bd]{height:20vh}.quiz-section[data-v-51be51bd]{flex:1;overflow:hidden;display:flex;flex-direction:column}.quiz-card[data-v-51be51bd]{padding:15px;flex:1;display:flex;flex-direction:column}.quiz-header[data-v-51be51bd]{gap:20px;padding-bottom:20px}.quiz-number[data-v-51be51bd],.score[data-v-51be51bd]{font-size:18px}.bomb-display[data-v-51be51bd]{padding:10px 16px;top:12px}.bomb-icon[data-v-51be51bd]{width:28px;height:28px}.bomb-count-text[data-v-51be51bd]{font-size:18px}.quiz-question h2[data-v-51be51bd]{font-size:22px;line-height:1.3;margin-bottom:15px}.quiz-hint[data-v-51be51bd]{font-size:14px;margin-bottom:10px}.option-btn[data-v-51be51bd]{padding:16px 20px;font-size:24px!important;min-height:60px;margin:4px 0}.quiz-options-vertical[data-v-51be51bd]{gap:8px;flex:1;display:flex;flex-direction:column;justify-content:center;max-height:50vh;overflow-y:auto}.hp-text[data-v-51be51bd]{font-size:14px!important}.player-name[data-v-51be51bd],.monster-name[data-v-51be51bd]{font-size:12px!important}}.hint-section[data-v-51be51bd]{text-align:center;margin:20px 0}.hint-btn[data-v-51be51bd]{background:linear-gradient(135deg,#f0ad4e,#ec971f);color:#fff;border:3px solid var(--border-dark);padding:12px 20px;font-size:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.hint-btn[data-v-51be51bd]:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#ec971f,#d58512);box-shadow:0 6px 0 var(--border-dark),0 8px 25px #f0ad4e66}.hint-btn[data-v-51be51bd]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 0 var(--border-dark)}.hint-btn[data-v-51be51bd]:disabled{opacity:.5;cursor:not-allowed;background:#999}.hint-btn[data-v-51be51bd]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.hint-btn[data-v-51be51bd]:hover:not(:disabled):before{left:100%}.hint-status[data-v-51be51bd]{text-align:center;margin:15px 0;padding:10px;background:#f1c40f1a;border:2px solid #F1C40F;border-radius:8px}.hint-message[data-v-51be51bd]{font-size:14px;color:#f39c12;font-weight:700;margin:0;text-shadow:1px 1px 0 rgba(0,0,0,.3)}@media(max-width:768px){.battle-scene[data-v-51be51bd]{padding:0 15px}.player-side[data-v-51be51bd]{padding-left:15px}.monster-side[data-v-51be51bd]{padding-right:15px}.player-sprite[data-v-51be51bd]{width:100px;height:100px}.monster-sprite[data-v-51be51bd]{width:110px;height:110px}.player-name[data-v-51be51bd]{font-size:8px;padding:2px 4px}.monster-info h3[data-v-51be51bd]{font-size:9px;padding:2px 6px}.hp-bar[data-v-51be51bd]{width:120px;height:16px}.hp-text[data-v-51be51bd]{font-size:7px}.vs-character[data-v-51be51bd]{width:140px;height:140px}.battle-vs-text[data-v-51be51bd]{font-size:32px}.energy-ring[data-v-51be51bd]{width:120px;height:120px}.vs-lightning[data-v-51be51bd]{width:80px;height:80px}.energy-sparks[data-v-51be51bd]{width:100px;height:100px}.quiz-question h2[data-v-51be51bd]{font-size:24px}.option-btn[data-v-51be51bd]{padding:16px 24px;font-size:26px!important;font-weight:900;min-height:56px}}.revive-modal-overlay[data-v-51be51bd]{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000}.revive-modal[data-v-51be51bd]{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid var(--border-dark);border-radius:20px;padding:30px;max-width:400px;text-align:center;box-shadow:0 10px #0000004d;animation:modalBounce-51be51bd .5s ease-out}@keyframes modalBounce-51be51bd{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.revive-icon[data-v-51be51bd]{font-size:64px;margin-bottom:20px;animation:potionFloat-51be51bd 2s ease-in-out infinite}@keyframes potionFloat-51be51bd{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.revive-title[data-v-51be51bd]{font-family:"Press Start 2P",monospace;font-size:20px;color:#fff;margin-bottom:15px;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.revive-message[data-v-51be51bd]{font-size:14px;color:#fff;margin-bottom:10px;font-weight:700}.revive-hint[data-v-51be51bd]{font-size:12px;color:#fffc;margin-bottom:25px}.revive-buttons[data-v-51be51bd]{display:flex;flex-direction:column;gap:15px;align-items:center}.revive-btn[data-v-51be51bd]{background:linear-gradient(135deg,#5cb85c,#4cae4c);color:#fff;padding:12px 24px;font-size:12px;border:2px solid var(--border-dark);display:flex;align-items:center;gap:8px;transition:all .3s ease;width:200px;justify-content:center}.revive-btn[data-v-51be51bd]:hover{transform:translateY(-3px);box-shadow:0 6px 0 var(--border-dark);background:linear-gradient(135deg,#6bc86b,#5cbe5c)}.cancel-btn[data-v-51be51bd]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;padding:10px 20px;font-size:11px;border:2px solid var(--border-dark);width:150px}.cancel-btn[data-v-51be51bd]:hover{background:linear-gradient(135deg,#a5b5b6,#8f9c9d)}.btn-icon[data-v-51be51bd]{font-size:16px}.shield-display[data-v-51be51bd]{position:absolute;top:80px;left:30px;background:#000000b3;border:2px solid #ffd700;border-radius:10px;padding:10px 15px;display:flex;align-items:center;gap:8px;z-index:100;animation:shieldGlow-51be51bd 2s ease-in-out infinite}@keyframes shieldGlow-51be51bd{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}.shield-icon[data-v-51be51bd]{font-size:24px}.shield-count[data-v-51be51bd]{font-family:"Press Start 2P",monospace;font-size:16px;color:gold;font-weight:700}.shield-effect-popup[data-v-51be51bd]{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#ffed4e);color:#2c3e50;padding:8px 16px;border-radius:20px;font-family:"Press Start 2P",monospace;font-size:12px;white-space:nowrap;animation:shieldPopup-51be51bd 2s ease-out}@keyframes shieldPopup-51be51bd{0%{opacity:0;transform:translate(-50%) translateY(10px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.adventure-result[data-v-55fa6e4d]{height:100vh;height:100dvh;background:url(/prize.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.result-container[data-v-55fa6e4d],.treasure-container[data-v-55fa6e4d],.action-container[data-v-55fa6e4d]{position:relative;z-index:10;max-width:500px;width:100%;animation:slideUp-55fa6e4d .5s ease}.fireworks-container[data-v-55fa6e4d]{position:absolute;width:100%;height:100%;pointer-events:none}.firework[data-v-55fa6e4d]{position:absolute;width:4px;height:4px;border-radius:50%;animation:explode-55fa6e4d 2s ease-out infinite}.firework-1[data-v-55fa6e4d]{top:30%;left:20%;background:gold;animation-delay:0s}.firework-2[data-v-55fa6e4d]{top:40%;right:25%;background:#ff69b4;animation-delay:.5s}.firework-3[data-v-55fa6e4d]{bottom:35%;left:35%;background:#00ced1;animation-delay:1s}.firework-4[data-v-55fa6e4d]{top:25%;right:30%;background:tomato;animation-delay:1.5s}@keyframes explode-55fa6e4d{0%{transform:scale(1);opacity:1}50%{transform:scale(30);opacity:.8}to{transform:scale(50);opacity:0}}.congrats-header[data-v-55fa6e4d]{text-align:center;margin-bottom:20px}.congrats-image[data-v-55fa6e4d]{max-width:300px;width:100%;height:auto;animation:bounce-55fa6e4d 1s ease-in-out}@keyframes bounce-55fa6e4d{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-20px)}80%{transform:translateY(-10px)}}.result-card[data-v-55fa6e4d],.treasure-card[data-v-55fa6e4d]{background:#fffffff2;padding:40px;text-align:center;border:4px solid var(--border-dark);box-shadow:6px 6px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.treasure-title[data-v-55fa6e4d]{font-size:24px;color:var(--text-dark);margin-bottom:20px}.treasure-display[data-v-55fa6e4d]{margin-bottom:30px;color:var(--text-dark)}.treasure-image[data-v-55fa6e4d]{width:120px;height:120px;object-fit:contain;image-rendering:pixelated;margin-bottom:15px;animation:treasureGlow-55fa6e4d 2s ease-in-out infinite}@keyframes treasureGlow-55fa6e4d{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(255,215,0,.5))}50%{filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,215,0,.8))}}.treasure-name[data-v-55fa6e4d]{font-size:20px;font-weight:700;color:var(--primary-blue);margin-bottom:10px}.treasure-description[data-v-55fa6e4d]{font-size:14px;color:#666;line-height:1.5;max-width:400px;margin:0 auto}.gem-reward[data-v-55fa6e4d]{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;background:gold;border:3px solid var(--border-dark);box-shadow:3px 3px 0 var(--border-dark);margin:0 auto;max-width:200px}@keyframes slideUp-55fa6e4d{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.result-title[data-v-55fa6e4d]{font-size:24px;color:var(--text-dark);margin-bottom:30px}.monster-defeated[data-v-55fa6e4d]{margin-bottom:30px}.defeated-monster[data-v-55fa6e4d]{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;margin-bottom:10px;filter:grayscale(100%)}.monster-defeated p[data-v-55fa6e4d]{font-size:14px;color:#666}.score-display[data-v-55fa6e4d]{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-bottom:30px;padding:20px;background:#f8f9fa;border:2px dashed #ddd}.score-item[data-v-55fa6e4d]{display:flex;flex-direction:column;gap:10px}.score-label[data-v-55fa6e4d]{font-size:14px;color:#666}.score-value[data-v-55fa6e4d]{font-size:24px;font-weight:700;color:var(--primary-blue)}.rewards-section[data-v-55fa6e4d]{margin-bottom:30px}.rewards-section h2[data-v-55fa6e4d]{font-size:16px;margin-bottom:20px;color:var(--text-dark)}.rewards-list[data-v-55fa6e4d]{display:flex;justify-content:center;gap:30px}.reward-item[data-v-55fa6e4d]{display:flex;align-items:center;gap:10px;padding:10px 20px;background:gold;border:3px solid var(--border-dark);box-shadow:3px 3px 0 var(--border-dark)}.reward-icon[data-v-55fa6e4d]{font-size:20px}.reward-amount[data-v-55fa6e4d]{font-size:14px;font-weight:700}.npc-encouragement[data-v-55fa6e4d]{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;padding:30px;background:#ffffffe6;border:4px solid var(--border-dark);box-shadow:6px 6px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.npc-display[data-v-55fa6e4d]{margin-bottom:20px}.npc-avatar[data-v-55fa6e4d]{width:100px;height:100px;object-fit:contain;image-rendering:pixelated;animation:npcBounce-55fa6e4d 2s ease-in-out infinite}@keyframes npcBounce-55fa6e4d{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.encouragement-text[data-v-55fa6e4d]{text-align:center}.encouragement-text h3[data-v-55fa6e4d]{font-size:20px;color:var(--primary-blue);margin-bottom:8px;text-shadow:2px 2px 0 var(--border-dark)}.encouragement-text p[data-v-55fa6e4d]{font-size:16px;color:var(--text-dark);font-weight:700}.action-buttons[data-v-55fa6e4d]{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;margin:0 auto}.pixel-btn[data-v-55fa6e4d]{width:100%;padding:18px 20px;font-size:16px;font-weight:700;cursor:pointer;border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark);transition:all .2s;text-align:center}.btn-blue[data-v-55fa6e4d]{background:var(--primary-blue);color:#fff}.btn-green[data-v-55fa6e4d]{background:var(--primary-green);color:#fff}.btn-purple[data-v-55fa6e4d]{background:var(--primary-purple);color:#fff}.revive-section[data-v-55fa6e4d]{margin:30px 0;text-align:center}.revive-offer[data-v-55fa6e4d]{background:linear-gradient(135deg,#fffffff2,#fff0f0e6);border:3px solid #E74C3C;border-radius:15px;padding:25px;box-shadow:0 8px 25px #e74c3c4d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.revive-offer[data-v-55fa6e4d]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(231,76,60,.05) 10px,rgba(231,76,60,.05) 20px);animation:slidePattern 20s linear infinite;z-index:0}.revive-offer[data-v-55fa6e4d]>*{position:relative;z-index:1}.revive-title[data-v-55fa6e4d]{font-size:18px;color:#e74c3c;margin-bottom:15px;font-family:"Press Start 2P",monospace;text-shadow:2px 2px 0 rgba(0,0,0,.3);animation:pulse-55fa6e4d 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;gap:10px}.revive-icon-img[data-v-55fa6e4d]{width:30px;height:30px;object-fit:contain;image-rendering:crisp-edges;image-rendering:pixelated;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.btn-icon-img[data-v-55fa6e4d]{width:20px;height:20px;object-fit:contain;image-rendering:crisp-edges;image-rendering:pixelated;vertical-align:middle;margin-right:5px}@keyframes pulse-55fa6e4d{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.revive-description[data-v-55fa6e4d]{font-size:12px;color:#2c3e50;margin-bottom:20px;line-height:1.6;font-weight:700}.revive-info[data-v-55fa6e4d]{margin-bottom:20px}.revive-stock[data-v-55fa6e4d]{background:#f1c40f33;border:2px solid #F1C40F;border-radius:20px;padding:8px 16px;font-size:11px;color:#f39c12;font-family:"Press Start 2P",monospace;display:inline-block}.revive-buttons[data-v-55fa6e4d]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.revive-buttons .pixel-btn[data-v-55fa6e4d]{min-width:150px;font-size:11px;padding:12px 16px}.btn-red[data-v-55fa6e4d]{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#922b21;color:#fff;box-shadow:0 4px #922b21,0 6px 20px #e74c3c66}.btn-red[data-v-55fa6e4d]:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 6px #922b21,0 8px 25px #e74c3c80}.btn-red[data-v-55fa6e4d]:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #922b21,0 4px 15px #e74c3c4d}.btn-red[data-v-55fa6e4d]:disabled{opacity:.5;cursor:not-allowed;background:#999;border-color:#666;box-shadow:0 4px #666}.btn-gray[data-v-55fa6e4d]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-color:#5d6d7e;color:#fff;box-shadow:0 4px #5d6d7e,0 6px 15px #95a5a666}.btn-gray[data-v-55fa6e4d]:hover:not(:disabled){background:linear-gradient(135deg,#7f8c8d,#5d6d7e);transform:translateY(-2px);box-shadow:0 6px #5d6d7e,0 8px 20px #95a5a680}.btn-gray[data-v-55fa6e4d]:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #5d6d7e,0 4px 10px #95a5a64d}@media(max-width:768px){.result-card[data-v-55fa6e4d],.treasure-card[data-v-55fa6e4d]{padding:30px 20px}.result-title[data-v-55fa6e4d],.treasure-title[data-v-55fa6e4d]{font-size:20px}.congrats-image[data-v-55fa6e4d]{max-width:250px}.treasure-image[data-v-55fa6e4d]{width:100px;height:100px}.treasure-name[data-v-55fa6e4d]{font-size:18px}.treasure-description[data-v-55fa6e4d]{font-size:13px}.score-display[data-v-55fa6e4d]{gap:30px}.npc-encouragement[data-v-55fa6e4d]{padding:20px;margin-bottom:20px}.npc-avatar[data-v-55fa6e4d]{width:80px;height:80px}.encouragement-text h3[data-v-55fa6e4d]{font-size:18px}.encouragement-text p[data-v-55fa6e4d]{font-size:14px}.action-buttons[data-v-55fa6e4d]{max-width:100%;gap:12px}.pixel-btn[data-v-55fa6e4d]{font-size:14px;padding:15px 20px}}.double-gem-indicator[data-v-55fa6e4d]{margin-top:15px;padding:10px;background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #b8860b;border-radius:10px;animation:pulse-55fa6e4d 1.5s infinite}.double-gem-text[data-v-55fa6e4d]{display:block;font-size:16px;font-weight:700;color:#6b4226;text-shadow:1px 1px 2px rgba(255,255,255,.5);margin-bottom:5px}.double-gem-remaining[data-v-55fa6e4d]{display:block;font-size:12px;color:#8b6914}@keyframes pulse-55fa6e4d{0%,to{transform:scale(1);box-shadow:0 0 10px #ffd70080}50%{transform:scale(1.05);box-shadow:0 0 20px #ffd700cc}}.failure-reward-notice[data-v-55fa6e4d]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;padding:12px 16px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ffc107;border-radius:8px;box-shadow:2px 2px #00000026;animation:slideUp-55fa6e4d .5s ease}.failure-reward-icon[data-v-55fa6e4d]{font-size:24px;flex-shrink:0}.failure-reward-text[data-v-55fa6e4d]{font-size:13px;font-weight:700;color:#6b4226;line-height:1.5}@media(max-width:768px){.failure-reward-text[data-v-55fa6e4d]{font-size:12px}}.adventure-test[data-v-f47fe5c8]{height:100%;min-height:100vh;min-height:100dvh;background:url(/webg.png) center/cover no-repeat;padding:20px;font-family:"Press Start 2P",monospace;position:relative;overflow:auto}.test-screen[data-v-f47fe5c8]{background:url(/battle2.png) center/cover no-repeat;position:absolute;inset:0;padding:20px}.intro-screen[data-v-f47fe5c8]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 40px);min-height:calc(100dvh - 40px);height:100%;position:relative}.logo-container[data-v-f47fe5c8]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100}.test-logo[data-v-f47fe5c8]{width:180px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.intro-container[data-v-f47fe5c8]{text-align:center;animation:fadeIn-f47fe5c8 .5s ease-out;position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}.dialogue-wrapper[data-v-f47fe5c8]{display:flex;flex-direction:column;align-items:center;position:relative}.npc-wizard[data-v-f47fe5c8]{margin-bottom:-30px;z-index:2;position:relative}.witch-img[data-v-f47fe5c8]{width:250px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:float-f47fe5c8 2s ease-in-out infinite}.dialogue-box[data-v-f47fe5c8]{background:url(/paper.png) center/cover no-repeat;padding:50px;margin-bottom:30px;max-width:700px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.dialogue-title[data-v-f47fe5c8]{font-family:"Press Start 2P",monospace;font-size:24px;color:#fff;text-shadow:2px 2px 0 #5c2e00,3px 3px 0 #3a1c00,4px 4px 8px rgba(0,0,0,.3);margin-bottom:20px;letter-spacing:4px;animation:titlePulse-f47fe5c8 2s ease-in-out infinite}@keyframes titlePulse-f47fe5c8{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dialogue-text[data-v-f47fe5c8]{font-size:14px;line-height:1.8;color:#2c3e50;font-weight:700}.pixel-btn[data-v-f47fe5c8]{background:#5cb85c;color:#fff;border:none;font-family:"Press Start 2P",monospace;font-size:14px;cursor:pointer;box-shadow:0 4px #4a9a4a;transition:all .1s}.pixel-btn[data-v-f47fe5c8]:hover{transform:translateY(2px);box-shadow:0 2px #4a9a4a}.pixel-btn[data-v-f47fe5c8]:active{transform:translateY(4px);box-shadow:none}.test-screen[data-v-f47fe5c8]{max-width:800px;margin:0 auto;animation:fadeIn-f47fe5c8 .3s ease-out;padding-top:60px}.progress-bar[data-v-f47fe5c8]{background:#0000004d;border:3px solid #2c3e50;height:30px;position:relative;margin-bottom:10px;margin-top:10px;z-index:10}.progress-fill[data-v-f47fe5c8]{height:100%;background:linear-gradient(90deg,#5cb85c,#7fd87f);transition:width .5s ease-out}.progress-text[data-v-f47fe5c8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;font-weight:700;z-index:1;white-space:nowrap}.event-container[data-v-f47fe5c8]{background:#fff;border:4px solid #2c3e50;padding:30px;box-shadow:0 8px #0003;animation:slideIn-f47fe5c8 .3s ease-out}.event-scene[data-v-f47fe5c8]{margin-bottom:30px}.scene-npc[data-v-f47fe5c8]{text-align:center;margin-bottom:-5px;position:relative;z-index:2}.npc-img[data-v-f47fe5c8]{width:100px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:bounce-f47fe5c8 1s ease-in-out infinite}.event-dialogue[data-v-f47fe5c8]{border:3px solid;border-radius:8px;padding:15px;margin-bottom:20px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;transition:all .3s ease;overflow:hidden;max-width:100%}.event-dialogue p[data-v-f47fe5c8]{font-size:14px;line-height:1.6;margin-bottom:15px;color:#2c3e50;font-weight:700}.question-image[data-v-f47fe5c8]{font-size:50px;text-align:center;margin:20px 0}.question-word[data-v-f47fe5c8]{font-size:20px!important;text-align:center;color:#5bc0de!important;font-weight:700}.highlight-text[data-v-f47fe5c8]{font-size:22px!important;color:#5bc0de!important;text-align:center;word-break:break-word;overflow-wrap:break-word;max-width:100%}.magic-text[data-v-f47fe5c8]{font-size:16px!important;color:#9b59b6!important;text-align:center;font-style:italic;word-break:break-word;overflow-wrap:break-word;max-width:100%}.choices-container[data-v-f47fe5c8]{margin-top:20px}.hint-text[data-v-f47fe5c8]{font-size:14px;color:#7f8c8d;text-align:center;margin-bottom:15px}.choices-grid[data-v-f47fe5c8]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-width:500px}.choices-grid.four-choices[data-v-f47fe5c8]{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:600px}.choice-btn[data-v-f47fe5c8]{background:#fff;border:3px solid #dee2e6;padding:18px 24px;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif;font-size:28px!important;font-weight:900;cursor:pointer;transition:all .2s;box-shadow:0 3px #0000001a;min-height:56px}.choice-btn[data-v-f47fe5c8]:hover{background:#e8f4f8;border-color:#5bc0de;transform:translateY(-2px);box-shadow:0 5px #0000001a}.choice-btn.selected[data-v-f47fe5c8]{background:#5bc0de;color:#fff;border-color:#46b8da}.action-buttons[data-v-f47fe5c8]{text-align:center}.adventure-decoration[data-v-f47fe5c8]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.floating-gem[data-v-f47fe5c8]{position:absolute;font-size:30px;animation:float-f47fe5c8 3s ease-in-out infinite;opacity:.5}.gem-1[data-v-f47fe5c8]{top:10%;right:10%;animation-delay:0s}.gem-2[data-v-f47fe5c8]{bottom:20%;left:5%;animation-delay:1s}.gem-3[data-v-f47fe5c8]{top:50%;right:5%;animation-delay:2s}.result-screen[data-v-f47fe5c8]{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 40px);min-height:calc(100dvh - 40px)}.result-container[data-v-f47fe5c8]{background:#fff;border:4px solid #2c3e50;padding:40px;max-width:600px;width:100%;box-shadow:0 8px #0003;position:relative;animation:zoomIn-f47fe5c8 .5s ease-out}.celebration-animation[data-v-f47fe5c8]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.star[data-v-f47fe5c8]{position:absolute;animation:sparkle-f47fe5c8 2s ease-in-out infinite}.star-1[data-v-f47fe5c8]{top:-20px;left:10%;animation-delay:0s}.star-2[data-v-f47fe5c8]{top:-20px;right:20%;animation-delay:.3s}.star-3[data-v-f47fe5c8]{bottom:-20px;left:20%;animation-delay:.6s}.star-4[data-v-f47fe5c8]{bottom:-20px;right:10%;animation-delay:.9s}.star-5[data-v-f47fe5c8]{top:50%;left:-20px;animation-delay:1.2s}.result-title[data-v-f47fe5c8]{text-align:center;font-size:20px;color:#f0ad4e;margin-bottom:30px;text-shadow:2px 2px 0 rgba(0,0,0,.1)}.recommended-level[data-v-f47fe5c8]{text-align:center;margin-bottom:30px}.level-text[data-v-f47fe5c8]{font-size:12px;color:#7f8c8d;margin-bottom:15px}.level-badge[data-v-f47fe5c8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border:3px solid #2c3e50;box-shadow:0 4px #0003;margin-bottom:15px;display:inline-block}.level-icon[data-v-f47fe5c8]{font-size:40px;display:block;margin-bottom:10px}.level-name[data-v-f47fe5c8]{font-size:14px}.level-desc[data-v-f47fe5c8]{font-size:12px;color:#7f8c8d}.rewards-section[data-v-f47fe5c8]{margin-bottom:30px}.rewards-title[data-v-f47fe5c8]{font-size:14px;text-align:center;color:#2c3e50;margin-bottom:20px}.rewards-grid[data-v-f47fe5c8]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.reward-item[data-v-f47fe5c8]{text-align:center;padding:15px;background:#f8f9fa;border:2px solid #dee2e6}.reward-icon[data-v-f47fe5c8]{font-size:30px;display:block;margin-bottom:10px}.reward-name[data-v-f47fe5c8]{font-size:15px;color:#2c3e50}.map-unlock[data-v-f47fe5c8]{text-align:center;margin-bottom:30px}.unlock-text[data-v-f47fe5c8]{font-size:12px;color:#5cb85c;animation:pulse-f47fe5c8 1.5s ease-in-out infinite}.continue-btn[data-v-f47fe5c8]{width:100%;background:linear-gradient(135deg,#5cb85c,#7fd87f);font-size:16px}@keyframes fadeIn-f47fe5c8{0%{opacity:0}to{opacity:1}}@keyframes float-f47fe5c8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce-f47fe5c8{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}75%{transform:translateY(5px)}}@keyframes slideIn-f47fe5c8{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoomIn-f47fe5c8{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sparkle-f47fe5c8{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(180deg);opacity:.5}}@keyframes pulse-f47fe5c8{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-blue[data-v-f47fe5c8]{background:#5bc0de;box-shadow:0 4px #46b8da}.btn-yellow[data-v-f47fe5c8]{background:#f0ad4e;box-shadow:0 4px #eea236}.btn-purple[data-v-f47fe5c8]{background:#9b59b6;box-shadow:0 4px #8e44ad}@media(max-width:768px){.adventure-test[data-v-f47fe5c8]{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.intro-screen[data-v-f47fe5c8]{height:100vh;height:100dvh;padding:20px 10px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.witch-img[data-v-f47fe5c8]{width:200px}.dialogue-box[data-v-f47fe5c8]{min-height:220px}.dialogue-title[data-v-f47fe5c8]{font-size:18px}.event-dialogue[data-v-f47fe5c8]{padding:12px}.event-dialogue p[data-v-f47fe5c8]{font-size:14px}.progress-bar[data-v-f47fe5c8]{position:fixed;bottom:0;left:0;right:0;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;z-index:100;background:#000c}.event-container[data-v-f47fe5c8]{padding-bottom:50px}.choices-grid[data-v-f47fe5c8]{max-width:100%}.choices-grid.four-choices[data-v-f47fe5c8]{grid-template-columns:1fr 1fr;gap:10px}.rewards-grid[data-v-f47fe5c8]{grid-template-columns:1fr}.dialogue-text[data-v-f47fe5c8]{font-size:14px;font-weight:700}.result-title[data-v-f47fe5c8]{font-size:16px}}@media(max-width:480px){.witch-img[data-v-f47fe5c8]{width:150px}.dialogue-box[data-v-f47fe5c8]{min-height:200px;max-width:90%}.dialogue-title[data-v-f47fe5c8]{font-size:16px;letter-spacing:2px}.progress-bar[data-v-f47fe5c8]{height:30px;position:fixed;bottom:0;left:0;right:0;margin:0;z-index:200}.progress-text[data-v-f47fe5c8]{font-size:14px}.test-screen[data-v-f47fe5c8]{padding-top:60px;height:100dvh;max-width:800px;margin:0 auto}.logo-container[data-v-f47fe5c8]{top:10px}.test-logo[data-v-f47fe5c8]{width:120px}.event-container[data-v-f47fe5c8]{padding:30px;height:calc(100dvh - 120px);display:flex;flex-direction:column;overflow:hidden;border:4px solid #2c3e50;background:#fff;max-width:95%;box-shadow:0 8px #0003}.event-scene[data-v-f47fe5c8]{margin-bottom:0;display:flex;flex-direction:column;align-items:center}.event-dialogue[data-v-f47fe5c8]{padding:15px;margin-bottom:0;min-height:150px;overflow-y:auto;border:3px solid;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center}.event-dialogue p[data-v-f47fe5c8]{font-size:14px;line-height:1.6;margin-bottom:0;color:#2c3e50;font-weight:700}.choice-btn[data-v-f47fe5c8]{font-size:24px!important;padding:16px 20px!important;border:3px solid #dee2e6!important;background:#fff!important;margin:0!important;cursor:pointer;transition:all .2s;box-shadow:0 3px #0000001a;min-height:52px}.choices-grid[data-v-f47fe5c8]{gap:12px;display:flex;flex-direction:column;margin-bottom:20px;max-width:100%}.choices-grid.two-choices[data-v-f47fe5c8]{grid-template-columns:1fr;gap:12px}.npc-img[data-v-f47fe5c8]{width:100px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:bounce-f47fe5c8 1s ease-in-out infinite}.scene-npc[data-v-f47fe5c8]{text-align:center;margin-bottom:-5px;position:relative;z-index:2}.question-image[data-v-f47fe5c8]{font-size:50px;margin:20px 0;text-align:center}.question-word[data-v-f47fe5c8]{font-size:20px!important;text-align:center;color:#5bc0de!important;font-weight:700}.highlight-text[data-v-f47fe5c8]{font-size:22px!important;color:#5bc0de!important;text-align:center}.choices-container[data-v-f47fe5c8]{margin-top:0;display:flex;flex-direction:column}.hint-text[data-v-f47fe5c8]{margin-bottom:8px;font-size:14px;text-align:center;color:#7f8c8d}.witch-img[data-v-f47fe5c8]{width:120px}.dialogue-box[data-v-f47fe5c8]{min-height:150px}}.star-animation[data-v-f47fe5c8]{position:fixed;pointer-events:none;z-index:9999;width:0;height:0}.star-particle[data-v-f47fe5c8]{position:absolute;font-size:20px;animation:star-fly-f47fe5c8 1s ease-out forwards}.star-particle[data-v-f47fe5c8]:nth-child(1){--angle: 0deg}.star-particle[data-v-f47fe5c8]:nth-child(2){--angle: 60deg}.star-particle[data-v-f47fe5c8]:nth-child(3){--angle: 120deg}.star-particle[data-v-f47fe5c8]:nth-child(4){--angle: 180deg}.star-particle[data-v-f47fe5c8]:nth-child(5){--angle: 240deg}.star-particle[data-v-f47fe5c8]:nth-child(6){--angle: 300deg}@keyframes star-fly-f47fe5c8{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(calc(cos(var(--angle))*50px),calc(sin(var(--angle))*50px)) scale(1);opacity:1}to{transform:translate(calc(cos(var(--angle))*100px),calc(sin(var(--angle))*100px)) scale(0);opacity:0}}.star-burst-enter-active[data-v-f47fe5c8],.star-burst-leave-active[data-v-f47fe5c8]{transition:opacity .3s}.star-burst-enter-from[data-v-f47fe5c8],.star-burst-leave-to[data-v-f47fe5c8]{opacity:0}.favorites-page[data-v-bc3f3cfd]{width:100%;min-height:100vh;background:url(/basement.png) center top no-repeat fixed;background-size:100% auto;padding:15px 15px 66px;font-family:"Press Start 2P",monospace;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.floating-elements[data-v-bc3f3cfd]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.floating-star[data-v-bc3f3cfd]{position:absolute;font-size:30px;opacity:.1;animation:float-bc3f3cfd 20s infinite ease-in-out}.floating-star[data-v-bc3f3cfd]:nth-child(1){top:10%;left:10%}.floating-star[data-v-bc3f3cfd]:nth-child(2){top:20%;right:15%}.floating-star[data-v-bc3f3cfd]:nth-child(3){bottom:30%;left:20%}.floating-star[data-v-bc3f3cfd]:nth-child(4){bottom:20%;right:10%}.floating-star[data-v-bc3f3cfd]:nth-child(5){top:40%;left:45%}.floating-star[data-v-bc3f3cfd]:nth-child(6){top:60%;right:35%}@keyframes float-bc3f3cfd{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(5deg)}50%{transform:translateY(0) rotate(-5deg)}75%{transform:translateY(30px) rotate(5deg)}}.leaderboard-header[data-v-bc3f3cfd]{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;padding:16px;border-radius:16px;border:3px solid #2c3e50;box-shadow:0 4px 20px #0000001a;position:relative;flex-wrap:nowrap;gap:12px;min-height:60px;z-index:1}.back-btn[data-v-bc3f3cfd],.refresh-btn[data-v-bc3f3cfd]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #2c3e50;color:#2c3e50;padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .3s;font-weight:700;box-shadow:0 2px 10px #0000001a}.back-btn[data-v-bc3f3cfd]:hover,.refresh-btn[data-v-bc3f3cfd]:hover{background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #5cb85c66}.page-title[data-v-bc3f3cfd]{color:#2c3e50;font-size:20px;text-align:center;display:flex;align-items:center;gap:10px;flex:1;justify-content:center;margin:0 8px}.refresh-icon.spinning[data-v-bc3f3cfd]{animation:spin-bc3f3cfd 1s linear infinite}@keyframes spin-bc3f3cfd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filters-container[data-v-bc3f3cfd]{position:relative;z-index:5;padding:10px 15px;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.filter-group[data-v-bc3f3cfd]{margin-bottom:8px}.filter-group[data-v-bc3f3cfd]:last-child{margin-bottom:0}.filter-label[data-v-bc3f3cfd]{display:block;color:#fff;font-size:10px;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;opacity:.8;font-family:"Press Start 2P",monospace}.tab-buttons[data-v-bc3f3cfd]{display:flex;gap:8px;flex-wrap:wrap}.tab-btn[data-v-bc3f3cfd]{padding:8px 12px;background:#ffffffe6;color:#333;font-size:10px;border:2px solid #333;transition:all .3s;font-family:"Press Start 2P",monospace}.tab-btn[data-v-bc3f3cfd]:hover{transform:translateY(-2px);box-shadow:0 4px #0000004d}.tab-btn.active[data-v-bc3f3cfd]{background:gold;color:#333;transform:translateY(2px);box-shadow:inset 0 2px #0000004d}.tab-text[data-v-bc3f3cfd]{font-size:10px}.favorites-description[data-v-bc3f3cfd]{position:relative;z-index:5;padding:10px 15px;text-align:center}.description-text[data-v-bc3f3cfd]{color:#fff;font-size:12px;margin-bottom:12px;opacity:.9}.stats-summary[data-v-bc3f3cfd]{display:flex;justify-content:center;gap:20px;margin-top:10px}.stat-item[data-v-bc3f3cfd]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border-radius:20px;color:#fff;font-size:12px}.stat-icon[data-v-bc3f3cfd]{font-size:16px}.loading-container[data-v-bc3f3cfd]{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff;text-align:center}.loading-spinner[data-v-bc3f3cfd]{font-size:48px;animation:bounce-bc3f3cfd 1s infinite;margin-bottom:20px}@keyframes bounce-bc3f3cfd{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loading-text[data-v-bc3f3cfd]{font-size:14px;margin-bottom:10px;font-family:"Press Start 2P",monospace}.loading-dots[data-v-bc3f3cfd]{display:flex;gap:4px;font-size:24px}.loading-dots span[data-v-bc3f3cfd]{animation:dot-bounce-bc3f3cfd 1.5s infinite}@keyframes dot-bounce-bc3f3cfd{0%,80%,to{opacity:.3}40%{opacity:1}}.words-content[data-v-bc3f3cfd]{position:relative;z-index:5;padding:20px}.words-list-container[data-v-bc3f3cfd]{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.word-list-item[data-v-bc3f3cfd]{display:flex;align-items:center;background:#fffffff2;border:3px solid #333;box-shadow:4px 4px #0000004d;padding:0;overflow:hidden;transition:all .3s;cursor:pointer}.word-list-item[data-v-bc3f3cfd]:hover{transform:translate(4px);box-shadow:6px 6px #0006;background:#fff}.word-rank[data-v-bc3f3cfd]{background:linear-gradient(135deg,gold,#ffed4e);padding:20px;display:flex;align-items:center;justify-content:center;min-width:60px;border-right:3px solid #333}.rank-number[data-v-bc3f3cfd]{font-size:18px;font-weight:700;color:#333;font-family:"Press Start 2P",monospace}.word-main-content[data-v-bc3f3cfd]{flex:1;display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.word-info[data-v-bc3f3cfd]{display:flex;flex-direction:column;gap:8px}.word-english[data-v-bc3f3cfd]{font-size:18px;font-weight:700;color:#5bc0de;font-family:"Press Start 2P",monospace}.word-details[data-v-bc3f3cfd]{display:flex;align-items:center;gap:12px}.word-pos[data-v-bc3f3cfd]{font-size:10px;padding:2px 8px;background:#f0f0f0;border-radius:12px;color:#666;text-transform:uppercase}.word-chinese[data-v-bc3f3cfd]{font-size:14px;color:#333}.word-actions[data-v-bc3f3cfd]{display:flex;align-items:center;gap:12px}.audio-icon[data-v-bc3f3cfd],.remove-icon[data-v-bc3f3cfd]{font-size:20px;padding:8px;background:transparent;border:none;cursor:pointer;transition:all .3s}.audio-icon[data-v-bc3f3cfd]:hover{transform:scale(1.2)}.audio-icon.playing[data-v-bc3f3cfd]{animation:pulse-bc3f3cfd .5s infinite}@keyframes pulse-bc3f3cfd{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.remove-icon[data-v-bc3f3cfd]{opacity:.5}.remove-icon[data-v-bc3f3cfd]:hover{opacity:1;transform:scale(1.2)}.empty-container[data-v-bc3f3cfd]{position:relative;z-index:5;display:flex;justify-content:center;align-items:center}.empty-content[data-v-bc3f3cfd]{text-align:center;padding:40px;background:#fffffff2;border:3px solid #333;box-shadow:6px 6px #0000004d;max-width:400px}.empty-icon[data-v-bc3f3cfd]{font-size:64px;margin-bottom:20px;display:block}.empty-title[data-v-bc3f3cfd]{font-size:16px;margin-bottom:12px;color:#333;font-family:"Press Start 2P",monospace}.empty-text[data-v-bc3f3cfd]{font-size:12px;color:#666;margin-bottom:24px}.btn-primary[data-v-bc3f3cfd]{background:linear-gradient(135deg,#5cb85c,#4cae4c);color:#fff;padding:12px 24px;font-size:12px;border:2px solid #333;font-family:"Press Start 2P",monospace}.btn-primary[data-v-bc3f3cfd]:hover{transform:translateY(-2px);box-shadow:0 6px #0000004d}.slide-in-down[data-v-bc3f3cfd]{animation:slideInDown-bc3f3cfd .5s ease-out}@keyframes slideInDown-bc3f3cfd{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slide-in[data-v-bc3f3cfd]{animation:slideIn-bc3f3cfd .5s ease-out backwards}@keyframes slideIn-bc3f3cfd{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animated-bounce[data-v-bc3f3cfd]{animation:bounce-bc3f3cfd 2s infinite}@media(max-width:768px){.favorites-header[data-v-bc3f3cfd]{padding:16px}.page-title[data-v-bc3f3cfd]{font-size:18px}.title-icon[data-v-bc3f3cfd]{font-size:24px}.back-btn[data-v-bc3f3cfd],.refresh-btn[data-v-bc3f3cfd]{padding:8px 12px;font-size:10px}.tab-buttons[data-v-bc3f3cfd]{gap:6px}.tab-btn[data-v-bc3f3cfd]{padding:6px 10px;font-size:9px}.word-list-item[data-v-bc3f3cfd]{border:2px solid #333;box-shadow:3px 3px #0000004d}.word-rank[data-v-bc3f3cfd]{min-width:50px;padding:16px 12px}.rank-number[data-v-bc3f3cfd],.word-english[data-v-bc3f3cfd]{font-size:14px}.word-chinese[data-v-bc3f3cfd]{font-size:12px}.word-pos[data-v-bc3f3cfd]{font-size:9px;padding:2px 6px}}@media(max-width:480px){.favorites-description[data-v-bc3f3cfd]{padding:10px 20px}.description-text[data-v-bc3f3cfd]{margin-bottom:6px;font-size:11px}.page-title[data-v-bc3f3cfd]{font-size:14px}.tab-buttons[data-v-bc3f3cfd]{flex-wrap:wrap;gap:4px}.tab-btn[data-v-bc3f3cfd]{padding:6px 8px;font-size:9px}.word-rank[data-v-bc3f3cfd]{min-width:40px;padding:12px 8px}.rank-number[data-v-bc3f3cfd],.word-english[data-v-bc3f3cfd]{font-size:12px}.word-details[data-v-bc3f3cfd]{flex-direction:column;align-items:flex-start;gap:4px}.audio-icon[data-v-bc3f3cfd],.remove-icon[data-v-bc3f3cfd]{font-size:18px;padding:6px}}.settings-page[data-v-ddfa2b13]{width:100%;height:100vh;height:100dvh;background:linear-gradient(180deg,#f3e5f5,#e1bee7);position:relative;padding-top:70px;padding-bottom:60px;overflow-y:auto;-webkit-overflow-scrolling:touch}.home-header[data-v-ddfa2b13]{position:absolute;top:0;left:0;right:0;z-index:100;padding:12px 16px;display:flex;justify-content:center;align-items:center}.home-logo[data-v-ddfa2b13]{width:120px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));cursor:pointer}.home-btn[data-v-ddfa2b13]{position:absolute;left:16px;top:12px;width:44px;height:44px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:2px solid var(--border-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 0 var(--border-dark)}.home-btn span[data-v-ddfa2b13]{font-size:20px}.profile-btn[data-v-ddfa2b13]{position:absolute;right:16px;top:12px;width:44px;height:44px;padding:0;background:#ffffffe6;border:2px solid var(--border-dark);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 var(--border-dark)}.profile-avatar[data-v-ddfa2b13]{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;border-radius:50%}.page-title-compact[data-v-ddfa2b13]{text-align:center;font-size:14px;color:var(--text-dark);margin:0 0 12px}.settings-compact[data-v-ddfa2b13]{max-width:500px;margin:0 auto;padding:0 12px;display:flex;flex-direction:column;gap:10px}.section-card[data-v-ddfa2b13]{background:#fff;border:2px solid var(--border-dark);border-radius:12px;padding:12px 14px;box-shadow:3px 3px 0 var(--border-dark)}.section-label[data-v-ddfa2b13]{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px dashed #ddd}.profile-row[data-v-ddfa2b13]{display:flex;flex-direction:column;gap:6px}.profile-field[data-v-ddfa2b13]{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f8f9fa;border-radius:6px}.field-key[data-v-ddfa2b13]{font-size:14px;flex-shrink:0}.field-val[data-v-ddfa2b13]{font-size:12px;color:var(--text-dark);font-weight:600}.text-ellipsis[data-v-ddfa2b13]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.register-inline-btn[data-v-ddfa2b13]{width:100%;margin-top:8px;padding:8px;background:linear-gradient(135deg,#5bc0de26,#9b59b626);border:1px dashed var(--primary-blue);border-radius:8px;font-size:11px;color:#2c3e50;cursor:pointer;font-weight:600}.audio-row[data-v-ddfa2b13]{display:flex;align-items:center;gap:8px;padding:6px 0}.audio-row+.audio-row[data-v-ddfa2b13]{border-top:1px solid #f0f0f0;padding-top:8px}.audio-toggle[data-v-ddfa2b13]{width:44px;height:44px;border-radius:8px;border:2px solid var(--border-dark);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 0 var(--border-dark);transition:all .15s}.audio-toggle.on[data-v-ddfa2b13]{background:var(--primary-green)}.audio-toggle.off[data-v-ddfa2b13]{background:#ccc}.audio-toggle[data-v-ddfa2b13]:active{transform:translateY(2px);box-shadow:none}.audio-name[data-v-ddfa2b13]{font-size:11px;color:#555;font-weight:600;min-width:28px}.vol-slider[data-v-ddfa2b13]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:3px;outline:none}.vol-slider[data-v-ddfa2b13]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary-green);border:2px solid var(--border-dark);border-radius:50%;cursor:pointer}.vol-slider[data-v-ddfa2b13]::-moz-range-thumb{width:18px;height:18px;background:var(--primary-green);border:2px solid var(--border-dark);border-radius:50%;cursor:pointer}.vol-slider[data-v-ddfa2b13]:disabled{opacity:.4}.vol-num[data-v-ddfa2b13]{font-size:11px;color:#666;font-weight:700;min-width:32px;text-align:right}.account-row[data-v-ddfa2b13]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}.account-row+.account-row[data-v-ddfa2b13]{border-top:1px solid #f0f0f0;padding-top:8px}.sub-status[data-v-ddfa2b13]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge-on[data-v-ddfa2b13]{background:#d4edda;color:#155724;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700;border:1px solid #c3e6cb}.badge-off[data-v-ddfa2b13]{background:#fff3cd;color:#856404;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700;border:1px solid #ffeaa7}.sub-detail[data-v-ddfa2b13]{font-size:9px;color:#888}.logout-label[data-v-ddfa2b13]{font-size:11px;color:#888}.action-btn[data-v-ddfa2b13]{min-height:44px;padding:6px 14px;border:2px solid var(--border-dark);border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 0 var(--border-dark);transition:all .15s;white-space:nowrap}.action-btn[data-v-ddfa2b13]:active{transform:translateY(2px);box-shadow:none}.action-btn.primary[data-v-ddfa2b13]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.gray[data-v-ddfa2b13]{background:#95a5a6;color:#fff}@media(max-width:480px){.settings-page[data-v-ddfa2b13]{padding-top:64px;padding-bottom:56px}.home-header[data-v-ddfa2b13]{padding:10px 12px}.home-logo[data-v-ddfa2b13]{width:100px}.home-btn[data-v-ddfa2b13],.profile-btn[data-v-ddfa2b13]{width:44px;height:44px}.home-btn[data-v-ddfa2b13]{left:12px;top:10px}.profile-btn[data-v-ddfa2b13]{right:12px;top:10px}.home-btn span[data-v-ddfa2b13]{font-size:18px}.page-title-compact[data-v-ddfa2b13]{font-size:12px;margin-bottom:8px}.settings-compact[data-v-ddfa2b13]{padding:0 8px;gap:8px}.section-card[data-v-ddfa2b13]{padding:10px 12px}.vol-slider[data-v-ddfa2b13]::-webkit-slider-thumb{width:22px;height:22px}.vol-slider[data-v-ddfa2b13]::-moz-range-thumb{width:22px;height:22px}}@keyframes slideInDown-3c5dd59e{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft-3c5dd59e{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideIn-3c5dd59e{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce-3c5dd59e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-3c5dd59e{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulseGlow-3c5dd59e{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 40px #ffd700cc}}@keyframes float-3c5dd59e{0%{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(-20px) translate(10px) rotate(120deg)}66%{transform:translateY(10px) translate(-10px) rotate(240deg)}to{transform:translateY(0) translate(0) rotate(360deg)}}@keyframes confettiFall-3c5dd59e{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes spin-3c5dd59e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingDot-3c5dd59e{0%,80%,to{opacity:0}40%{opacity:1}}.slide-in-down[data-v-3c5dd59e]{animation:slideInDown-3c5dd59e .5s ease-out}.slide-in-left[data-v-3c5dd59e]{animation:slideInLeft-3c5dd59e .5s ease-out backwards}.slide-in[data-v-3c5dd59e]{animation:slideIn-3c5dd59e .5s ease-out backwards}.animated-bounce[data-v-3c5dd59e]{animation:bounce-3c5dd59e 2s ease-in-out infinite}.animated-pulse[data-v-3c5dd59e]{animation:pulse-3c5dd59e 2s ease-in-out infinite}.pulse-glow[data-v-3c5dd59e]{animation:pulseGlow-3c5dd59e 2s ease-in-out infinite}.leaderboard-page[data-v-3c5dd59e]{width:100%;min-height:100vh;background:url(/basement1.png) center top no-repeat fixed;background-size:100% auto;padding:20px 20px 66px;font-family:"Press Start 2P",monospace;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.floating-elements[data-v-3c5dd59e]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.floating-star[data-v-3c5dd59e]{position:absolute;font-size:20px;opacity:.3;animation:float-3c5dd59e 20s linear infinite}.floating-star[data-v-3c5dd59e]:nth-child(1){top:10%;left:10%}.floating-star[data-v-3c5dd59e]:nth-child(2){top:20%;left:80%}.floating-star[data-v-3c5dd59e]:nth-child(3){top:60%;left:25%}.floating-star[data-v-3c5dd59e]:nth-child(4){top:40%;left:70%}.floating-star[data-v-3c5dd59e]:nth-child(5){top:80%;left:50%}.floating-star[data-v-3c5dd59e]:nth-child(6){top:30%;left:40%}.leaderboard-header[data-v-3c5dd59e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fffffff2;padding:16px;border-radius:16px;border:3px solid #2C3E50;box-shadow:0 4px 20px #0000001a;position:relative;flex-wrap:nowrap;gap:12px;min-height:60px;z-index:1}.back-btn[data-v-3c5dd59e],.refresh-btn[data-v-3c5dd59e]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #2C3E50;color:#2c3e50;padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .3s;font-weight:700;box-shadow:0 2px 10px #0000001a}.back-btn[data-v-3c5dd59e]:hover,.refresh-btn[data-v-3c5dd59e]:hover{background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #5cb85c66}.page-title[data-v-3c5dd59e]{color:#2c3e50;font-size:20px;text-align:center;display:flex;align-items:center;gap:10px;flex:1;justify-content:center;margin:0 8px}.refresh-icon.spinning[data-v-3c5dd59e]{animation:spin-3c5dd59e 1s linear infinite}.filters-container[data-v-3c5dd59e]{background:#fffffffa;border-radius:16px;padding:24px;margin-bottom:24px;border:3px solid #2C3E50;box-shadow:0 4px 20px #0000001a;position:relative;z-index:1}.filter-group[data-v-3c5dd59e]{margin-bottom:20px}.filter-group[data-v-3c5dd59e]:last-child{margin-bottom:0}.filter-label[data-v-3c5dd59e]{display:block;color:#2c3e50;font-size:11px;margin-bottom:12px;font-weight:700;text-transform:uppercase}.tab-buttons[data-v-3c5dd59e]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.tab-btn[data-v-3c5dd59e]{display:flex;align-items:center;gap:8px;padding:12px 18px;border:3px solid #2C3E50;background:linear-gradient(135deg,#fff,#f8f8f8);color:#2c3e50;border-radius:12px;cursor:pointer;transition:all .3s;font-size:10px;font-weight:700;box-shadow:0 2px 10px #0000000d;white-space:nowrap}.tab-btn[data-v-3c5dd59e]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.tab-btn.active[data-v-3c5dd59e]{background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;border-color:#4a934a;box-shadow:0 4px 20px #5cb85c4d}.tab-icon[data-v-3c5dd59e]{font-size:16px}.grade-select[data-v-3c5dd59e]{width:100%;padding:12px 16px;border:3px solid #2C3E50;border-radius:12px;background:#fff;color:#2c3e50;font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer;transition:all .3s}.grade-select[data-v-3c5dd59e]:hover{border-color:#5cb85c;box-shadow:0 0 0 3px #5cb85c33}.user-rank-summary[data-v-3c5dd59e]{margin:0 auto 24px;width:calc(100% - 40px);max-width:600px;position:relative;z-index:1}.user-rank-card[data-v-3c5dd59e]{background:linear-gradient(135deg,#f093fb,#f5576c);border:3px solid #2C3E50;border-radius:20px;padding:20px;color:#fff;box-shadow:0 8px 30px #0003;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.user-rank-card.top-performer[data-v-3c5dd59e]{background:linear-gradient(135deg,gold,orange)}.user-rank-card[data-v-3c5dd59e]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer-3c5dd59e 3s infinite}@keyframes shimmer-3c5dd59e{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.user-avatar[data-v-3c5dd59e]{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid white;box-shadow:0 4px 15px #0003}.user-avatar img[data-v-3c5dd59e]{width:100%;height:100%;object-fit:cover}.rank-content[data-v-3c5dd59e]{flex:1}.rank-info[data-v-3c5dd59e]{margin-bottom:8px}.rank-label[data-v-3c5dd59e]{font-size:10px;opacity:.9;text-transform:uppercase;margin-bottom:8px;display:block}.rank-display[data-v-3c5dd59e]{display:flex;align-items:baseline;gap:8px}.rank-number[data-v-3c5dd59e]{font-size:32px;font-weight:700}.rank-total[data-v-3c5dd59e]{font-size:16px;opacity:.8}.achievement-badge[data-v-3c5dd59e]{background:#ffffff4d;padding:8px 16px;border-radius:20px;font-size:12px;display:inline-block}.loading-container[data-v-3c5dd59e]{text-align:center;padding:60px 20px;color:#fff}.loading-spinner[data-v-3c5dd59e]{font-size:48px;animation:spin-3c5dd59e 2s linear infinite;margin-bottom:20px}.loading-text[data-v-3c5dd59e]{font-size:12px;margin-bottom:10px}.loading-dots[data-v-3c5dd59e]{font-size:20px}.loading-dots span[data-v-3c5dd59e]{animation:loadingDot-3c5dd59e 1.4s ease-in-out infinite;display:inline-block}.top-three-container[data-v-3c5dd59e]{display:flex;justify-content:center;gap:16px;margin-bottom:32px;flex-wrap:wrap;position:relative;z-index:1}.top-player-card[data-v-3c5dd59e]{background:#fffffffa;border:4px solid #2C3E50;border-radius:20px;padding:24px;text-align:center;min-width:140px;transition:all .3s;position:relative;box-shadow:0 6px 25px #00000026}.top-player-card[data-v-3c5dd59e]:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 40px #00000040}.top-player-card.rank-1[data-v-3c5dd59e]{border-color:gold;background:linear-gradient(135deg,gold,orange);color:#fff;transform:scale(1.15);z-index:3}.top-player-card.rank-2[data-v-3c5dd59e]{border-color:silver;background:linear-gradient(135deg,#e8e8e8,silver);color:#2c3e50;z-index:2}.top-player-card.rank-3[data-v-3c5dd59e]{border-color:#cd7f32;background:linear-gradient(135deg,#e8b177,#cd7f32);color:#fff;z-index:1}.top-player-card.is-current-user[data-v-3c5dd59e]{box-shadow:0 0 40px #ffd70099}.medal-icon[data-v-3c5dd59e]{font-size:36px;margin-bottom:12px}.player-avatar[data-v-3c5dd59e]{width:60px;height:60px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:3px solid currentColor;position:relative}.player-avatar img[data-v-3c5dd59e]{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.you-badge[data-v-3c5dd59e]{position:absolute;bottom:-5px;right:-5px;background:#ff6b6b;color:#fff;padding:2px 6px;border-radius:10px;font-size:8px;border:2px solid white}.player-info[data-v-3c5dd59e]{font-size:10px}.player-name[data-v-3c5dd59e]{font-weight:700;margin-bottom:8px;word-break:break-all;font-size:11px}.player-score-container[data-v-3c5dd59e]{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.player-score[data-v-3c5dd59e]{font-size:18px;font-weight:700}.score-unit[data-v-3c5dd59e]{font-size:10px;opacity:.8}.score-bar[data-v-3c5dd59e]{width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-top:8px}.score-bar-fill[data-v-3c5dd59e]{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a3aa);transition:width 1s ease-out;border-radius:3px}.rank-change[data-v-3c5dd59e]{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:4px 8px;border-radius:12px;background:#ffffffe6}.rank-change.up[data-v-3c5dd59e]{color:#27ae60}.rank-change.down[data-v-3c5dd59e]{color:#e74c3c}.ranking-list[data-v-3c5dd59e]{background:#fffffffa;border-radius:20px;overflow:hidden;border:3px solid #2C3E50;box-shadow:0 6px 25px #0000001a;position:relative;z-index:1}.list-header[data-v-3c5dd59e]{display:grid;grid-template-columns:50px 1.5fr 80px 60px;gap:10px;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:16px 20px;font-size:10px;font-weight:700;text-transform:uppercase}.ranking-item[data-v-3c5dd59e]{display:grid;grid-template-columns:50px 1.5fr 80px 60px;gap:10px;padding:16px 20px;border-bottom:2px solid #F0F0F0;transition:all .3s;align-items:center;position:relative}.ranking-item[data-v-3c5dd59e]:hover{background:linear-gradient(90deg,rgba(92,184,92,.1) 0%,transparent 100%);transform:translate(5px)}.ranking-item.alternate[data-v-3c5dd59e]{background:#ecf0f180}.ranking-item.current-user[data-v-3c5dd59e]{background:linear-gradient(90deg,#ffd70033,#ffd7000d);border-left:4px solid #FFD700;font-weight:700}.ranking-item[data-v-3c5dd59e]:last-child{border-bottom:none}.item-rank[data-v-3c5dd59e]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#2c3e50}.item-rank .rank-number[data-v-3c5dd59e],.rank-badge[data-v-3c5dd59e]{font-size:16px}.item-avatar[data-v-3c5dd59e]{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #E0E0E0}.item-avatar img[data-v-3c5dd59e]{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.item-player[data-v-3c5dd59e]{display:flex;align-items:center;min-width:0;overflow:hidden;width:100%}.player-with-avatar[data-v-3c5dd59e]{display:flex;align-items:center;gap:10px;width:100%}.player-details[data-v-3c5dd59e]{flex:1;min-width:0;overflow:hidden}.mini-avatar[data-v-3c5dd59e]{width:36px;height:36px;border-radius:50%;border:2px solid #e0e0e0;background:#fff;object-fit:cover;flex-shrink:0}.player-name[data-v-3c5dd59e]{color:#2c3e50;font-weight:700;font-size:11px;display:block;max-width:150px}.you-indicator[data-v-3c5dd59e]{background:linear-gradient(135deg,gold,orange);padding:2px 6px;border-radius:8px;color:#fff;font-size:9px;font-weight:700;margin-left:4px}.item-score[data-v-3c5dd59e]{text-align:right}.score-value[data-v-3c5dd59e]{font-size:13px;font-weight:700;color:#27ae60;display:block}.mini-score-bar[data-v-3c5dd59e]{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin-top:4px}.mini-score-bar-fill[data-v-3c5dd59e]{height:100%;background:linear-gradient(90deg,#27ae60,#229954);transition:width 1s ease-out}.item-grade[data-v-3c5dd59e]{text-align:center}.grade-badge[data-v-3c5dd59e]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:4px 10px;border-radius:12px;font-size:8px;font-weight:700;display:inline-block}.item-rank-change[data-v-3c5dd59e]{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700}.item-rank-change.up[data-v-3c5dd59e]{color:#27ae60}.item-rank-change.down[data-v-3c5dd59e]{color:#e74c3c}.empty-state[data-v-3c5dd59e]{text-align:center;padding:80px 20px;color:#fff}.empty-icon[data-v-3c5dd59e]{font-size:64px;margin-bottom:24px;opacity:.9}.empty-title[data-v-3c5dd59e]{font-size:16px;margin-bottom:16px}.empty-text[data-v-3c5dd59e]{font-size:10px;opacity:.8;line-height:1.6;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto}.retry-btn[data-v-3c5dd59e]{background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #2C3E50;color:#2c3e50;padding:14px 28px;border-radius:12px;cursor:pointer;transition:all .3s;font-weight:700;font-size:10px}.retry-btn[data-v-3c5dd59e]:hover{background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #5cb85c66}.last-updated[data-v-3c5dd59e]{text-align:center;color:#ffffffb3;font-size:8px;margin-top:24px}.confetti-container[data-v-3c5dd59e]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti[data-v-3c5dd59e]{position:absolute;width:10px;height:10px;animation:confettiFall-3c5dd59e 3s linear infinite}.list-slide-enter-active[data-v-3c5dd59e],.list-slide-leave-active[data-v-3c5dd59e]{transition:all .5s}.list-slide-enter-from[data-v-3c5dd59e]{opacity:0;transform:translate(-30px)}.list-slide-leave-to[data-v-3c5dd59e]{opacity:0;transform:translate(30px)}.leaderboard-description[data-v-3c5dd59e]{margin:15px auto;padding:0 20px;max-width:640px;text-align:center}.contest-timer-wrapper[data-v-3c5dd59e]{position:relative;margin:20px auto}.timer-icon-top[data-v-3c5dd59e]{font-size:48px;text-align:center;margin-bottom:-10px;animation:swing-3c5dd59e 2s ease infinite;z-index:10;position:relative}.description-text[data-v-3c5dd59e]{font-family:"Press Start 2P",monospace;font-size:10px;color:#666;line-height:1.6;background:#fffc;padding:12px 20px;border-radius:12px;border:2px solid rgba(0,0,0,.1);animation:fadeInUp .5s ease-out}.contest-timer-container[data-v-3c5dd59e]{margin:0 auto 10px;padding:0 20px;max-width:640px;width:100%;box-sizing:border-box}.contest-timer-card[data-v-3c5dd59e]{background:linear-gradient(135deg,#ffd700f2,#ff8c00f2);border:3px solid #333;border-radius:12px;padding:16px;box-shadow:0 8px 32px #0000004d;display:flex;align-items:center;justify-content:center;animation:pulse-glow 3s ease infinite}.timer-content[data-v-3c5dd59e]{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.timer-label[data-v-3c5dd59e]{font-size:12px;font-weight:700;margin-bottom:10px;color:#333;font-family:"Press Start 2P",monospace}.timer-display[data-v-3c5dd59e]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:700;margin-bottom:10px;flex-wrap:nowrap;white-space:nowrap}.time-unit[data-v-3c5dd59e]{display:inline-flex;flex-direction:column;align-items:center;background:#ffffffe6;padding:6px 8px;border-radius:8px;border:2px solid #333;min-width:50px;flex-shrink:0}.time-value[data-v-3c5dd59e]{font-size:18px;color:#333;font-family:"Press Start 2P",monospace;line-height:1}.time-label[data-v-3c5dd59e]{font-size:9px;color:#666;font-family:"Press Start 2P",monospace;margin-top:4px;line-height:1}.time-separator[data-v-3c5dd59e]{font-size:16px;color:#333;font-family:"Press Start 2P",monospace;margin:0 2px;flex-shrink:0}.reward-preview[data-v-3c5dd59e]{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#fffc;border-radius:20px;width:fit-content;margin:0 auto}.reward-icon[data-v-3c5dd59e]{font-size:18px}.reward-text[data-v-3c5dd59e]{font-size:11px;font-weight:700;color:#333;font-family:"Press Start 2P",monospace}@keyframes swing-3c5dd59e{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@media(max-width:768px){.leaderboard-page[data-v-3c5dd59e]{padding:12px}.leaderboard-header[data-v-3c5dd59e]{padding:12px;margin-bottom:16px;gap:8px;min-height:50px}.back-btn[data-v-3c5dd59e],.refresh-btn[data-v-3c5dd59e]{padding:8px;font-size:10px}.page-title[data-v-3c5dd59e]{font-size:14px}.filters-container[data-v-3c5dd59e]{padding:16px}.top-three-container[data-v-3c5dd59e]{gap:8px;margin-bottom:20px}.top-player-card[data-v-3c5dd59e]{min-width:100px;padding:12px;border-width:3px;border-radius:16px}.top-player-card.rank-1[data-v-3c5dd59e]{transform:scale(1.05)}.medal-icon[data-v-3c5dd59e]{font-size:28px}.list-header[data-v-3c5dd59e],.ranking-item[data-v-3c5dd59e]{grid-template-columns:45px 1fr 65px 55px;gap:8px;padding:12px 14px}.item-rank .rank-number[data-v-3c5dd59e]{font-size:14px}.player-name[data-v-3c5dd59e]{font-size:10px;max-width:120px}.mini-avatar[data-v-3c5dd59e]{width:32px;height:32px}.tab-buttons[data-v-3c5dd59e]{justify-content:center}.tab-btn[data-v-3c5dd59e]{font-size:8px;padding:8px 12px}.leaderboard-description[data-v-3c5dd59e]{padding:0 12px;margin:10px auto}.description-text[data-v-3c5dd59e]{font-size:8px;padding:10px 15px}.contest-timer-wrapper[data-v-3c5dd59e]{margin:16px auto}.timer-icon-top[data-v-3c5dd59e]{font-size:36px;margin-bottom:-8px}.contest-timer-container[data-v-3c5dd59e]{padding:0 12px;margin:0 auto 8px}.contest-timer-card[data-v-3c5dd59e]{padding:12px;gap:12px}.timer-icon[data-v-3c5dd59e]{font-size:28px}.timer-label[data-v-3c5dd59e]{font-size:10px}.timer-display[data-v-3c5dd59e]{gap:6px;font-size:14px;flex-wrap:wrap}.time-unit[data-v-3c5dd59e]{min-width:45px;padding:4px 6px}.time-value[data-v-3c5dd59e]{font-size:16px}.time-label[data-v-3c5dd59e]{font-size:8px}.time-separator[data-v-3c5dd59e]{font-size:14px;margin:0 2px}.reward-text[data-v-3c5dd59e]{font-size:9px}}@media(max-width:480px){.tab-btn .tab-text[data-v-3c5dd59e]{display:none}.tab-btn[data-v-3c5dd59e]{padding:10px}.tab-icon[data-v-3c5dd59e]{font-size:20px}.list-header[data-v-3c5dd59e]{display:none}.ranking-item[data-v-3c5dd59e]{grid-template-columns:1fr;gap:8px;padding:12px}.ranking-item>div[data-v-3c5dd59e]{display:flex;justify-content:space-between;align-items:center}.item-avatar[data-v-3c5dd59e]{position:absolute;top:12px;right:12px}.filter-label[data-v-3c5dd59e],.empty-text[data-v-3c5dd59e]{font-size:8px}.user-rank-card[data-v-3c5dd59e]{flex-direction:column;text-align:center}.rank-number[data-v-3c5dd59e]{font-size:24px}.item-rank .rank-number[data-v-3c5dd59e]{font-size:13px}.top-three-container[data-v-3c5dd59e]{gap:6px;margin-bottom:16px}.top-player-card[data-v-3c5dd59e]{min-width:90px;padding:10px;border-width:2px;border-radius:12px}.top-player-card.rank-1[data-v-3c5dd59e]{transform:scale(1.03)}}.modal-overlay[data-v-0ca07a4c]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-container[data-v-0ca07a4c]{position:relative;background:#fff;border:3px solid var(--border-dark);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;width:100%;padding:30px;animation:modal-bounce-0ca07a4c .3s ease-out}@keyframes modal-bounce-0ca07a4c{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.close-btn[data-v-0ca07a4c]{position:absolute;top:12px;right:12px;width:32px;height:32px;border:2px solid var(--border-dark);border-radius:50%;background:#fff;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn[data-v-0ca07a4c]:hover{background:#f5f5f5;transform:rotate(90deg)}.modal-header[data-v-0ca07a4c]{text-align:center;margin-bottom:24px}.modal-title[data-v-0ca07a4c]{font-size:20px;font-weight:700;color:var(--text-dark);margin:0 0 12px;font-family:"Press Start 2P",monospace}.modal-message[data-v-0ca07a4c]{font-size:14px;color:#666;margin:0;line-height:1.5}.modal-actions[data-v-0ca07a4c]{display:flex;flex-direction:column;gap:12px}.pixel-btn[data-v-0ca07a4c]{width:100%;padding:14px;font-size:14px;font-family:"Press Start 2P",monospace;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary[data-v-0ca07a4c]{background:var(--primary-blue);color:#fff;box-shadow:0 4px #3498db}.btn-primary[data-v-0ca07a4c]:hover{transform:translateY(-2px);box-shadow:0 6px #3498db}.btn-success[data-v-0ca07a4c]{background:var(--primary-green);color:#fff;box-shadow:0 4px #4a9b4a}.btn-success[data-v-0ca07a4c]:hover{transform:translateY(-2px);box-shadow:0 6px #4a9b4a}.btn-gray[data-v-0ca07a4c]{background:#95a5a6;color:#fff;box-shadow:0 4px #7f8c8d}.btn-gray[data-v-0ca07a4c]:hover{transform:translateY(-2px);box-shadow:0 6px #7f8c8d}.pixel-btn[data-v-0ca07a4c]:active{transform:translateY(0)}.btn-icon[data-v-0ca07a4c]{font-size:16px}.guest-progress[data-v-0ca07a4c]{margin-top:24px;padding:16px;background:linear-gradient(135deg,#5bc0de1a,#9b59b61a);border:2px dashed var(--primary-blue);border-radius:8px}.progress-title[data-v-0ca07a4c]{font-size:12px;font-weight:700;color:var(--text-dark);margin:0 0 12px;font-family:"Press Start 2P",monospace}.progress-items[data-v-0ca07a4c]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.progress-item[data-v-0ca07a4c]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:2px solid var(--border-dark);border-radius:20px}.item-icon[data-v-0ca07a4c]{font-size:16px}.item-value[data-v-0ca07a4c]{font-size:11px;color:var(--text-dark);font-weight:700}.progress-hint[data-v-0ca07a4c]{font-size:11px;color:var(--primary-green);margin:0;font-weight:700;text-align:center}.modal-fade-enter-active[data-v-0ca07a4c],.modal-fade-leave-active[data-v-0ca07a4c]{transition:opacity .3s}.modal-fade-enter-from[data-v-0ca07a4c],.modal-fade-leave-to[data-v-0ca07a4c]{opacity:0}@media(max-width:480px){.modal-container[data-v-0ca07a4c]{padding:20px}.modal-title[data-v-0ca07a4c]{font-size:16px}.modal-message[data-v-0ca07a4c]{font-size:12px}.pixel-btn[data-v-0ca07a4c]{font-size:12px;padding:12px}.progress-title[data-v-0ca07a4c],.item-value[data-v-0ca07a4c]{font-size:10px}}.friends-page[data-v-5ab38c8b]{width:100%;min-height:100vh;background:url(/basement.png) center/cover no-repeat;padding:20px 20px 66px;font-family:"Press Start 2P",monospace;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.floating-elements[data-v-5ab38c8b]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.floating-star[data-v-5ab38c8b]{position:absolute;font-size:30px;opacity:.15;animation:float-5ab38c8b 20s infinite ease-in-out}.floating-star[data-v-5ab38c8b]:nth-child(1){top:10%;left:10%}.floating-star[data-v-5ab38c8b]:nth-child(2){top:20%;right:15%}.floating-star[data-v-5ab38c8b]:nth-child(3){bottom:30%;left:20%}.floating-star[data-v-5ab38c8b]:nth-child(4){bottom:20%;right:10%}.floating-star[data-v-5ab38c8b]:nth-child(5){top:40%;left:45%}.floating-star[data-v-5ab38c8b]:nth-child(6){top:60%;right:35%}@keyframes float-5ab38c8b{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(5deg)}50%{transform:translateY(0) rotate(-5deg)}75%{transform:translateY(30px) rotate(5deg)}}.leaderboard-header[data-v-5ab38c8b]{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;padding:16px;border-radius:16px;border:3px solid #2c3e50;box-shadow:0 4px 20px #0000001a;position:relative;flex-wrap:nowrap;gap:12px;min-height:60px;z-index:1}.back-btn[data-v-5ab38c8b],.refresh-btn[data-v-5ab38c8b]{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #2c3e50;color:#2c3e50;padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .3s;font-weight:700;box-shadow:0 2px 10px #0000001a;min-height:44px;min-width:44px}.back-btn[data-v-5ab38c8b]:hover,.refresh-btn[data-v-5ab38c8b]:hover{background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #5cb85c66}.page-title[data-v-5ab38c8b]{color:#2c3e50;font-size:20px;text-align:center;display:flex;align-items:center;gap:10px;flex:1;justify-content:center;margin:0 8px}.refresh-icon.spinning[data-v-5ab38c8b]{animation:spin-5ab38c8b 1s linear infinite}@keyframes spin-5ab38c8b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-banner[data-v-5ab38c8b]{position:relative;z-index:5;display:flex;justify-content:center;padding:16px;background:#ffffff0d}.stat-badge[data-v-5ab38c8b]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;border-radius:20px;color:#fff;font-size:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tab-nav[data-v-5ab38c8b]{position:relative;z-index:5;display:flex;gap:4px;background:#ffffff14}.tab-btn[data-v-5ab38c8b]{flex:1;padding:12px;background:#fffc;border:2px solid #333;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;cursor:pointer;transition:all .3s;font-family:"Press Start 2P",monospace;white-space:nowrap}.tab-btn[data-v-5ab38c8b]:hover{transform:translateY(-2px);box-shadow:0 4px #0000004d}.tab-btn.active[data-v-5ab38c8b]{background:gold;transform:translateY(2px);box-shadow:inset 0 2px #0000004d}.tab-icon[data-v-5ab38c8b]{font-size:16px}.tab-label[data-v-5ab38c8b]{font-size:10px}.tab-badge[data-v-5ab38c8b]{padding:2px 6px;background:#f44;color:#fff;border-radius:10px;font-size:10px}.tab-content[data-v-5ab38c8b]{position:relative;z-index:5;margin-top:10px}.friends-list[data-v-5ab38c8b]{display:flex;flex-direction:column;gap:16px}.friend-card[data-v-5ab38c8b]{display:flex;align-items:center;gap:16px;padding:16px;background:#fffffff2;border:3px solid #333;box-shadow:4px 4px #0000004d;transition:all .3s}.friend-card[data-v-5ab38c8b]:hover{transform:translateY(-2px);box-shadow:6px 6px #0006}.friend-avatar[data-v-5ab38c8b]{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid #333;flex-shrink:0}.friend-avatar img[data-v-5ab38c8b]{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.online-indicator[data-v-5ab38c8b]{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#4caf50;border:2px solid #fff;border-radius:50%}.friend-info[data-v-5ab38c8b]{flex:1;min-width:0}.friend-name[data-v-5ab38c8b]{font-size:14px;margin-bottom:8px;color:#333;font-family:"Press Start 2P",monospace}.friend-stats[data-v-5ab38c8b]{display:flex;gap:12px;margin-bottom:8px}.stat-item[data-v-5ab38c8b]{display:flex;align-items:center;gap:4px;font-size:11px;color:#666}.stat-icon[data-v-5ab38c8b]{font-size:14px}.friend-progress[data-v-5ab38c8b]{display:flex;gap:12px;font-size:10px;color:#888}.progress-label[data-v-5ab38c8b]{color:#999}.progress-value[data-v-5ab38c8b]{color:#333;font-weight:700}.friend-actions[data-v-5ab38c8b]{display:flex;flex-direction:column;gap:8px}.action-btn[data-v-5ab38c8b]{padding:8px 12px;background:linear-gradient(135deg,#5cb85c,#4cae4c);color:#fff;border:2px solid #333;border-radius:6px;font-size:10px;cursor:pointer;transition:all .3s;font-family:"Press Start 2P",monospace;white-space:nowrap}.action-btn[data-v-5ab38c8b]:hover:not(:disabled){transform:scale(1.05);box-shadow:2px 2px #0000004d}.action-btn[data-v-5ab38c8b]:disabled,.action-btn.disabled[data-v-5ab38c8b]{opacity:.5;cursor:not-allowed;background:#ccc}.heart-btn[data-v-5ab38c8b]:not(.disabled){background:linear-gradient(135deg,#ff6b6b,#ff8787)}.invite-section[data-v-5ab38c8b],.search-section[data-v-5ab38c8b]{padding:24px;background:#fffffff2;border:3px solid #333;box-shadow:4px 4px #0000004d;margin-bottom:20px}.section-title[data-v-5ab38c8b]{font-size:14px;margin-bottom:16px;color:#333;font-family:"Press Start 2P",monospace}.invite-code-display[data-v-5ab38c8b],.search-input-group[data-v-5ab38c8b]{display:flex;gap:12px;margin-bottom:12px}.code-input[data-v-5ab38c8b],.search-input[data-v-5ab38c8b]{flex:1;padding:12px;font-size:14px;font-family:monospace;text-align:center;background:#f5f5f5;border:2px solid #333;border-radius:4px}.copy-btn[data-v-5ab38c8b],.add-btn[data-v-5ab38c8b]{padding:12px 20px;background:linear-gradient(135deg,#5cb85c,#4cae4c);color:#fff;border:2px solid #333;border-radius:4px;font-size:11px;cursor:pointer;transition:all .3s;font-family:"Press Start 2P",monospace}.copy-btn[data-v-5ab38c8b]:hover,.add-btn[data-v-5ab38c8b]:hover:not(:disabled){transform:scale(1.05);box-shadow:2px 2px #0000004d}.add-btn[data-v-5ab38c8b]:disabled{opacity:.5;cursor:not-allowed;background:#ccc}.invite-hint[data-v-5ab38c8b]{font-size:11px;color:#666;text-align:center}.message[data-v-5ab38c8b]{padding:10px;border-radius:4px;font-size:12px;text-align:center;margin-top:12px}.message.success[data-v-5ab38c8b]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-5ab38c8b]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.empty-state[data-v-5ab38c8b]{text-align:center;padding:60px 20px;background:#fffffff2;border:3px solid #333;box-shadow:4px 4px #0000004d;border-radius:8px}.empty-icon[data-v-5ab38c8b]{font-size:48px;margin-bottom:16px}.empty-text[data-v-5ab38c8b]{font-size:14px;color:#333;margin-bottom:8px;font-family:"Press Start 2P",monospace}.empty-hint[data-v-5ab38c8b]{font-size:11px;color:#666}.loading-state[data-v-5ab38c8b]{text-align:center;padding:60px;color:#fff;font-size:14px;font-family:"Press Start 2P",monospace}.copy-toast[data-v-5ab38c8b]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#28283cfa;color:#fff;padding:20px 30px;border-radius:15px;border:2px solid #5cb85c;box-shadow:0 5px 25px #00000080;z-index:10001;display:flex;align-items:center;gap:15px;font-family:"Press Start 2P",monospace;font-size:12px}.toast-icon[data-v-5ab38c8b]{font-size:24px}.toast-text[data-v-5ab38c8b]{line-height:1.5}.toast-fade-enter-active[data-v-5ab38c8b],.toast-fade-leave-active[data-v-5ab38c8b]{transition:all .3s ease}.toast-fade-enter-from[data-v-5ab38c8b]{opacity:0;transform:translate(-50%,-40%) scale(.9)}.toast-fade-leave-to[data-v-5ab38c8b]{opacity:0;transform:translate(-50%,-60%) scale(.9)}@media(max-width:768px){.friends-header[data-v-5ab38c8b]{padding:16px}.page-title[data-v-5ab38c8b]{font-size:18px}.title-icon[data-v-5ab38c8b]{font-size:24px}.back-btn[data-v-5ab38c8b],.refresh-btn[data-v-5ab38c8b]{padding:8px 12px;font-size:10px;min-height:44px;min-width:44px}.tab-btn[data-v-5ab38c8b]{padding:10px 8px;font-size:10px}.friend-card[data-v-5ab38c8b]{padding:12px}.friend-avatar[data-v-5ab38c8b]{width:50px;height:50px}.friend-name[data-v-5ab38c8b]{font-size:12px}.friend-actions[data-v-5ab38c8b]{flex-direction:row}}@media(max-width:480px){.page-title[data-v-5ab38c8b]{font-size:14px}.tab-nav[data-v-5ab38c8b]{gap:2px}.tab-btn[data-v-5ab38c8b]{padding:8px 4px}.tab-label[data-v-5ab38c8b]{display:none}.friend-stats[data-v-5ab38c8b]{flex-wrap:wrap}.friend-progress[data-v-5ab38c8b]{flex-direction:column;gap:4px}}.shop-page[data-v-942b5b38]{width:100%;min-height:100vh;background:url(/shop.png) center top no-repeat fixed;background-size:100% auto;padding:20px 20px 66px;font-family:"Press Start 2P",monospace;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.leaderboard-header[data-v-942b5b38]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fffffff2;padding:16px;border-radius:16px;border:3px solid #2c3e50;box-shadow:0 4px 20px #0000001a;position:relative;flex-wrap:nowrap;gap:12px;min-height:60px;z-index:1}.back-btn[data-v-942b5b38]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #2c3e50;color:#2c3e50;padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .3s;font-weight:700;box-shadow:0 2px 10px #0000001a}.back-btn[data-v-942b5b38]:hover{background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #5cb85c66}.page-title[data-v-942b5b38]{color:#2c3e50;font-size:20px;text-align:center;display:flex;align-items:center;gap:10px;flex:1;justify-content:center;margin:0 8px}.inventory-btn[data-v-942b5b38]{position:relative;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #2c3e50;color:#2c3e50;padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .3s;font-weight:700;box-shadow:0 2px 10px #0000001a}.inventory-btn[data-v-942b5b38]:hover{background:linear-gradient(135deg,#5bc0de,#31b0d5);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #5bc0de66}.inventory-icon[data-v-942b5b38]{font-size:20px}.inventory-badge[data-v-942b5b38]{position:absolute;top:-5px;right:-5px;background:var(--primary-red);color:#fff;border-radius:10px;padding:2px 6px;font-family:"Press Start 2P",monospace;font-size:8px;border:2px solid var(--border-dark);box-shadow:0 2px #0000004d}.gem-balance-section[data-v-942b5b38]{padding:10px}.gem-balance-card[data-v-942b5b38]{background:linear-gradient(135deg,gold,orange);border:3px solid #2c3e50;border-radius:20px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 6px 20px #0003}.gem-icon-wrapper[data-v-942b5b38]{width:60px;height:60px;background:#ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center}.gem-icon-large[data-v-942b5b38]{font-size:36px;animation:sparkle-942b5b38 2s ease-in-out infinite}@keyframes sparkle-942b5b38{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.gem-info[data-v-942b5b38]{flex:1;color:#fff}.gem-amount[data-v-942b5b38]{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.gem-number[data-v-942b5b38]{font-size:32px;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.gem-label[data-v-942b5b38]{font-size:14px;opacity:.9}.gem-hint[data-v-942b5b38]{font-size:10px;opacity:.8}.shop-tabs[data-v-942b5b38]{display:flex;gap:12px;padding:0 20px 20px;justify-content:center}.tab-btn[data-v-942b5b38]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:3px solid #2c3e50;border-radius:12px;cursor:pointer;transition:all .3s;font-size:10px;font-weight:700;color:#2c3e50;white-space:nowrap}.tab-btn[data-v-942b5b38]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.tab-btn.active[data-v-942b5b38]{background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;border-color:#4a934a}.tab-icon[data-v-942b5b38]{font-size:16px}.shop-items-container[data-v-942b5b38]{padding:0 20px 20px}.shop-items-grid[data-v-942b5b38]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.shop-item-card[data-v-942b5b38]{background:#fff;border:3px solid #2c3e50;border-radius:16px;padding:20px;position:relative;transition:all .3s;display:flex;flex-direction:column}.shop-item-card[data-v-942b5b38]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.shop-item-card.out-of-stock[data-v-942b5b38]{opacity:.7;filter:grayscale(.5)}.item-badge[data-v-942b5b38]{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;padding:4px 12px;border-radius:20px;font-size:8px;font-weight:700;border:2px solid #2c3e50}.item-owned[data-v-942b5b38]{position:absolute;top:10px;left:10px;background:#5cb85cf2;color:#fff;padding:4px 8px;border-radius:10px;font-size:9px;font-weight:700;border:2px solid var(--border-dark);box-shadow:0 2px #0000004d;font-family:"Press Start 2P",monospace;z-index:1}.item-icon[data-v-942b5b38]{width:80px;height:80px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.item-emoji[data-v-942b5b38]{font-size:40px}.item-info[data-v-942b5b38]{flex:1;text-align:center;margin-bottom:16px}.item-name[data-v-942b5b38]{font-size:12px;color:#2c3e50;margin-bottom:8px}.item-description[data-v-942b5b38]{font-size:8px;color:#7f8c8d;line-height:1.4;margin-bottom:12px}.item-stats[data-v-942b5b38]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.stat[data-v-942b5b38]{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label[data-v-942b5b38]{font-size:7px;color:#95a5a6}.stat-value[data-v-942b5b38]{font-size:10px;color:#27ae60;font-weight:700}.item-footer[data-v-942b5b38]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid #ecf0f1}.item-price[data-v-942b5b38]{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:#2c3e50}.price-icon[data-v-942b5b38]{font-size:20px}.buy-btn[data-v-942b5b38]{padding:10px 20px;background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;border:3px solid #4a934a;border-radius:10px;cursor:pointer;transition:all .3s;font-size:9px;font-weight:700}.buy-btn[data-v-942b5b38]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #5cb85c4d}.buy-btn[data-v-942b5b38]:disabled{background:#bdc3c7;border-color:#95a5a6;cursor:not-allowed;opacity:.7}.modal-overlay[data-v-942b5b38]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.purchase-modal[data-v-942b5b38]{background:#fff;border:3px solid #2c3e50;border-radius:20px;padding:32px;max-width:400px;width:100%;animation:slideUp-942b5b38 .3s ease-out}@keyframes slideUp-942b5b38{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title[data-v-942b5b38]{font-size:16px;color:#2c3e50;margin-bottom:24px;text-align:center}.purchase-preview[data-v-942b5b38]{text-align:center;margin-bottom:24px}.preview-icon[data-v-942b5b38]{width:60px;height:60px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:32px}.preview-name[data-v-942b5b38]{font-size:12px;color:#2c3e50;margin-bottom:8px}.preview-description[data-v-942b5b38]{font-size:8px;color:#7f8c8d;line-height:1.4}.purchase-cost[data-v-942b5b38]{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;margin-bottom:16px;padding:12px;background:#fff9e6;border-radius:10px;border:2px solid #f0ad4e}.cost-label[data-v-942b5b38]{color:#7f8c8d}.cost-amount[data-v-942b5b38]{font-weight:700;color:#f39c12;display:flex;align-items:center;gap:4px}.purchase-balance[data-v-942b5b38]{display:flex;align-items:center;justify-content:space-around;margin-bottom:24px;padding:12px;background:#f8f9fa;border-radius:10px;font-size:10px}.balance-before[data-v-942b5b38],.balance-after[data-v-942b5b38]{display:flex;flex-direction:column;align-items:center;gap:4px}.balance-arrow[data-v-942b5b38]{font-size:16px;color:#95a5a6}.modal-actions[data-v-942b5b38]{display:flex;gap:12px}.cancel-btn[data-v-942b5b38],.confirm-btn[data-v-942b5b38]{flex:1;padding:12px;border:3px solid #2c3e50;border-radius:10px;cursor:pointer;transition:all .3s;font-size:10px;font-weight:700}.cancel-btn[data-v-942b5b38]{background:#fff;color:#2c3e50}.cancel-btn[data-v-942b5b38]:hover{background:#ecf0f1}.confirm-btn[data-v-942b5b38]{background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;border-color:#4a934a}.confirm-btn[data-v-942b5b38]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5cb85c4d}.success-message[data-v-942b5b38]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;padding:20px 40px;border-radius:20px;border:3px solid #2c3e50;box-shadow:0 8px 32px #0000004d;display:flex;align-items:center;gap:12px;font-size:14px;z-index:2000}.success-icon[data-v-942b5b38]{font-size:24px;animation:rotate-942b5b38 1s ease-in-out}@keyframes rotate-942b5b38{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-enter-active[data-v-942b5b38],.fade-leave-active[data-v-942b5b38]{transition:opacity .3s}.fade-enter-from[data-v-942b5b38],.fade-leave-to[data-v-942b5b38]{opacity:0}@media(max-width:768px){.shop-items-grid[data-v-942b5b38]{grid-template-columns:1fr}.leaderboard-header[data-v-942b5b38]{padding:12px;margin-bottom:16px;gap:8px;min-height:50px}.back-btn[data-v-942b5b38],.inventory-btn[data-v-942b5b38]{padding:8px;font-size:10px}.page-title[data-v-942b5b38]{font-size:14px}.inventory-icon[data-v-942b5b38]{font-size:16px}.gem-number[data-v-942b5b38]{font-size:24px}.header-spacer[data-v-942b5b38]{width:60px}}@media(max-width:480px){.shop-tabs[data-v-942b5b38]{padding:0 15px 15px}.tab-btn[data-v-942b5b38]{padding:10px 12px;font-size:8px}.tab-name[data-v-942b5b38]{display:none}.tab-icon[data-v-942b5b38]{font-size:20px}.purchase-modal[data-v-942b5b38]{padding:24px}.modal-title[data-v-942b5b38]{font-size:14px}}.inventory-page[data-v-16454f49]{width:100%;min-height:100vh;background:url(/basement.png) center/cover no-repeat;padding:20px 20px 66px;font-family:"Press Start 2P",monospace;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.floating-elements[data-v-16454f49]{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.floating-star[data-v-16454f49]{position:absolute;font-size:20px;animation:float-16454f49 20s linear infinite;opacity:.3}@keyframes float-16454f49{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-100px) rotate(360deg)}}.floating-star[data-v-16454f49]:nth-child(1){left:10%;animation-delay:0s}.floating-star[data-v-16454f49]:nth-child(2){left:25%;animation-delay:3s}.floating-star[data-v-16454f49]:nth-child(3){left:40%;animation-delay:6s}.floating-star[data-v-16454f49]:nth-child(4){left:55%;animation-delay:9s}.floating-star[data-v-16454f49]:nth-child(5){left:70%;animation-delay:12s}.floating-star[data-v-16454f49]:nth-child(6){left:85%;animation-delay:15s}.leaderboard-header[data-v-16454f49]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fffffff2;padding:16px;border-radius:16px;border:3px solid #2C3E50;box-shadow:0 4px 20px #0000001a;position:relative;flex-wrap:nowrap;gap:12px;min-height:60px;z-index:1}.back-btn[data-v-16454f49],.refresh-btn[data-v-16454f49]{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #2C3E50;color:#2c3e50;padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .3s;font-weight:700;box-shadow:0 2px 10px #0000001a}.back-btn[data-v-16454f49]:hover,.refresh-btn[data-v-16454f49]:hover{background:linear-gradient(135deg,#5cb85c,#4a934a);color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #5cb85c66}.page-title[data-v-16454f49]{color:#2c3e50;font-size:20px;text-align:center;display:flex;align-items:center;gap:10px;flex:1;justify-content:center;margin:0 8px;white-space:nowrap}.refresh-icon.spinning[data-v-16454f49]{animation:spin-16454f49 1s linear infinite}@keyframes spin-16454f49{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resource-stats[data-v-16454f49]{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.stat-card[data-v-16454f49]{display:flex;align-items:center;gap:10px;padding:15px 20px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-icon[data-v-16454f49]{font-size:28px}.stat-info[data-v-16454f49]{display:flex;flex-direction:column;align-items:center}.stat-value[data-v-16454f49]{font-family:"Press Start 2P",monospace;font-size:16px;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.stat-label[data-v-16454f49]{font-size:10px;color:#fffc;margin-top:4px}.inventory-tabs[data-v-16454f49]{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.tab-btn[data-v-16454f49]{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:12px;background:#ffffff1a;color:#ffffffb3;border:2px solid rgba(255,255,255,.2);border-radius:20px;transition:all .3s ease;white-space:nowrap}.tab-btn.active[data-v-16454f49]{background:#ffffff40;color:#fff;border-color:#ffffff80;transform:scale(1.05)}.tab-btn[data-v-16454f49]:hover:not(.active){background:#ffffff26;color:#ffffffe6}.tab-icon[data-v-16454f49]{font-size:16px}.tab-name[data-v-16454f49]{font-family:"Press Start 2P",monospace;font-size:10px}.items-container[data-v-16454f49]{max-width:1200px;margin:0 auto;min-height:300px}.empty-message[data-v-16454f49]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon[data-v-16454f49]{font-size:64px;margin-bottom:20px;opacity:.5}.empty-message p[data-v-16454f49]{font-family:"Press Start 2P",monospace;font-size:12px;color:#fff9}.items-grid[data-v-16454f49]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.item-card[data-v-16454f49]{position:relative;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.item-card[data-v-16454f49]:hover{transform:translateY(-5px);background:#ffffff26;border-color:#fff6;box-shadow:0 10px 30px #0003}.item-card.active-item[data-v-16454f49]{background:#5cb85c33;border-color:var(--primary-green)}.item-quantity[data-v-16454f49]{position:absolute;top:10px;right:10px;background:var(--primary-yellow);color:#fff;padding:4px 8px;border-radius:10px;font-family:"Press Start 2P",monospace;font-size:10px;border:2px solid var(--border-dark)}.item-icon[data-v-16454f49]{text-align:center;margin-bottom:15px}.item-emoji[data-v-16454f49]{font-size:48px}.item-info[data-v-16454f49]{margin-bottom:15px}.item-name[data-v-16454f49]{font-family:"Press Start 2P",monospace;font-size:14px;color:#fff;margin-bottom:8px;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.item-description[data-v-16454f49]{font-size:12px;color:#fffc;line-height:1.5;margin-bottom:10px}.item-status[data-v-16454f49],.item-expires[data-v-16454f49]{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px}.status-label[data-v-16454f49],.expires-label[data-v-16454f49]{color:#fff9}.status-value[data-v-16454f49],.expires-value[data-v-16454f49]{color:var(--primary-green);font-weight:700}.expires-value[data-v-16454f49]{color:var(--primary-yellow)}.item-actions[data-v-16454f49]{margin-top:15px}.use-btn[data-v-16454f49]{width:100%;padding:10px;font-size:12px;background:var(--primary-blue);color:#fff;border:2px solid var(--border-dark);transition:all .3s ease}.use-btn[data-v-16454f49]:hover:not(:disabled){background:var(--primary-green);transform:translateY(-2px);box-shadow:0 4px 0 var(--border-dark)}.use-btn[data-v-16454f49]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.inventory-page[data-v-16454f49]{padding:15px}.page-title[data-v-16454f49]{font-size:14px}.resource-stats[data-v-16454f49]{flex-wrap:wrap;gap:10px}.stat-card[data-v-16454f49]{padding:10px 15px}.items-grid[data-v-16454f49]{grid-template-columns:1fr;gap:15px}}@media(max-width:480px){.inventory-header[data-v-16454f49]{flex-direction:column;gap:15px;align-items:stretch}.header-spacer[data-v-16454f49]{display:none}.back-btn[data-v-16454f49]{width:100%;justify-content:center}.inventory-tabs[data-v-16454f49]{flex-wrap:wrap}.tab-btn[data-v-16454f49]{flex:1;min-width:100px}.stat-card[data-v-16454f49]{padding:8px 12px}.stat-icon[data-v-16454f49]{font-size:22px}}.subscription-page[data-v-b1d760df]{min-height:100vh;background:linear-gradient(180deg,#f3e5f5,#e1bee7);position:relative}.home-header[data-v-b1d760df]{position:absolute;top:0;left:0;right:0;z-index:100;padding:20px;display:flex;justify-content:center;align-items:flex-start}.home-logo[data-v-b1d760df]{width:150px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));cursor:pointer}.home-logo[data-v-b1d760df]:hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transform:scale(1.05);transition:all .2s}.home-btn[data-v-b1d760df]{position:absolute;left:20px;top:20px;width:50px;height:50px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:3px solid var(--border-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 0 var(--border-dark)}.home-btn[data-v-b1d760df]:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--border-dark);background:linear-gradient(135deg,#229954,#27ae60)}.home-btn[data-v-b1d760df]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-dark)}.home-btn span[data-v-b1d760df]{font-size:24px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3))}.profile-icon[data-v-b1d760df]{position:absolute;right:20px;top:20px;width:50px;height:50px;background:#fff;border:3px solid var(--border-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 0 var(--border-dark)}.profile-icon[data-v-b1d760df]:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--border-dark)}.profile-icon[data-v-b1d760df]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-dark)}.profile-icon span[data-v-b1d760df]{font-size:24px}.content-wrapper[data-v-b1d760df]{padding:100px 20px 20px;max-width:1200px;margin:0 auto}.page-header[data-v-b1d760df]{text-align:center;margin-bottom:40px}.pixel-title[data-v-b1d760df]{font-size:24px;color:var(--primary-purple);margin-bottom:10px}.subtitle[data-v-b1d760df]{color:#666;font-size:14px}.current-status[data-v-b1d760df]{margin-bottom:40px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.current-status h3[data-v-b1d760df]{margin-bottom:15px;font-size:16px}.status-info[data-v-b1d760df]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.status-badge[data-v-b1d760df]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;background:#fff3}.status-badge.active[data-v-b1d760df]{background:var(--primary-green)}.expire-date[data-v-b1d760df],.days-remaining[data-v-b1d760df]{font-size:12px}.plans-grid[data-v-b1d760df]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.plan-card[data-v-b1d760df]{padding:30px;position:relative;transition:all .3s ease;background:#fffffff2}.plan-card[data-v-b1d760df]:hover,.plan-card[data-v-b1d760df]:before{transform:translateY(-5px);box-shadow:0 10px 30px #00000026;background:linear-gradient(135deg,#fff5dcf2,#ffe4b5f2)}.plan-card.recommended[data-v-b1d760df]{border:3px solid var(--primary-yellow);background:linear-gradient(135deg,#fff5dcf2,#ffe4b5f2)}.plan-card.recommended[data-v-b1d760df]:hover{background:linear-gradient(135deg,#fffaf0,#fff0dc)}.ribbon[data-v-b1d760df]{position:absolute;top:-10px;right:20px;background:var(--primary-red);color:#fff;padding:5px 15px;font-size:11px;border-radius:20px;font-weight:700}.plan-name[data-v-b1d760df]{font-size:20px;margin-bottom:20px;color:#2c3e50;font-weight:700}.plan-price[data-v-b1d760df]{margin-bottom:25px}.currency[data-v-b1d760df]{font-size:16px;color:#555;font-weight:500}.amount[data-v-b1d760df]{font-size:36px;font-weight:700;color:#9b59b6;margin:0 5px}.period[data-v-b1d760df]{font-size:14px;color:#555;font-weight:500}.features-list[data-v-b1d760df]{list-style:none;padding:0;margin:25px 0}.features-list li[data-v-b1d760df]{padding:10px 0;display:flex;align-items:center;font-size:13px;color:#333;font-weight:500}.check-icon[data-v-b1d760df]{color:var(--primary-green);margin-right:10px;font-weight:700}.daily-price[data-v-b1d760df]{text-align:center;padding:10px;background:#0000000d;border-radius:8px;margin:20px 0;font-size:12px;color:#555;font-weight:500}.comparison-section[data-v-b1d760df]{margin-bottom:40px;padding:30px}.comparison-section h2[data-v-b1d760df]{margin-bottom:25px;text-align:center;color:var(--primary-purple)}.benefits-grid[data-v-b1d760df]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.benefit-item[data-v-b1d760df]{text-align:center;padding:20px;background:#fffc;border:2px solid #e9ecef;border-radius:12px;transition:all .3s ease}.benefit-item[data-v-b1d760df]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.benefit-icon[data-v-b1d760df]{font-size:48px;display:block;margin-bottom:16px}.benefit-item h3[data-v-b1d760df]{font-size:16px;margin-bottom:8px;color:var(--primary-purple)}.benefit-item p[data-v-b1d760df]{font-size:12px;color:#666;line-height:1.5}.faq-section[data-v-b1d760df]{padding:30px}.faq-section h2[data-v-b1d760df]{margin-bottom:25px;text-align:center;color:var(--primary-purple)}.faq-item[data-v-b1d760df]{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ddd}.faq-item[data-v-b1d760df]:last-child{border-bottom:none}.faq-item h3[data-v-b1d760df]{color:var(--text-dark);margin-bottom:10px;font-size:14px}.faq-item p[data-v-b1d760df]{color:#666;font-size:12px;line-height:1.6}@media(max-width:768px){.plans-grid[data-v-b1d760df]{grid-template-columns:1fr}.benefits-grid[data-v-b1d760df]{grid-template-columns:1fr;gap:16px}.benefit-item[data-v-b1d760df]{padding:16px}.benefit-icon[data-v-b1d760df]{font-size:40px}.benefit-item h3[data-v-b1d760df]{font-size:14px}.benefit-item p[data-v-b1d760df]{font-size:11px}}.payment-callback[data-v-cb52e567]{min-height:100vh;background:linear-gradient(180deg,#f3e5f5,#e1bee7);position:relative}.home-header[data-v-cb52e567]{position:absolute;top:0;left:0;right:0;z-index:100;padding:20px;display:flex;justify-content:center;align-items:flex-start}.home-logo[data-v-cb52e567]{width:150px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));cursor:pointer}.home-logo[data-v-cb52e567]:hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transform:scale(1.05);transition:all .2s}.home-btn[data-v-cb52e567]{position:absolute;left:20px;top:20px;width:50px;height:50px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:3px solid var(--border-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 0 var(--border-dark)}.home-btn[data-v-cb52e567]:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--border-dark);background:linear-gradient(135deg,#229954,#27ae60)}.home-btn[data-v-cb52e567]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-dark)}.home-btn span[data-v-cb52e567]{font-size:24px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3))}.profile-icon[data-v-cb52e567]{position:absolute;right:20px;top:20px;width:50px;height:50px;background:#fff;border:3px solid var(--border-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 0 var(--border-dark)}.profile-icon[data-v-cb52e567]:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--border-dark)}.profile-icon[data-v-cb52e567]:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-dark)}.profile-icon span[data-v-cb52e567]{font-size:24px}.content-wrapper[data-v-cb52e567]{padding:100px 20px 20px;min-height:100vh;display:flex;align-items:center;justify-content:center}.callback-container[data-v-cb52e567]{width:100%;max-width:500px}.callback-card[data-v-cb52e567]{padding:40px;text-align:center;background:#fff;border:4px solid var(--border-dark);box-shadow:8px 8px 0 var(--border-dark)}.success-content[data-v-cb52e567],.pending-content[data-v-cb52e567]{display:flex;flex-direction:column;align-items:center;gap:20px}.success-icon[data-v-cb52e567],.pending-icon[data-v-cb52e567]{font-size:64px;margin-bottom:10px}.pixel-title[data-v-cb52e567]{font-size:24px;color:var(--primary-green);margin-bottom:15px}.pending-content .pixel-title[data-v-cb52e567]{color:var(--primary-yellow)}.success-message[data-v-cb52e567],.pending-message[data-v-cb52e567]{font-size:16px;color:var(--text-dark);line-height:1.6;margin-bottom:20px}.note[data-v-cb52e567]{font-size:12px;color:#666;margin-bottom:20px}.subscription-info[data-v-cb52e567]{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:20px;margin:20px 0;text-align:left;width:100%}.subscription-info h3[data-v-cb52e567]{font-size:16px;color:var(--text-dark);margin-bottom:15px;text-align:center}.info-item[data-v-cb52e567]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.label[data-v-cb52e567]{color:#666;font-weight:400}.value[data-v-cb52e567]{color:var(--text-dark);font-weight:700}.action-buttons[data-v-cb52e567]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.pixel-btn[data-v-cb52e567]{padding:12px 24px;font-size:14px;border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--border-dark);cursor:pointer;font-weight:700;transition:all .2s;min-width:120px}.btn-primary[data-v-cb52e567]{background:var(--primary-green);color:#fff}.btn-blue[data-v-cb52e567]{background:var(--primary-blue);color:#fff}.btn-green[data-v-cb52e567]{background:var(--primary-green);color:#fff}.btn-gray[data-v-cb52e567]{background:#6c757d;color:#fff}.pixel-btn[data-v-cb52e567]:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--border-dark)}@media(max-width:768px){.home-header[data-v-cb52e567]{padding:15px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-logo[data-v-cb52e567]{width:120px}.home-btn[data-v-cb52e567]{width:45px;height:45px;left:15px;top:15px}.home-btn span[data-v-cb52e567]{font-size:20px}.profile-icon[data-v-cb52e567]{width:45px;height:45px;right:15px;top:15px}.profile-icon span[data-v-cb52e567]{font-size:20px}.content-wrapper[data-v-cb52e567]{padding:80px 15px 20px}.callback-card[data-v-cb52e567]{padding:25px}.success-icon[data-v-cb52e567],.pending-icon[data-v-cb52e567]{font-size:48px}.pixel-title[data-v-cb52e567]{font-size:20px}.action-buttons[data-v-cb52e567]{flex-direction:column;align-items:center}.pixel-btn[data-v-cb52e567]{width:200px}}.app-layout[data-v-bb5ad9e2]{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-bb5ad9e2]{position:fixed;top:0;left:0;right:0;height:60px;background:transparent;border:none;z-index:1000;padding:0 20px}.desktop-header[data-v-bb5ad9e2]{height:60px;display:flex;align-items:center;justify-content:space-between}.header-logo[data-v-bb5ad9e2]{height:40px;cursor:pointer;image-rendering:pixelated;transition:transform .2s;background:#fffc;padding:8px;border-radius:8px;box-shadow:0 2px 4px #00000026;border:1px solid rgba(0,0,0,.1)}.header-logo[data-v-bb5ad9e2]:hover{transform:scale(1.05)}.header-spacer[data-v-bb5ad9e2]{flex:1}.mobile-header[data-v-bb5ad9e2]{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.mobile-spacer[data-v-bb5ad9e2]{width:44px}.header-logo.center[data-v-bb5ad9e2]{position:absolute;left:50%;transform:translate(-50%)}.profile-btn[data-v-bb5ad9e2]{width:44px;height:44px;border:1px solid rgba(0,0,0,.1);background:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:8px;box-shadow:0 2px 4px #00000026}.profile-btn[data-v-bb5ad9e2]:hover{background:var(--light-bg);transform:scale(1.05)}.profile-avatar[data-v-bb5ad9e2]{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.profile-icon[data-v-bb5ad9e2]{font-size:24px}.app-main[data-v-bb5ad9e2]{flex:1;margin-top:0;position:relative;min-height:100vh;overflow-y:auto;overflow-x:hidden}.profile-menu[data-v-bb5ad9e2]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.profile-menu-content[data-v-bb5ad9e2]{background:#fff;border:4px solid var(--border-dark);box-shadow:8px 8px 0 var(--border-dark);padding:30px;max-width:300px;width:90%}.profile-info[data-v-bb5ad9e2]{text-align:center;margin-bottom:20px}.menu-avatar[data-v-bb5ad9e2]{width:80px;height:80px;margin-bottom:16px;border:3px solid var(--border-dark)}.menu-avatar-icon[data-v-bb5ad9e2]{font-size:60px;display:block;margin-bottom:16px}.profile-info h3[data-v-bb5ad9e2]{font-size:16px;margin-bottom:8px;color:var(--text-dark)}.profile-info p[data-v-bb5ad9e2]{font-size:13px;color:#666}.profile-stats[data-v-bb5ad9e2]{display:flex;justify-content:center;gap:30px;padding:20px 0;border-top:2px dashed #ddd;border-bottom:2px dashed #ddd;margin-bottom:20px}.stat[data-v-bb5ad9e2]{display:flex;align-items:center;gap:8px}.stat-icon[data-v-bb5ad9e2]{font-size:20px}.stat-value[data-v-bb5ad9e2]{font-size:14px;font-weight:700}.profile-actions[data-v-bb5ad9e2]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-actions .pixel-btn[data-v-bb5ad9e2]{font-size:12px;padding:14px;min-height:48px}.btn-blue[data-v-bb5ad9e2]{background:var(--primary-blue)}.btn-red[data-v-bb5ad9e2]{background:var(--primary-red)}@media(max-width:768px){.app-header[data-v-bb5ad9e2]{height:50px;padding:0 12px}.header-logo[data-v-bb5ad9e2]{height:35px;padding:6px;background:#ffffffbf;box-shadow:0 1px 3px #0000001a}.profile-btn[data-v-bb5ad9e2]{width:40px;height:40px;background:#ffffffbf;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000001a}.app-main[data-v-bb5ad9e2]{margin-top:0;min-height:100vh}}.payment-success[data-v-06abd7a6]{min-height:calc(100vh - 80px);padding:40px 20px;position:relative;overflow:hidden}.success-container[data-v-06abd7a6]{max-width:600px;margin:0 auto;padding:40px;text-align:center;position:relative;z-index:10;background:#fff}.success-animation[data-v-06abd7a6]{margin-bottom:30px}.checkmark-circle[data-v-06abd7a6]{width:100px;height:100px;margin:0 auto;background:var(--primary-green);border-radius:50%;position:relative;animation:scaleIn-06abd7a6 .5s ease-out}.checkmark[data-v-06abd7a6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:50px;border-right:5px solid white;border-bottom:5px solid white;transform:translate(-50%,-60%) rotate(45deg);animation:checkmarkIn-06abd7a6 .5s .3s ease-out forwards;opacity:0}@keyframes scaleIn-06abd7a6{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes checkmarkIn-06abd7a6{to{opacity:1}}.pixel-title[data-v-06abd7a6]{font-size:28px;color:var(--primary-green);margin-bottom:15px}.success-message[data-v-06abd7a6]{color:#666;font-size:14px;margin-bottom:30px}.order-info[data-v-06abd7a6]{background:#f8f8f8;padding:20px;border-radius:8px;margin-bottom:30px;text-align:left}.order-info h3[data-v-06abd7a6]{font-size:16px;margin-bottom:15px;color:var(--text-dark)}.info-row[data-v-06abd7a6]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #ddd}.info-row[data-v-06abd7a6]:last-child{border-bottom:none}.label[data-v-06abd7a6]{color:#666;font-size:13px}.value[data-v-06abd7a6]{font-weight:700;color:var(--text-dark);font-size:13px}.next-steps[data-v-06abd7a6]{margin-bottom:30px}.next-steps h3[data-v-06abd7a6]{font-size:16px;margin-bottom:20px;color:var(--text-dark)}.steps-grid[data-v-06abd7a6]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-card[data-v-06abd7a6]{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;cursor:pointer;transition:transform .3s;display:flex;flex-direction:column;align-items:center;gap:10px}.step-card[data-v-06abd7a6]:hover{transform:translateY(-3px)}.step-icon[data-v-06abd7a6]{font-size:24px}.step-text[data-v-06abd7a6]{font-size:12px}.countdown[data-v-06abd7a6]{color:#999;font-size:12px}.celebration-effects[data-v-06abd7a6]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti[data-v-06abd7a6]{position:absolute;width:10px;height:10px;background:var(--primary-yellow);top:-10px;animation:confettiFall-06abd7a6 3s linear infinite}.confetti[data-v-06abd7a6]:nth-child(2n){background:var(--primary-green);animation-delay:.3s}.confetti[data-v-06abd7a6]:nth-child(3n){background:var(--primary-purple);animation-delay:.6s}.confetti[data-v-06abd7a6]:nth-child(4n){background:var(--primary-red);animation-delay:.9s}.confetti[data-v-06abd7a6]:nth-child(5n){background:var(--primary-blue);animation-delay:1.2s}@keyframes confettiFall-06abd7a6{to{transform:translateY(100vh) rotate(360deg)}}.confetti[data-v-06abd7a6]:nth-child(1){left:5%}.confetti[data-v-06abd7a6]:nth-child(2){left:10%}.confetti[data-v-06abd7a6]:nth-child(3){left:15%}.confetti[data-v-06abd7a6]:nth-child(4){left:20%}.confetti[data-v-06abd7a6]:nth-child(5){left:25%}.confetti[data-v-06abd7a6]:nth-child(6){left:30%}.confetti[data-v-06abd7a6]:nth-child(7){left:35%}.confetti[data-v-06abd7a6]:nth-child(8){left:40%}.confetti[data-v-06abd7a6]:nth-child(9){left:45%}.confetti[data-v-06abd7a6]:nth-child(10){left:50%}.confetti[data-v-06abd7a6]:nth-child(11){left:55%}.confetti[data-v-06abd7a6]:nth-child(12){left:60%}.confetti[data-v-06abd7a6]:nth-child(13){left:65%}.confetti[data-v-06abd7a6]:nth-child(14){left:70%}.confetti[data-v-06abd7a6]:nth-child(15){left:75%}.confetti[data-v-06abd7a6]:nth-child(16){left:80%}.confetti[data-v-06abd7a6]:nth-child(17){left:85%}.confetti[data-v-06abd7a6]:nth-child(18){left:90%}.confetti[data-v-06abd7a6]:nth-child(19){left:95%}.confetti[data-v-06abd7a6]:nth-child(20){left:98%}@media(max-width:768px){.success-container[data-v-06abd7a6]{padding:30px 20px}.steps-grid[data-v-06abd7a6]{grid-template-columns:1fr}.pixel-title[data-v-06abd7a6]{font-size:22px}}.payment-failure[data-v-dd799361]{min-height:calc(100vh - 80px);padding:40px 20px}.failure-container[data-v-dd799361]{max-width:600px;margin:0 auto;padding:40px;text-align:center;background:#fff}.failure-animation[data-v-dd799361]{margin-bottom:30px}.error-circle[data-v-dd799361]{width:100px;height:100px;margin:0 auto;background:var(--primary-red);border-radius:50%;position:relative;animation:shake-dd799361 .5s ease-out;display:flex;align-items:center;justify-content:center}.error-x[data-v-dd799361]{color:#fff;font-size:48px;font-weight:700}@keyframes shake-dd799361{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.pixel-title[data-v-dd799361]{font-size:24px;color:var(--primary-red);margin-bottom:15px}.failure-message[data-v-dd799361]{color:#666;font-size:14px;margin-bottom:20px}.error-details[data-v-dd799361]{background:#fff5f5;border:1px solid var(--primary-red);padding:10px;border-radius:8px;margin-bottom:30px}.error-code[data-v-dd799361]{color:var(--primary-red);font-size:12px;font-family:monospace}.possible-reasons[data-v-dd799361]{background:#f8f8f8;padding:20px;border-radius:8px;margin-bottom:30px;text-align:left}.possible-reasons h3[data-v-dd799361]{font-size:14px;margin-bottom:15px;color:var(--text-dark)}.possible-reasons ul[data-v-dd799361]{list-style:none;padding:0}.possible-reasons li[data-v-dd799361]{color:#666;font-size:13px;position:relative;padding:8px 0 8px 20px}.possible-reasons li[data-v-dd799361]:before{content:"•";position:absolute;left:0;color:var(--primary-red)}.action-buttons[data-v-dd799361]{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.pixel-btn[data-v-dd799361]{width:100%;padding:15px}.btn-primary[data-v-dd799361]{background:var(--primary-green);color:#fff}.btn-secondary[data-v-dd799361]{background:var(--primary-purple);color:#fff}.btn-outline[data-v-dd799361]{background:#fff;border:2px solid #ddd;color:#666}.help-section[data-v-dd799361]{border-top:2px dashed #ddd;padding-top:30px;text-align:left}.help-section h3[data-v-dd799361]{font-size:14px;margin-bottom:10px;color:var(--text-dark)}.help-section>p[data-v-dd799361]{color:#666;font-size:12px;margin-bottom:15px}.contact-info[data-v-dd799361]{background:#f0f0f0;padding:15px;border-radius:8px}.contact-info p[data-v-dd799361]{margin:8px 0;font-size:12px;color:#555}@media(max-width:768px){.failure-container[data-v-dd799361]{padding:30px 20px}@media(min-width:480px){.action-buttons[data-v-dd799361]{flex-direction:row;justify-content:center}.pixel-btn[data-v-dd799361]{width:auto;padding:12px 24px}}}.payment-test[data-v-2e6185f9]{padding:20px;max-width:1200px;margin:0 auto}.test-header[data-v-2e6185f9]{text-align:center;margin-bottom:30px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pixel-title[data-v-2e6185f9]{font-size:24px;margin-bottom:10px}.subtitle[data-v-2e6185f9]{font-size:14px;opacity:.9}.test-info[data-v-2e6185f9]{margin-bottom:30px;padding:25px}.test-info h2[data-v-2e6185f9]{color:var(--text-dark);margin-bottom:20px;font-size:18px}.test-cards[data-v-2e6185f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.card-info[data-v-2e6185f9]{padding:20px;background:#f0f9ff;border:2px solid var(--primary-blue);border-radius:8px}.card-info.failed[data-v-2e6185f9]{background:#fff5f5;border-color:var(--primary-red)}.card-info h3[data-v-2e6185f9]{margin-bottom:15px;font-size:16px}.card-detail[data-v-2e6185f9]{display:flex;align-items:center;margin:10px 0;font-size:13px}.card-detail label[data-v-2e6185f9]{width:80px;color:#666}.card-detail code[data-v-2e6185f9]{background:#fff;padding:5px 10px;border:1px solid #ddd;border-radius:4px;font-family:monospace;margin:0 10px}.copy-btn[data-v-2e6185f9]{background:none;border:none;cursor:pointer;font-size:16px}.test-plans[data-v-2e6185f9]{margin-bottom:30px;padding:25px}.test-plans h2[data-v-2e6185f9]{margin-bottom:20px;font-size:18px;color:var(--text-dark)}.plans-list[data-v-2e6185f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.plan-item[data-v-2e6185f9]{padding:15px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s}.plan-item[data-v-2e6185f9]:hover{border-color:var(--primary-purple);transform:translateY(-2px)}.plan-item.selected[data-v-2e6185f9]{border-color:var(--primary-purple);background:#f0f0ff}.plan-header[data-v-2e6185f9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.plan-header h3[data-v-2e6185f9]{font-size:14px;color:var(--text-dark)}.price[data-v-2e6185f9]{font-weight:700;color:var(--primary-purple)}.plan-desc[data-v-2e6185f9]{font-size:12px;color:#666}.test-actions[data-v-2e6185f9]{margin-bottom:30px;padding:25px}.test-actions h2[data-v-2e6185f9]{margin-bottom:25px;font-size:18px;color:var(--text-dark)}.action-group[data-v-2e6185f9]{margin-bottom:25px;padding-bottom:25px;border-bottom:1px dashed #ddd}.action-group[data-v-2e6185f9]:last-child{border-bottom:none}.action-group h3[data-v-2e6185f9]{margin-bottom:12px;font-size:14px;color:var(--text-dark)}.action-group .pixel-btn[data-v-2e6185f9]{margin-bottom:8px}.hint[data-v-2e6185f9]{font-size:12px;color:#999;margin:8px 0}.test-logs[data-v-2e6185f9]{margin-bottom:30px;padding:25px}.test-logs h2[data-v-2e6185f9]{margin-bottom:20px;font-size:18px;color:var(--text-dark)}.logs-container[data-v-2e6185f9]{background:#1a1a1a;color:#fff;padding:15px;border-radius:8px;max-height:300px;overflow-y:auto;font-family:monospace;font-size:12px;margin-bottom:15px}.log-item[data-v-2e6185f9]{margin:5px 0}.log-time[data-v-2e6185f9]{color:#888;margin-right:10px}.log-type[data-v-2e6185f9]{margin-right:10px}.log-item.info .log-type[data-v-2e6185f9]{color:#5bc0de}.log-item.success .log-type[data-v-2e6185f9]{color:#5cb85c}.log-item.error .log-type[data-v-2e6185f9]{color:#d9534f}.log-item.warning .log-type[data-v-2e6185f9]{color:#f0ad4e}.btn-small[data-v-2e6185f9]{padding:8px 16px;font-size:12px}.test-result[data-v-2e6185f9]{padding:25px}.test-result h2[data-v-2e6185f9]{margin-bottom:20px;font-size:18px;color:var(--text-dark)}.result-content[data-v-2e6185f9]{padding:20px;border-radius:8px}.result-content.success[data-v-2e6185f9]{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.result-content.failed[data-v-2e6185f9]{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.result-content h3[data-v-2e6185f9]{margin-bottom:10px;font-size:16px}.result-content pre[data-v-2e6185f9]{margin-top:15px;padding:10px;background:#0000000d;border-radius:4px;font-size:11px;overflow-x:auto}@media(max-width:768px){.test-cards[data-v-2e6185f9],.plans-list[data-v-2e6185f9]{grid-template-columns:1fr}}.payment-debug[data-v-284a47cf]{padding:20px;max-width:800px;margin:0 auto}.debug-section[data-v-284a47cf]{margin:20px 0;padding:20px;border:2px solid #ddd;border-radius:8px;background:#fff}.info-grid[data-v-284a47cf]{display:grid;grid-template-columns:1fr;gap:10px;font-family:monospace;background:#f5f5f5;padding:15px;border-radius:4px}.param-explanation>div[data-v-284a47cf],.correct-config>div[data-v-284a47cf]{margin:10px 0;padding:10px;background:#f8f9fa;border-radius:4px}.debug-btn[data-v-284a47cf]{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px}.debug-btn[data-v-284a47cf]:hover{background:#0056b3}.admin-login[data-v-eb228714]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container[data-v-eb228714]{width:100%;max-width:400px;padding:40px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-dark);box-shadow:0 8px 32px #0000001a}.login-header[data-v-eb228714]{text-align:center;margin-bottom:30px}.pixel-title[data-v-eb228714]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;color:var(--primary-purple);margin-bottom:10px;font-weight:600}.subtitle[data-v-eb228714]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#666;font-size:14px}.login-form[data-v-eb228714],.form-group[data-v-eb228714]{margin-bottom:20px}.pixel-label[data-v-eb228714]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:block;margin-bottom:8px;color:var(--text-dark);font-size:14px;font-weight:500}.pixel-input[data-v-eb228714]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;transition:all .3s}.pixel-input[data-v-eb228714]:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9b59b61a}.error-message[data-v-eb228714]{padding:10px;background:#d9534f1a;border:2px solid var(--primary-red);border-radius:8px;color:var(--primary-red);font-size:12px;margin-bottom:15px;text-align:center}.pixel-btn[data-v-eb228714]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;padding:14px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-admin[data-v-eb228714]{background:var(--primary-purple);color:#fff;border:2px solid var(--border-dark)}.btn-admin[data-v-eb228714]:hover:not(:disabled){background:#8e44ad;transform:translateY(-2px);box-shadow:0 4px 12px #9b59b64d}.btn-admin[data-v-eb228714]:disabled{opacity:.6;cursor:not-allowed}.btn-outline[data-v-eb228714]{background:transparent;color:#666;border:2px solid #ddd;margin-top:10px}.btn-outline[data-v-eb228714]:hover{background:#f8f8f8;border-color:#999}.login-footer[data-v-eb228714]{text-align:center;padding-top:20px;border-top:2px dashed #ddd}@keyframes shake-eb228714{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message[data-v-eb228714]{animation:shake-eb228714 .3s ease-out}@media(max-width:480px){.login-container[data-v-eb228714]{padding:30px 20px}.pixel-title[data-v-eb228714]{font-size:18px}}.admin-layout[data-v-3bfbb2f6]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;min-height:100vh;background:#f5f5f7}.admin-sidebar[data-v-3bfbb2f6]{width:250px;background:linear-gradient(180deg,#2c3e50,#34495e);color:#fff;display:flex;flex-direction:column;transition:width .3s;position:fixed;height:100vh;z-index:100}.admin-sidebar.collapsed[data-v-3bfbb2f6]{width:70px}.sidebar-header[data-v-3bfbb2f6]{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.admin-logo[data-v-3bfbb2f6]{font-size:18px;margin:0;white-space:nowrap;overflow:hidden}.toggle-btn[data-v-3bfbb2f6]{padding:5px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;cursor:pointer;font-size:12px}.toggle-btn[data-v-3bfbb2f6]:hover{background:#fff3}.admin-nav[data-v-3bfbb2f6]{flex:1;padding:20px 0}.nav-item[data-v-3bfbb2f6]{display:flex;align-items:center;padding:15px 20px;color:#ffffffb3;text-decoration:none;transition:all .3s;position:relative}.nav-item[data-v-3bfbb2f6]:hover{background:#ffffff1a;color:#fff}.nav-item.active[data-v-3bfbb2f6]{background:#ffffff26;color:#fff}.nav-item.active[data-v-3bfbb2f6]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-purple)}.nav-icon[data-v-3bfbb2f6]{font-size:20px;margin-right:12px;min-width:20px;text-align:center}.nav-text[data-v-3bfbb2f6]{font-size:14px;white-space:nowrap}.collapsed .nav-icon[data-v-3bfbb2f6]{margin-right:0}.sidebar-footer[data-v-3bfbb2f6]{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn[data-v-3bfbb2f6]{width:100%;display:flex;align-items:center;justify-content:center;padding:10px;background:#d9534f33;border:1px solid rgba(217,83,79,.3);color:#ff6b6b;border-radius:8px;cursor:pointer;transition:all .3s}.logout-btn[data-v-3bfbb2f6]:hover{background:#d9534f4d}.admin-main[data-v-3bfbb2f6]{flex:1;margin-left:250px;display:flex;flex-direction:column;transition:margin-left .3s}.admin-sidebar.collapsed+.admin-main[data-v-3bfbb2f6]{margin-left:70px}.admin-header[data-v-3bfbb2f6]{background:#fff;padding:20px 30px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.page-title[data-v-3bfbb2f6]{font-size:24px;color:#2c3e50;margin:0}.admin-info[data-v-3bfbb2f6]{display:flex;align-items:center;gap:20px}.admin-badge[data-v-3bfbb2f6]{padding:8px 16px;background:var(--primary-purple);color:#fff;border-radius:20px;font-size:12px;font-weight:700}.login-time[data-v-3bfbb2f6]{color:#666;font-size:12px}.admin-content[data-v-3bfbb2f6]{flex:1;padding:30px;overflow-y:auto}@media(max-width:768px){.admin-sidebar[data-v-3bfbb2f6]{transform:translate(-100%)}.admin-sidebar.mobile-open[data-v-3bfbb2f6]{transform:translate(0)}.admin-main[data-v-3bfbb2f6]{margin-left:0}.admin-header[data-v-3bfbb2f6]{padding:15px 20px}.page-title[data-v-3bfbb2f6]{font-size:20px}.admin-content[data-v-3bfbb2f6]{padding:20px}}