.app[data-v-9c86a4d4]{flex-direction:column;min-height:100vh;display:flex}.header[data-v-9c86a4d4]{background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.header-content[data-v-9c86a4d4]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.header-left[data-v-9c86a4d4]{align-items:center;gap:1rem;display:flex}.logo[data-v-9c86a4d4]{color:var(--md-sys-color-primary);margin:0;font-size:1.5rem;font-weight:700}.header-right[data-v-9c86a4d4]{align-items:center;gap:1rem;display:flex}.icon-btn[data-v-9c86a4d4]{cursor:pointer;border-radius:var(--shape-corner-md);background:0 0;border:none;padding:.5rem;font-size:1.5rem;transition:background .2s}.icon-btn[data-v-9c86a4d4]:hover{background:var(--md-sys-color-surface-variant)}.user-menu[data-v-9c86a4d4]{align-items:center;gap:.5rem;display:flex}.user-link[data-v-9c86a4d4]{border-radius:var(--shape-corner-md);color:var(--md-sys-color-on-surface);align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background .2s;display:flex}.user-link[data-v-9c86a4d4]:hover{background:var(--md-sys-color-surface-variant)}.user-icon[data-v-9c86a4d4]{font-size:1.2rem}.user-name[data-v-9c86a4d4]{font-weight:500}.logout-btn[data-v-9c86a4d4],.login-btn[data-v-9c86a4d4]{border-radius:var(--shape-corner-md);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;border:none;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.logout-btn[data-v-9c86a4d4]:hover,.login-btn[data-v-9c86a4d4]:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.main-content[data-v-9c86a4d4]{flex:1;padding:2rem 1.5rem}.container[data-v-9c86a4d4]{max-width:1200px;margin:0 auto}.welcome-section[data-v-9c86a4d4]{text-align:center;margin-bottom:3rem}.welcome-title[data-v-9c86a4d4]{color:var(--md-sys-color-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.welcome-text[data-v-9c86a4d4]{color:var(--md-sys-color-on-surface-variant);font-size:1.2rem}.games-grid[data-v-9c86a4d4]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.game-card[data-v-9c86a4d4]{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--shape-corner-lg);text-align:center;cursor:pointer;padding:2rem;transition:all .3s;position:relative}.game-card[data-v-9c86a4d4]:not(.disabled):hover{box-shadow:var(--elevation-2);border-color:var(--md-sys-color-primary);transform:translateY(-4px)}.game-card.disabled[data-v-9c86a4d4]{opacity:.5;cursor:not-allowed}.game-icon[data-v-9c86a4d4]{margin-bottom:1rem;font-size:4rem}.game-name[data-v-9c86a4d4]{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.game-description[data-v-9c86a4d4]{color:var(--md-sys-color-on-surface-variant);margin-bottom:0}.game-badge[data-v-9c86a4d4]{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;position:absolute;top:1rem;right:1rem}.game-area[data-v-9c86a4d4]{max-width:800px;margin:0 auto}.game-header[data-v-9c86a4d4]{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.back-btn[data-v-9c86a4d4]{border:1px solid var(--md-sys-color-outline);border-radius:var(--shape-corner-md);color:var(--md-sys-color-on-surface);cursor:pointer;background:0 0;padding:.5rem 1rem;font-weight:500;transition:all .2s}.back-btn[data-v-9c86a4d4]:hover{background:var(--md-sys-color-surface-variant)}.game-info[data-v-9c86a4d4]{gap:1.5rem;font-size:1.2rem;font-weight:600;display:flex}.game-score[data-v-9c86a4d4]{color:var(--md-sys-color-primary)}.game-time[data-v-9c86a4d4]{color:var(--md-sys-color-secondary)}.click-game[data-v-9c86a4d4],.memory-game[data-v-9c86a4d4],.number-game[data-v-9c86a4d4],.reaction-game[data-v-9c86a4d4],.color-game[data-v-9c86a4d4],.math-game[data-v-9c86a4d4],.typing-game[data-v-9c86a4d4],.simon-game[data-v-9c86a4d4],.word-game[data-v-9c86a4d4],.guess-game[data-v-9c86a4d4],.rps-game[data-v-9c86a4d4]{background:var(--md-sys-color-surface);border:2px solid var(--md-sys-color-outline-variant);border-radius:var(--shape-corner-lg);justify-content:center;align-items:center;min-height:400px;padding:3rem;display:flex}.game-start[data-v-9c86a4d4]{text-align:center}.game-start h3[data-v-9c86a4d4]{margin-bottom:1rem;font-size:2rem}.game-start p[data-v-9c86a4d4]{color:var(--md-sys-color-on-surface-variant);margin-bottom:2rem;font-size:1.2rem}.start-btn[data-v-9c86a4d4],.submit-btn[data-v-9c86a4d4]{border-radius:var(--shape-corner-lg);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:600;transition:all .2s}.start-btn[data-v-9c86a4d4]:hover,.submit-btn[data-v-9c86a4d4]:hover{box-shadow:var(--elevation-2);transform:scale(1.05)}.game-playing[data-v-9c86a4d4]{justify-content:center;align-items:center;width:100%;display:flex}.click-target[data-v-9c86a4d4]{border-radius:var(--shape-corner-xl);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;padding:3rem 4rem;font-size:2rem;font-weight:700;transition:all .1s}.click-target[data-v-9c86a4d4]:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);transform:scale(1.1)}.click-target[data-v-9c86a4d4]:active{transform:scale(.95)}.memory-cards[data-v-9c86a4d4]{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:400px;display:grid}.memory-card-wrapper[data-v-9c86a4d4]{perspective:800px;aspect-ratio:1;cursor:pointer}.memory-card[data-v-9c86a4d4]{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.memory-card.flipped[data-v-9c86a4d4]{transform:rotateY(180deg)}.card-front[data-v-9c86a4d4],.card-back[data-v-9c86a4d4]{border-radius:var(--shape-corner-md);backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex;position:absolute}.card-front[data-v-9c86a4d4]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);z-index:1}.card-back[data-v-9c86a4d4]{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);transform:rotateY(180deg)}.memory-card.matched[data-v-9c86a4d4]{opacity:.5;pointer-events:none}.number-playing[data-v-9c86a4d4]{text-align:center;width:100%}.number-level[data-v-9c86a4d4]{color:var(--md-sys-color-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:600}.number-sequence[data-v-9c86a4d4]{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.number-digit[data-v-9c86a4d4]{color:var(--md-sys-color-primary);font-size:3rem;font-weight:700;animation:.5s fadeIn-9c86a4d4}.number-input-area[data-v-9c86a4d4]{flex-direction:column;gap:1rem;max-width:300px;margin:0 auto;display:flex}.number-input[data-v-9c86a4d4],.math-input[data-v-9c86a4d4]{text-align:center;border:2px solid var(--md-sys-color-outline);border-radius:var(--shape-corner-md);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:1rem;font-size:1.5rem}.number-input[data-v-9c86a4d4]:focus,.math-input[data-v-9c86a4d4]:focus{border-color:var(--md-sys-color-primary);outline:none}.reaction-area[data-v-9c86a4d4]{background:var(--md-sys-color-error);border-radius:var(--shape-corner-lg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:300px;transition:background .3s;display:flex}.reaction-area.waiting[data-v-9c86a4d4]{background:#22c55e}.reaction-text[data-v-9c86a4d4]{color:#fff;margin-bottom:1rem;font-size:3rem;font-weight:700}.reaction-count[data-v-9c86a4d4]{color:#fff;opacity:.9;font-size:1.2rem}.color-playing[data-v-9c86a4d4]{text-align:center;width:100%}.color-target[data-v-9c86a4d4]{color:var(--md-sys-color-on-surface);margin-bottom:3rem;font-size:2rem;font-weight:700}.color-options[data-v-9c86a4d4]{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:500px;margin:0 auto;display:grid}.color-option[data-v-9c86a4d4]{border:2px solid var(--md-sys-color-outline);border-radius:var(--shape-corner-lg);background:var(--md-sys-color-surface);cursor:pointer;padding:2rem;font-size:1.5rem;font-weight:700;transition:all .2s}.color-option[data-v-9c86a4d4]:hover{box-shadow:var(--elevation-2);transform:scale(1.05)}.math-playing[data-v-9c86a4d4]{text-align:center;width:100%}.math-question[data-v-9c86a4d4]{color:var(--md-sys-color-primary);margin-bottom:2rem;font-size:3rem;font-weight:700}.math-input[data-v-9c86a4d4]{max-width:300px;margin:0 auto 1rem;display:block}.typing-playing[data-v-9c86a4d4]{text-align:center;width:100%;max-width:600px;margin:0 auto}.typing-text[data-v-9c86a4d4]{color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-variant);border-radius:var(--shape-corner-lg);margin-bottom:2rem;padding:2rem;font-size:1.5rem;font-weight:600;line-height:1.8}.typing-input[data-v-9c86a4d4]{border:2px solid var(--md-sys-color-outline);border-radius:var(--shape-corner-md);background:var(--md-sys-color-surface);width:100%;color:var(--md-sys-color-on-surface);padding:1rem;font-size:1.2rem}.typing-input[data-v-9c86a4d4]:focus{border-color:var(--md-sys-color-primary);outline:none}.simon-playing[data-v-9c86a4d4]{justify-content:center;align-items:center;width:100%;display:flex}.simon-buttons[data-v-9c86a4d4]{grid-template-rows:repeat(2,150px);grid-template-columns:repeat(2,150px);gap:1rem;display:grid}.simon-btn[data-v-9c86a4d4]{border-radius:var(--shape-corner-lg);cursor:pointer;opacity:.6;border:none;transition:all .2s}.simon-btn[data-v-9c86a4d4]:hover{opacity:.8}.simon-btn.active[data-v-9c86a4d4]{opacity:1;transform:scale(1.1);box-shadow:0 0 20px}.simon-btn.red[data-v-9c86a4d4]{background:#ef4444}.simon-btn.blue[data-v-9c86a4d4]{background:#3b82f6}.simon-btn.green[data-v-9c86a4d4]{background:#22c55e}.simon-btn.yellow[data-v-9c86a4d4]{background:#eab308}.word-playing[data-v-9c86a4d4]{text-align:center;width:100%;max-width:500px;margin:0 auto}.word-current[data-v-9c86a4d4]{color:var(--md-sys-color-on-surface);margin-bottom:1rem;font-size:1.8rem}.word-hint[data-v-9c86a4d4]{color:var(--md-sys-color-on-surface-variant);margin-bottom:2rem;font-size:1.2rem}.word-input[data-v-9c86a4d4]{text-align:center;border:2px solid var(--md-sys-color-outline);border-radius:var(--shape-corner-md);background:var(--md-sys-color-surface);width:100%;color:var(--md-sys-color-on-surface);margin-bottom:1rem;padding:1rem;font-size:1.2rem}.word-input[data-v-9c86a4d4]:focus{border-color:var(--md-sys-color-primary);outline:none}.word-used[data-v-9c86a4d4]{background:var(--md-sys-color-surface-variant);border-radius:var(--shape-corner-md);color:var(--md-sys-color-on-surface-variant);max-height:100px;margin-top:2rem;padding:1rem;font-size:.9rem;overflow-y:auto}.guess-playing[data-v-9c86a4d4]{text-align:center;width:100%;max-width:400px;margin:0 auto}.guess-info[data-v-9c86a4d4]{margin-bottom:1.5rem}.guess-attempts[data-v-9c86a4d4]{color:var(--md-sys-color-primary);font-size:1.2rem;font-weight:600}.guess-input-area[data-v-9c86a4d4]{gap:.5rem;max-width:280px;margin:0 auto 1.5rem;display:flex}.guess-input[data-v-9c86a4d4]{text-align:center;border:2px solid var(--md-sys-color-outline);border-radius:var(--shape-corner-md);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);flex:1;padding:.8rem;font-size:1.5rem}.guess-input[data-v-9c86a4d4]:focus{border-color:var(--md-sys-color-primary);outline:none}.guess-history[data-v-9c86a4d4]{flex-direction:column;gap:.5rem;max-height:200px;display:flex;overflow-y:auto}.guess-record[data-v-9c86a4d4]{background:var(--md-sys-color-surface-variant);border-radius:var(--shape-corner-md);justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.95rem;display:flex}.guess-record.correct[data-v-9c86a4d4]{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.guess-num[data-v-9c86a4d4]{font-size:1.1rem;font-weight:700}.rps-playing[data-v-9c86a4d4]{text-align:center;width:100%}.rps-battle[data-v-9c86a4d4]{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.rps-score[data-v-9c86a4d4]{color:var(--md-sys-color-primary);font-size:1.5rem;font-weight:700}.rps-choices[data-v-9c86a4d4]{gap:1.5rem;display:flex}.rps-choice[data-v-9c86a4d4]{border:3px solid var(--md-sys-color-outline);border-radius:var(--shape-corner-lg);background:var(--md-sys-color-surface);cursor:pointer;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;transition:all .2s;display:flex}.rps-choice[data-v-9c86a4d4]:hover{border-color:var(--md-sys-color-primary);box-shadow:var(--elevation-2);transform:scale(1.15)}.rps-result[data-v-9c86a4d4]{flex-direction:column;gap:.5rem;font-size:1.2rem;animation:.3s fadeIn-9c86a4d4;display:flex}.rps-vs[data-v-9c86a4d4]{color:var(--md-sys-color-on-surface-variant)}.rps-outcome[data-v-9c86a4d4]{font-size:1.5rem;font-weight:700}.rps-outcome.win[data-v-9c86a4d4]{color:#22c55e}.rps-outcome.lose[data-v-9c86a4d4]{color:var(--md-sys-color-error)}.rps-final-score[data-v-9c86a4d4]{color:var(--md-sys-color-primary);font-size:1.8rem;font-weight:700}@keyframes fadeIn-9c86a4d4{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.toast[data-v-9c86a4d4]{border-radius:var(--shape-corner-md);z-index:1000;padding:1rem 2rem;font-weight:500;animation:.3s slideUp-9c86a4d4;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.toast.success[data-v-9c86a4d4]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.toast.error[data-v-9c86a4d4]{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}@keyframes slideUp-9c86a4d4{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=768px){.welcome-title[data-v-9c86a4d4]{font-size:2rem}.games-grid[data-v-9c86a4d4]{grid-template-columns:1fr}.game-header[data-v-9c86a4d4]{flex-direction:column;gap:1rem}.click-game[data-v-9c86a4d4]{padding:2rem}}