.games-container[data-v-903399aa]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.nav-header[data-v-903399aa]{background:transparent;padding:20px 0;color:#fff;margin-bottom:20px}.nav-header .nav-left[data-v-903399aa],.nav-header .nav-right[data-v-903399aa],.nav-header[data-v-903399aa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-header .nav-left[data-v-903399aa],.nav-header .nav-right[data-v-903399aa]{width:80px;cursor:pointer}.nav-header .nav-left i[data-v-903399aa],.nav-header .nav-right i[data-v-903399aa]{font-size:18px;margin-right:5px}.nav-header .nav-title[data-v-903399aa]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.nav-header .nav-title h1[data-v-903399aa]{font-size:28px;font-weight:600;margin:0 0 5px 0}.nav-header .nav-title p[data-v-903399aa]{font-size:14px;opacity:.8;margin:0}.nav-header .nav-right[data-v-903399aa]{text-align:right}.stats-card[data-v-903399aa]{background:hsla(0,0%,100%,.95);border-radius:15px;padding:25px;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stats-card .stat-item[data-v-903399aa]{text-align:center}.stats-card .stat-item .stat-icon[data-v-903399aa]{font-size:32px;margin-bottom:10px}.stats-card .stat-item .stat-value[data-v-903399aa]{font-size:24px;font-weight:600;color:#333;margin-bottom:5px}.stats-card .stat-item .stat-label[data-v-903399aa]{font-size:14px;color:#666}.game-categories[data-v-903399aa],.game-history[data-v-903399aa],.games-section[data-v-903399aa],.learning-outcomes[data-v-903399aa]{background:hsla(0,0%,100%,.95);border-radius:15px;padding:25px;margin-bottom:20px}.section-title[data-v-903399aa]{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.category-tabs[data-v-903399aa]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px;overflow-x:auto}.category-tabs .category-tab[data-v-903399aa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 20px;background:#f8f9fa;border-radius:25px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap}.category-tabs .category-tab.active[data-v-903399aa]{background:#667eea;color:#fff}.category-tabs .category-tab .tab-icon[data-v-903399aa]{font-size:18px;margin-right:8px}.category-tabs .category-tab .tab-name[data-v-903399aa]{font-size:14px;font-weight:500}.games-grid[data-v-903399aa]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.game-card[data-v-903399aa]{background:#fff;border-radius:12px;padding:20px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.game-card[data-v-903399aa]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:0 8px 24px rgba(0,0,0,.15)}.game-card .game-cover[data-v-903399aa]{position:relative;text-align:center;margin-bottom:15px}.game-card .game-cover .game-icon[data-v-903399aa]{font-size:48px;margin-bottom:10px}.game-card .game-cover .difficulty-badge[data-v-903399aa]{position:absolute;top:0;right:0;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.game-card .game-cover .difficulty-badge.easy[data-v-903399aa]{background:#d4edda;color:#155724}.game-card .game-cover .difficulty-badge.medium[data-v-903399aa]{background:#fff3cd;color:#856404}.game-card .game-cover .difficulty-badge.hard[data-v-903399aa]{background:#f8d7da;color:#721c24}.game-card .game-info .game-title[data-v-903399aa]{font-size:18px;font-weight:600;color:#333;margin:0 0 8px 0}.game-card .game-info .game-description[data-v-903399aa]{font-size:14px;color:#666;margin:0 0 15px 0;line-height:1.5}.game-card .game-info .game-meta[data-v-903399aa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}.game-card .game-info .game-meta .meta-item[data-v-903399aa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:#666}.game-card .game-info .game-meta .meta-item i[data-v-903399aa]{margin-right:5px}.game-card .game-info .game-progress .progress-info[data-v-903399aa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.game-card .game-info .game-progress .progress-info .progress-label[data-v-903399aa]{font-size:12px;color:#666}.game-card .game-info .game-progress .progress-info .progress-value[data-v-903399aa]{font-size:12px;font-weight:600;color:#667eea}.game-card .game-info .game-progress .progress-bar[data-v-903399aa]{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.game-card .game-info .game-progress .progress-bar .progress-fill[data-v-903399aa]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#667eea),to(#764ba2));background:linear-gradient(90deg,#667eea,#764ba2);-webkit-transition:width .3s ease;transition:width .3s ease}.game-card .play-button[data-v-903399aa]{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#667eea;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:16px}.outcomes-grid[data-v-903399aa]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.outcome-card[data-v-903399aa]{text-align:center;padding:20px;background:#f8f9fa;border-radius:12px}.outcome-card .outcome-icon[data-v-903399aa]{font-size:32px;margin-bottom:10px}.outcome-card .outcome-title[data-v-903399aa]{font-size:16px;font-weight:600;color:#333;margin:0 0 15px 0}.outcome-card .skill-progress[data-v-903399aa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.outcome-card .skill-progress .skill-bar[data-v-903399aa]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.outcome-card .skill-progress .skill-bar .skill-fill[data-v-903399aa]{height:100%;-webkit-transition:width .3s ease;transition:width .3s ease}.outcome-card .skill-progress .skill-bar .skill-fill.logic[data-v-903399aa]{background:-webkit-gradient(linear,left top,right top,from(#4facfe),to(#00f2fe));background:linear-gradient(90deg,#4facfe,#00f2fe)}.outcome-card .skill-progress .skill-bar .skill-fill.attention[data-v-903399aa]{background:-webkit-gradient(linear,left top,right top,from(#43e97b),to(#38f9d7));background:linear-gradient(90deg,#43e97b,#38f9d7)}.outcome-card .skill-progress .skill-bar .skill-fill.memory[data-v-903399aa]{background:-webkit-gradient(linear,left top,right top,from(#fa709a),to(#fee140));background:linear-gradient(90deg,#fa709a,#fee140)}.outcome-card .skill-progress .skill-bar .skill-fill.reaction[data-v-903399aa]{background:-webkit-gradient(linear,left top,right top,from(#a8edea),to(#fed6e3));background:linear-gradient(90deg,#a8edea,#fed6e3)}.outcome-card .skill-progress .skill-level[data-v-903399aa]{font-size:12px;font-weight:600;color:#333}.history-header[data-v-903399aa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.history-header .view-all[data-v-903399aa]{font-size:14px;color:#667eea;cursor:pointer}.history-list .history-item[data-v-903399aa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0;cursor:pointer}.history-list .history-item[data-v-903399aa]:last-child{border-bottom:none}.history-list .history-item .history-game-icon[data-v-903399aa]{font-size:24px;margin-right:15px}.history-list .history-item .history-content[data-v-903399aa]{-webkit-box-flex:1;-ms-flex:1;flex:1}.history-list .history-item .history-content .history-title[data-v-903399aa]{font-size:16px;font-weight:500;color:#333;margin:0 0 5px 0}.history-list .history-item .history-content .history-score[data-v-903399aa]{font-size:14px;color:#667eea;margin:0 0 5px 0}.history-list .history-item .history-content .history-time[data-v-903399aa]{font-size:12px;color:#999}.history-list .history-item .history-stars .star[data-v-903399aa]{font-size:16px;margin-left:2px}.history-list .history-item .history-stars .star.filled[data-v-903399aa]{color:#ffc107}.history-list .history-item .history-stars .star.empty[data-v-903399aa]{color:#e9ecef}@media (max-width:768px){.games-container[data-v-903399aa]{padding:15px}.stats-card[data-v-903399aa]{grid-template-columns:repeat(2,1fr)}.games-grid[data-v-903399aa]{grid-template-columns:1fr}.outcomes-grid[data-v-903399aa]{grid-template-columns:repeat(2,1fr)}}