*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden}body{font-family:Microsoft YaHei,Arial,sans-serif,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;position:fixed;width:100%;top:0;left:0}#app{width:100%;max-width:800px;margin:0 auto;padding:10px;height:100vh;display:flex;flex-direction:column;justify-content:center}@media (max-width: 600px){#app{padding:5px}}@media (max-width: 400px){#app{padding:3px}}.start-page[data-v-bd050b6a]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.start-container[data-v-bd050b6a]{background:white;padding:30px;border-radius:20px;box-shadow:0 10px 30px #0003;text-align:center;max-width:400px;width:100%}h1[data-v-bd050b6a]{color:#333;margin-bottom:30px;font-size:2.5em;font-weight:700}.settings[data-v-bd050b6a]{margin-bottom:30px}.setting-item[data-v-bd050b6a]{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.range-hint[data-v-bd050b6a]{font-size:.9em;color:#666;font-weight:400}.setting-item label[data-v-bd050b6a]{font-size:1.1em;color:#555;font-weight:700}.setting-item input[data-v-bd050b6a]{width:80px;padding:8px;border:2px solid #ddd;border-radius:8px;font-size:1em;text-align:center}.setting-item input[data-v-bd050b6a]:focus{outline:none;border-color:#667eea}.start-button[data-v-bd050b6a]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:15px 40px;font-size:1.2em;border-radius:30px;cursor:pointer;transition:all .3s ease;font-weight:700}.start-button[data-v-bd050b6a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.start-button[data-v-bd050b6a]:disabled{background:#ccc;cursor:not-allowed;transform:none}.switch[data-v-bd050b6a]{position:relative;display:inline-block;width:50px;height:24px}.switch input[data-v-bd050b6a]{opacity:0;width:0;height:0}.slider[data-v-bd050b6a]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider[data-v-bd050b6a]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-bd050b6a]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}input:checked+.slider[data-v-bd050b6a]:before{transform:translate(26px)}@media (max-width: 600px){.start-page[data-v-bd050b6a]{padding:15px}.start-container[data-v-bd050b6a]{padding:25px;border-radius:15px}h1[data-v-bd050b6a]{font-size:2em;margin-bottom:25px}.settings[data-v-bd050b6a]{margin-bottom:25px}.setting-item[data-v-bd050b6a]{margin-bottom:15px;flex-direction:column;align-items:flex-start;gap:8px}.setting-item label[data-v-bd050b6a]{font-size:1em;align-self:flex-start}.setting-item input[data-v-bd050b6a]{width:100px;font-size:1em}.start-button[data-v-bd050b6a]{padding:12px 30px;font-size:1.1em}}@media (max-width: 400px){.start-page[data-v-bd050b6a]{padding:10px}.start-container[data-v-bd050b6a]{padding:20px}h1[data-v-bd050b6a]{font-size:1.8em;margin-bottom:20px}.setting-item[data-v-bd050b6a]{margin-bottom:12px}.setting-item input[data-v-bd050b6a]{width:80px;padding:6px}.start-button[data-v-bd050b6a]{padding:10px 25px;font-size:1em}}.game-page[data-v-de577485]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:10px;height:100vh;overflow:hidden}.game-container[data-v-de577485]{background:white;padding:20px;border-radius:20px;box-shadow:0 10px 30px #0003;width:100%;max-width:600px;height:auto;max-height:90vh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.game-header[data-v-de577485]{display:flex;justify-content:space-between;margin-bottom:20px;font-size:1.2em;font-weight:700;color:#333}.timer[data-v-de577485],.progress[data-v-de577485]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:10px 20px;border-radius:20px}.game-grid[data-v-de577485]{display:grid;gap:1px;max-width:500px;margin:0 auto;width:100%}.grid-cell[data-v-de577485]{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:700;color:#333;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;aspect-ratio:1;min-width:0;min-height:0}.grid-cell[data-v-de577485]:hover:not(.clicked){background:#e0e0e0;transform:scale(1.05)}.grid-cell.clicked[data-v-de577485]{background:#d4edda;border-color:#c3e6cb;color:#155724;cursor:not-allowed}.grid-cell.correct-click[data-v-de577485]{background:#28a745;color:#fff;transform:scale(1.1)}.grid-cell.wrong-click[data-v-de577485]{background:#dc3545;color:#fff;transform:scale(1.1);animation:shake-de577485 .3s ease-in-out}@keyframes shake-de577485{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 600px){.game-page[data-v-de577485]{padding:5px}.game-container[data-v-de577485]{padding:10px;border-radius:15px}.game-header[data-v-de577485]{flex-direction:column;gap:8px;text-align:center;font-size:1em}.timer[data-v-de577485],.progress[data-v-de577485]{padding:8px 16px;font-size:1em}.game-grid[data-v-de577485]{gap:1px;max-width:100%}.grid-cell[data-v-de577485]{font-size:1em;border-width:1px;border-radius:4px}.grid-cell[data-v-de577485]:hover:not(.clicked){transform:scale(1.02)}}@media (max-width: 400px){.game-container[data-v-de577485]{padding:8px}.game-header[data-v-de577485]{font-size:.9em}.timer[data-v-de577485],.progress[data-v-de577485]{padding:6px 12px;font-size:.9em}.grid-cell[data-v-de577485]{font-size:.9em}.game-grid[data-v-de577485]{gap:1px}}.result-page[data-v-e07b19aa]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:15px}.result-container[data-v-e07b19aa]{background:white;padding:20px;border-radius:20px;box-shadow:0 10px 30px #0003;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}h1[data-v-e07b19aa]{color:#333;text-align:center;margin-bottom:30px;font-size:2.5em;font-weight:700}h2[data-v-e07b19aa]{color:#555;margin-bottom:20px;font-size:1.8em;font-weight:700}.current-result[data-v-e07b19aa]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:15px;margin-bottom:30px}.current-result h2[data-v-e07b19aa]{color:#fff;margin-bottom:15px}.result-details[data-v-e07b19aa]{display:flex;flex-direction:column;gap:10px}.result-item[data-v-e07b19aa]{display:flex;justify-content:space-between;align-items:center;font-size:1.1em}.leaderboard[data-v-e07b19aa]{margin-bottom:30px}.leaderboard-list[data-v-e07b19aa]{display:flex;flex-direction:column;gap:10px}.leaderboard-item[data-v-e07b19aa]{display:flex;align-items:center;padding:15px;background:#f8f9fa;border-radius:10px;border:2px solid transparent;transition:all .3s ease}.leaderboard-item[data-v-e07b19aa]:hover{background:#e9ecef;transform:translateY(-2px)}.leaderboard-item.current-game[data-v-e07b19aa]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea}.rank[data-v-e07b19aa]{width:40px;height:40px;background:#667eea;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2em;margin-right:15px}.leaderboard-item.current-game .rank[data-v-e07b19aa]{background:rgba(255,255,255,.2)}.result-info[data-v-e07b19aa]{flex:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.result-size[data-v-e07b19aa]{font-weight:700;font-size:1.1em}.result-time[data-v-e07b19aa]{font-size:1.2em;font-weight:700;color:#28a745}.leaderboard-item.current-game .result-time[data-v-e07b19aa]{color:#fff}.result-date[data-v-e07b19aa]{font-size:.9em;opacity:.8}.no-results[data-v-e07b19aa]{text-align:center;color:#666;font-style:italic;padding:40px 20px;background:#f8f9fa;border-radius:10px}.actions[data-v-e07b19aa]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.play-again-button[data-v-e07b19aa],.home-button[data-v-e07b19aa]{padding:15px 30px;border:none;border-radius:25px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:150px}.play-again-button[data-v-e07b19aa]{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}.play-again-button[data-v-e07b19aa]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}.home-button[data-v-e07b19aa]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.home-button[data-v-e07b19aa]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}@media (max-width: 600px){.result-page[data-v-e07b19aa]{padding:10px}.result-container[data-v-e07b19aa]{padding:15px;border-radius:15px;max-height:95vh}h1[data-v-e07b19aa]{font-size:2em;margin-bottom:20px}h2[data-v-e07b19aa]{font-size:1.5em;margin-bottom:15px}.current-result[data-v-e07b19aa]{padding:15px;margin-bottom:20px}.result-item[data-v-e07b19aa]{font-size:1em}.leaderboard-item[data-v-e07b19aa]{padding:12px}.rank[data-v-e07b19aa]{width:35px;height:35px;font-size:1em;margin-right:12px}.result-info[data-v-e07b19aa]{flex-direction:column;align-items:flex-start;gap:5px}.result-size[data-v-e07b19aa]{font-size:1em}.result-time[data-v-e07b19aa]{font-size:1.1em}.result-date[data-v-e07b19aa]{font-size:.8em}.actions[data-v-e07b19aa]{flex-direction:column;align-items:center;gap:15px}.play-again-button[data-v-e07b19aa],.home-button[data-v-e07b19aa]{width:100%;max-width:250px;padding:12px 25px;font-size:1em}}@media (max-width: 400px){.result-page[data-v-e07b19aa]{padding:8px}.result-container[data-v-e07b19aa]{padding:12px}h1[data-v-e07b19aa]{font-size:1.8em;margin-bottom:15px}h2[data-v-e07b19aa]{font-size:1.3em;margin-bottom:12px}.current-result[data-v-e07b19aa]{padding:12px;margin-bottom:15px}.leaderboard-item[data-v-e07b19aa]{padding:10px}.rank[data-v-e07b19aa]{width:30px;height:30px;font-size:.9em;margin-right:10px}.play-again-button[data-v-e07b19aa],.home-button[data-v-e07b19aa]{max-width:200px;padding:10px 20px;font-size:.9em}}