.loading-screen[data-v-5fed109c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0f;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .8s ease,transform .8s ease}.loading-screen.fade-out[data-v-5fed109c]{opacity:0;transform:scale(1.05);pointer-events:none}.loading-bg[data-v-5fed109c]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.loading-particles[data-v-5fed109c]{position:absolute;top:0;right:0;bottom:0;left:0}.l-particle[data-v-5fed109c]{position:absolute;background:#10a37f66;border-radius:50%;animation:float-5fed109c 3s ease-in-out infinite}@keyframes float-5fed109c{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-20px) scale(1.5);opacity:.8}}.loading-grid[data-v-5fed109c]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(16,163,127,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,163,127,.03) 1px,transparent 1px);background-size:40px 40px;animation:gridMove-5fed109c 20s linear infinite}@keyframes gridMove-5fed109c{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.loading-content[data-v-5fed109c]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px}.loading-logo[data-v-5fed109c]{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.logo-ring[data-v-5fed109c]{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(16,163,127,.3);border-radius:50%;animation:ringPulse-5fed109c 2s ease-in-out infinite}.ring-2[data-v-5fed109c]{top:-10px;right:-10px;bottom:-10px;left:-10px;border-color:#06b6d433;animation-delay:.5s;animation-duration:2.5s}@keyframes ringPulse-5fed109c{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.logo-icon[data-v-5fed109c]{font-size:3rem;animation:logoBounce-5fed109c 1.5s ease-in-out infinite}@keyframes logoBounce-5fed109c{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-title[data-v-5fed109c]{font-size:2.5rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#10a37f,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-char[data-v-5fed109c]{display:inline-block;animation:charReveal-5fed109c .5s ease-out both}@keyframes charReveal-5fed109c{0%{opacity:0;transform:translateY(20px) scale(.8);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.loading-bar-container[data-v-5fed109c]{width:280px;display:flex;flex-direction:column;gap:8px}.loading-bar[data-v-5fed109c]{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;position:relative}.loading-bar-fill[data-v-5fed109c]{height:100%;background:linear-gradient(90deg,#10a37f,#06b6d4);border-radius:2px;transition:width .3s ease}.loading-bar-glow[data-v-5fed109c]{position:absolute;top:-4px;width:20px;height:12px;background:#10a37f99;border-radius:50%;filter:blur(6px);transition:left .3s ease}.loading-info[data-v-5fed109c]{display:flex;justify-content:space-between;font-size:.75rem}.loading-percent[data-v-5fed109c]{color:#fffc;font-weight:600;font-variant-numeric:tabular-nums}.loading-status[data-v-5fed109c]{color:#fff6}.loading-tips[data-v-5fed109c]{height:20px;overflow:hidden}.loading-tips p[data-v-5fed109c]{color:#ffffff59;font-size:.8rem;animation:tipFade-5fed109c 3s ease-in-out infinite}@keyframes tipFade-5fed109c{0%,to{opacity:.3}50%{opacity:.7}}.loading-footer[data-v-5fed109c]{position:absolute;bottom:24px}.loading-version[data-v-5fed109c]{color:#ffffff26;font-size:.7rem}.tutorial-card[data-v-500f8e66]{width:100%;max-width:340px;background:#14141cf2;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;animation:modalIn-500f8e66 .4s cubic-bezier(.16,1,.3,1)}@keyframes modalIn-500f8e66{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-header[data-v-500f8e66]{padding:20px 20px 0}.tutorial-step-indicator[data-v-500f8e66]{display:flex;justify-content:center;gap:8px}.step-dot[data-v-500f8e66]{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:all .3s ease}.step-dot.active[data-v-500f8e66]{background:#10a37f;width:24px;border-radius:4px}.step-dot.done[data-v-500f8e66]{background:#10a37f66}.tutorial-body[data-v-500f8e66]{padding:28px 24px;min-height:280px;display:flex;align-items:center;justify-content:center}.tutorial-step[data-v-500f8e66]{text-align:center;width:100%}.step-icon[data-v-500f8e66]{font-size:3rem;margin-bottom:16px;animation:iconPop-500f8e66 .4s cubic-bezier(.16,1,.3,1)}@keyframes iconPop-500f8e66{0%{transform:scale(.5) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.tutorial-step h3[data-v-500f8e66]{font-size:1.15rem;font-weight:600;margin-bottom:10px;color:#fff}.tutorial-step p[data-v-500f8e66]{font-size:.88rem;color:#fff9;line-height:1.6;margin-bottom:20px}.step-visual[data-v-500f8e66]{margin-top:16px}.visual-keys[data-v-500f8e66]{display:flex;align-items:center;justify-content:center;gap:10px}.visual-keys kbd[data-v-500f8e66]{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.9rem;color:#fff;font-weight:500;animation:keyPress-500f8e66 1.5s ease-in-out infinite}.visual-keys kbd[data-v-500f8e66]:nth-child(2){animation-delay:.3s}.visual-keys kbd[data-v-500f8e66]:nth-child(3){animation-delay:.6s}@keyframes keyPress-500f8e66{0%,to{transform:translateY(0)}30%{transform:translateY(3px);box-shadow:none}}.visual-hint[data-v-500f8e66]{color:#ffffff4d;font-size:.75rem}.touch-demo[data-v-500f8e66]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffffb3;font-size:.9rem}.touch-icon[data-v-500f8e66]{font-size:2.5rem;animation:touchPulse-500f8e66 1.2s ease-in-out infinite}@keyframes touchPulse-500f8e66{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.visual-double[data-v-500f8e66]{display:flex;justify-content:center}.jump-demo[data-v-500f8e66]{display:flex;align-items:center;gap:8px;font-size:2rem;animation:jumpAnim-500f8e66 1.2s ease-in-out infinite}@keyframes jumpAnim-500f8e66{0%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-15px)}}.jump-x2[data-v-500f8e66]{font-size:1.2rem;color:gold;font-weight:700}.visual-blocks[data-v-500f8e66]{display:flex;justify-content:center;gap:20px}.block-demo[data-v-500f8e66]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.5rem;font-weight:700}.block-demo.q[data-v-500f8e66]{background:#ffd70033;border:2px solid rgba(255,215,0,.4);color:gold;animation:blockBounce-500f8e66 1s ease-in-out infinite}.block-demo.ob[data-v-500f8e66]{background:#ff444426;border:2px solid rgba(255,68,68,.3);font-size:1.3rem}@keyframes blockBounce-500f8e66{0%,to{transform:translateY(0);box-shadow:0 0 10px #ffd70033}50%{transform:translateY(-5px);box-shadow:0 0 20px #ffd70066}}.visual-hearts[data-v-500f8e66]{display:flex;justify-content:center;gap:8px}.heart-demo[data-v-500f8e66]{font-size:1.8rem;color:#f44;animation:heartBeat-500f8e66 1s ease-in-out infinite}.heart-demo[data-v-500f8e66]:nth-child(2){animation-delay:.2s}.heart-demo[data-v-500f8e66]:nth-child(3){animation-delay:.4s}@keyframes heartBeat-500f8e66{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.tutorial-actions[data-v-500f8e66]{padding:0 24px 24px;display:flex;gap:10px}.tutorial-actions .modal-btn[data-v-500f8e66]{flex:1}.slide-enter-active[data-v-500f8e66],.slide-leave-active[data-v-500f8e66]{transition:all .3s ease}.slide-enter-from[data-v-500f8e66]{opacity:0;transform:translate(30px)}.slide-leave-to[data-v-500f8e66]{opacity:0;transform:translate(-30px)}.danmaku-container[data-v-d405f1ca]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.danmaku-item[data-v-d405f1ca]{position:absolute;right:-100%;white-space:nowrap;color:#ffffff80;font-size:.8rem;animation:danmakuScroll-d405f1ca linear forwards;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes danmakuScroll-d405f1ca{0%{right:-100%}to{right:100%}}.my-stats[data-v-aedee84f]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;padding:12px;background:#10a37f0f;border:1px solid rgba(16,163,127,.15);border-radius:10px}.stat-item[data-v-aedee84f]{display:flex;flex-direction:column;gap:2px;padding:8px}.stat-label[data-v-aedee84f]{font-size:.72rem;color:#ffffff73}.stat-value[data-v-aedee84f]{font-size:.9rem;font-weight:600;color:#ffffffd9}.stat-value.highlight[data-v-aedee84f]{color:#10a37f}.disclaimer-card[data-v-7cc2f547]{max-width:360px}.disclaimer-content[data-v-7cc2f547]{text-align:left}.disclaimer-content p[data-v-7cc2f547]{color:#fffc;font-size:.9rem;line-height:1.6;margin-bottom:12px}.disclaimer-content ul[data-v-7cc2f547]{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:10px}.disclaimer-content li[data-v-7cc2f547]{color:#ffffffa6;font-size:.85rem;line-height:1.5;padding-left:20px;position:relative}.disclaimer-content li[data-v-7cc2f547]:before{content:"•";position:absolute;left:6px;color:#10a37f}.disclaimer-warn[data-v-7cc2f547]{color:#ffc832b3!important;font-size:.78rem!important;text-align:center;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}:root{--bg: #0a0a0f;--bg-elevated: rgba(255, 255, 255, .04);--bg-hover: rgba(255, 255, 255, .08);--bg-active: rgba(255, 255, 255, .12);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-tertiary: rgba(255, 255, 255, .4);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--accent: #10a37f;--accent-hover: #0d8c6d;--accent-glow: rgba(16, 163, 127, .25);--danger: #ef4444;--gold: #f59e0b;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px var(--accent-glow);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}#game-container{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.game-header{background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;z-index:10;position:relative}.header-left{display:flex;align-items:center;gap:10px}.game-icon{font-size:1.1rem;opacity:.8}.game-header h1{font-size:.9rem;font-weight:600;letter-spacing:-.01em;background:linear-gradient(135deg,#10a37f,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;color:var(--text-primary);transition:all var(--transition)}.header-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.header-btn:active{transform:scale(.95)}.score-board{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);padding:6px 14px;border-radius:9999px;border:1px solid var(--border);font-size:.78rem}.sb-label{color:var(--text-tertiary);font-size:.7rem}.sb-value{font-weight:600;font-variant-numeric:tabular-nums;min-width:24px;text-align:center}.sb-score{color:var(--accent)}.sb-high{color:var(--gold)}.sb-divider{width:1px;height:12px;background:var(--border)}#gameCanvas{flex:1;width:100%;display:block}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0f99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.fade-enter-active{animation:fadeIn .25s ease-out}.fade-leave-active{animation:fadeIn .2s ease-in reverse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-content{width:100%;max-width:380px;padding:16px;position:relative;overflow-y:auto;max-height:90vh;max-height:90dvh;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-section{text-align:center;margin-bottom:28px}.avatar-wrapper{position:relative;width:80px;height:80px;margin:0 auto 16px}.avatar-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid rgba(16,163,127,.3);border-radius:50%;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:.2}}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.avatar-fallback{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#10a37f,#06b6d4);border-radius:50%;align-items:center;justify-content:center;font-size:1.8rem}.game-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#10a37f,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.game-subtitle{color:var(--text-secondary);font-size:.82rem;font-weight:400;line-height:1.5}.user-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:14px;cursor:pointer;transition:all var(--transition)}.user-card:hover{background:var(--bg-hover);border-color:var(--border-hover)}.user-card:active{transform:scale(.99)}.user-card-left{display:flex;align-items:center;gap:12px}.user-avatar-small{width:34px;height:34px;background:linear-gradient(135deg,#10a37f,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:500;font-size:.88rem}.user-badge{color:var(--text-tertiary);font-size:.72rem}.user-card-right{color:var(--text-tertiary);font-size:.82rem;opacity:.6;transition:opacity var(--transition)}.user-card:hover .user-card-right{opacity:1}.difficulty-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;margin-bottom:16px}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.card-icon{font-size:.85rem;opacity:.7}.card-title{font-weight:500;font-size:.82rem;color:var(--text-secondary)}.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.diff-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);width:100%;font-family:inherit;color:var(--text-primary)}.diff-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.diff-btn.active{background:#10a37f1a;border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.diff-emoji{font-size:1.15rem;line-height:1}.diff-name{font-weight:500;font-size:.75rem;transition:color var(--transition)}.diff-desc{color:var(--text-tertiary);font-size:.6rem}.diff-btn.active .diff-name{color:var(--accent);font-weight:600}.main-play-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#10a37f,#059669);color:#fff;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all var(--transition);margin-bottom:12px;font-weight:600;font-size:.95rem;font-family:inherit;position:relative;overflow:hidden}.main-play-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.08));pointer-events:none}.main-play-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow)}.main-play-btn:active:not(:disabled){transform:translateY(0) scale(.99)}.main-play-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none}.play-icon{font-size:.85rem}.action-buttons{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:20px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);width:100%;font-family:inherit;color:var(--text-primary)}.action-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.action-btn:active{transform:scale(.99)}.action-icon{font-size:1rem}.action-text{font-weight:500;font-size:.85rem}.controls-hint{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-tertiary);font-size:.72rem;flex-wrap:wrap}.challenge-text{text-align:center;margin-bottom:14px;font-size:.95rem;color:var(--text-secondary);animation:challengePulse 2s ease-in-out infinite}.challenge-emoji{font-size:1.1rem;margin-right:6px}@keyframes challengePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.hint-item{display:flex;align-items:center;gap:5px}.hint-dot{opacity:.4}kbd{background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;padding:1px 7px;font-family:inherit;font-size:.68rem;color:var(--text-secondary);font-weight:500}.modal-card{width:100%;max-width:360px;background:#14141cf2;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;animation:modalIn .35s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-lg)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.modal-header h2{font-size:1.05rem;font-weight:600}.modal-close{width:30px;height:30px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:18px 20px}.modal-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:16px;text-align:center;line-height:1.5}.modal-actions{padding:0 20px 18px;display:flex;flex-direction:column;gap:8px}.modal-btn{width:100%;padding:11px 16px;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);font-family:inherit}.modal-btn.primary{background:linear-gradient(135deg,#10a37f,#059669);color:#fff}.modal-btn.primary:hover{box-shadow:var(--shadow-glow)}.modal-btn.primary.large{padding:14px;font-size:.92rem;display:flex;align-items:center;justify-content:center;gap:8px}.modal-btn.secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.modal-btn.secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.modal-btn.back{background:transparent;color:var(--text-tertiary)}.modal-btn.back:hover{color:var(--text-secondary)}.input-wrapper{position:relative;margin-bottom:6px}.input-wrapper input{width:100%;padding:12px 48px 12px 14px;font-size:.88rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;transition:all var(--transition);font-family:inherit}.input-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-wrapper input::placeholder{color:var(--text-tertiary)}.input-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:.72rem;pointer-events:none}.input-hint{color:var(--text-tertiary);font-size:.72rem;text-align:center}.leaderboard-modal{max-height:70vh;display:flex;flex-direction:column}.leaderboard-modal .modal-body{flex:1;overflow-y:auto;padding:12px 16px}.leaderboard-list{display:flex;flex-direction:column;gap:4px}.loading,.empty{color:var(--text-tertiary);padding:36px 0;font-size:.85rem;text-align:center}.score-item{display:flex;align-items:center;padding:10px 12px;background:var(--bg-elevated);border:1px solid transparent;border-radius:var(--radius-sm);transition:all var(--transition);gap:10px}.score-item:hover{background:var(--bg-hover)}.score-item.top{background:#10a37f0f;border-color:#10a37f26}.score-item.me{background:#10a37f26;border-color:#10a37f80;box-shadow:0 0 12px #10a37f26}.me-badge{display:inline-block;background:linear-gradient(135deg,#10a37f,#06b6d4);color:#fff;font-size:.6rem;font-weight:600;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}.score-item .rank{width:28px;height:28px;line-height:28px;border-radius:var(--radius-xs);background:var(--bg);font-weight:600;color:var(--text-secondary);font-size:.8rem;text-align:center;flex-shrink:0}.score-item.top .rank{font-size:1rem;background:transparent}.score-item .info{flex:1;min-width:0}.score-item .name{font-weight:500;font-size:.82rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-item .score-val{font-weight:600;color:var(--accent);font-size:.85rem}.score-item .detail{font-size:.68rem;color:var(--text-tertiary);display:block;margin-top:1px}.score-item .date{color:var(--text-tertiary);font-size:.68rem;flex-shrink:0}.gameover-card{text-align:center}.gameover-header{padding:24px 20px 0}.gameover-icon{font-size:2.8rem;margin-bottom:10px;animation:bounce .6s cubic-bezier(.16,1,.3,1)}@keyframes bounce{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.gameover-header h2{font-size:1.15rem;font-weight:600}.gameover-score{padding:20px 20px 8px}.score-number{font-size:3rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#10a37f,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-unit{font-size:1rem;color:var(--text-secondary);margin-left:2px;font-weight:400}.gameover-achievements{color:var(--text-secondary);font-size:.82rem;padding:0 20px 20px;line-height:1.5}.gameover-actions{padding:0 20px 20px}.gameover-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}@media(max-width:768px){.game-header{padding:8px 12px}.game-header h1{font-size:.82rem}.score-board{padding:5px 10px;gap:6px;font-size:.72rem}.game-title{font-size:1.5rem}.start-content{padding:12px}.diff-grid{gap:6px}.diff-btn{padding:8px 4px}}@media(max-width:400px){.game-title{font-size:1.35rem}.diff-desc{display:none}.score-number{font-size:2.5rem}}@supports (padding-bottom: env(safe-area-inset-bottom)){.start-content{padding-bottom:calc(16px + env(safe-area-inset-bottom))}#game-container{padding-bottom:env(safe-area-inset-bottom)}}.z-disclaimer{z-index:300!important}.z-tutorial{z-index:250!important}.z-username{z-index:220!important}.shortcut-guide{z-index:200}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0fb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:150}.pause-card{text-align:center;color:#fffc}.pause-card h2{font-size:1.3rem;margin-bottom:8px}.pause-card p{font-size:.85rem;color:#fff6}.header-right{display:flex;align-items:center;gap:10px}.bgm-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all var(--transition)}.bgm-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.bgm-btn:active{transform:scale(.95)}.hearts{display:flex;gap:2px;font-size:.9rem}.heart{color:#f44;animation:heartPulse 1s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.shortcut-guide{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.shortcut-card{background:#14141cf2;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;max-width:300px;width:100%;text-align:center}.shortcut-card h3{font-size:1.1rem;font-weight:600;margin-bottom:20px}.shortcut-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.shortcut-item{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.9rem;color:var(--text-secondary)}.shortcut-item kbd{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:4px 12px;font-family:inherit;font-size:.85rem;color:var(--text-primary);font-weight:500;min-width:50px;text-align:center}.shortcut-item .hint{color:var(--text-tertiary);font-size:.82rem}.shortcut-card .modal-btn{margin-top:4px}.btn-kbd{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:2px 8px;font-family:inherit;font-size:.68rem;color:inherit;opacity:.7;margin-left:8px}.btn-kbd-sm{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:1px 6px;font-family:inherit;font-size:.6rem;color:inherit;opacity:.6;margin-left:6px}.modal-close .btn-kbd-sm{margin-left:4px;margin-right:-4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}