.modal-overlay[data-v-63d7ec6a]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.modal-container[data-v-63d7ec6a]{max-width:32rem;width:100%}.modal-content[data-v-63d7ec6a]{background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid rgba(71,85,105,.4);border-radius:1.25rem;box-shadow:0 25px 60px #0009,0 0 0 1px #fb923c14;overflow:hidden}.modal-header[data-v-63d7ec6a]{align-items:center;background:#1e293b4d;border-bottom:1px solid rgba(71,85,105,.25);display:flex;gap:1rem;padding:1.5rem 1.75rem}.header-icon-wrapper[data-v-63d7ec6a]{align-items:center;background:linear-gradient(135deg,#fb923c26,#f9731626);border:1px solid rgba(251,146,60,.25);border-radius:.75rem;display:flex;height:2.75rem;justify-content:center;width:2.75rem}.header-icon[data-v-63d7ec6a]{color:#fb923c;height:1.5rem;width:1.5rem}.modal-title[data-v-63d7ec6a]{color:#f8fafc;flex:1;font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0}.close-btn[data-v-63d7ec6a]{align-items:center;background:transparent;border:none;border-radius:.5rem;color:#94a3b8;cursor:pointer;display:flex;height:2.25rem;justify-content:center;transition:all .2s ease;width:2.25rem}.close-btn svg[data-v-63d7ec6a]{height:1.25rem;width:1.25rem}.close-btn[data-v-63d7ec6a]:hover{background:#4755694d;color:#e2e8f0}.modal-body[data-v-63d7ec6a]{gap:1.75rem;max-height:70vh;overflow-y:auto;padding:1.75rem}.modal-body[data-v-63d7ec6a],.setting-section[data-v-63d7ec6a]{display:flex;flex-direction:column}.setting-section[data-v-63d7ec6a]{gap:.875rem}.section-header[data-v-63d7ec6a]{align-items:center;display:flex;gap:.625rem}.section-icon[data-v-63d7ec6a]{color:#fb923c;flex-shrink:0;height:1.125rem;width:1.125rem}.section-label[data-v-63d7ec6a]{color:#cbd5e1;font-size:.875rem;font-weight:600;letter-spacing:-.0125em}.number-control[data-v-63d7ec6a]{gap:.75rem}.number-btn[data-v-63d7ec6a],.number-control[data-v-63d7ec6a]{align-items:center;display:flex}.number-btn[data-v-63d7ec6a]{background:#1e293b80;border:1px solid rgba(71,85,105,.4);border-radius:.625rem;color:#cbd5e1;cursor:pointer;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.number-btn svg[data-v-63d7ec6a]{height:1.25rem;width:1.25rem}.number-btn[data-v-63d7ec6a]:hover:not(:disabled){background:#1e293bcc;border-color:#fb923c66;color:#fb923c}.number-btn[data-v-63d7ec6a]:disabled{cursor:not-allowed;opacity:.4}.number-input[data-v-63d7ec6a]{background:#0f172a99;border:1px solid rgba(71,85,105,.4);border-radius:.625rem;color:#f8fafc;flex:1;font-size:1rem;font-weight:600;padding:.625rem 1rem;text-align:center;transition:all .2s ease}.number-input[data-v-63d7ec6a]:focus{background:#0f172acc;border-color:#fb923c80;box-shadow:0 0 0 3px #fb923c1f;outline:none}.hint-text[data-v-63d7ec6a]{color:#64748b;font-size:.8125rem;margin-left:.25rem}.option-group[data-v-63d7ec6a]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.option-btn[data-v-63d7ec6a]{align-items:center;background:#1e293b66;border:1.5px solid rgba(71,85,105,.35);border-radius:.75rem;color:#cbd5e1;cursor:pointer;display:flex;gap:.5rem;justify-content:center;min-height:3rem;padding:.875rem 1rem;position:relative;transition:all .2s ease}.option-btn[data-v-63d7ec6a]:hover:not(:disabled):not(.locked){background:#1e293b99;border-color:#47556980;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.option-btn.active[data-v-63d7ec6a]{background:#fb923c1f;border-color:#fb923c;box-shadow:0 0 0 1px #fb923c26;color:#fb923c}.option-btn.difficulty.easy.active[data-v-63d7ec6a]{background:#22c55e1f;border-color:#22c55e;box-shadow:0 0 0 1px #22c55e26;color:#22c55e}.option-btn.difficulty.hard.active[data-v-63d7ec6a]{background:#ef44441f;border-color:#ef4444;box-shadow:0 0 0 1px #ef444426;color:#ef4444}.option-btn.locked[data-v-63d7ec6a]{cursor:not-allowed;opacity:.4}.option-flag[data-v-63d7ec6a]{font-size:1.5rem;line-height:1}.option-text[data-v-63d7ec6a]{font-size:.875rem;font-weight:500}.lock-icon[data-v-63d7ec6a]{color:#64748b;height:1rem;margin-right:.25rem;width:1rem}.modal-footer[data-v-63d7ec6a]{background:#0f172a4d;border-top:1px solid rgba(71,85,105,.25);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.75rem 1.5rem}.btn[data-v-63d7ec6a]{align-items:center;border:none;border-radius:.625rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;letter-spacing:-.0125em;outline:none;padding:.75rem 1.5rem;transition:all .2s ease}.btn-icon[data-v-63d7ec6a]{height:1.125rem;width:1.125rem}.btn[data-v-63d7ec6a]:focus-visible{outline:2px solid rgba(251,146,60,.5);outline-offset:2px}.btn-cancel[data-v-63d7ec6a]{background:#47556940;border:1px solid rgba(71,85,105,.4);color:#cbd5e1}.btn-cancel[data-v-63d7ec6a]:hover:not(:disabled){background:#47556966;border-color:#47556999;color:#e2e8f0}.btn-cancel[data-v-63d7ec6a]:active:not(:disabled){transform:scale(.98)}.btn-save[data-v-63d7ec6a]{background:linear-gradient(135deg,#fb923c,#f97316);border:1px solid rgba(251,146,60,.4);box-shadow:0 4px 12px #fb923c40;color:#fff}.btn-save[data-v-63d7ec6a]:hover:not(:disabled){background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 6px 16px #fb923c59;transform:translateY(-2px)}.btn-save[data-v-63d7ec6a]:active:not(:disabled){transform:translateY(0)}.btn-cancel[data-v-63d7ec6a]:disabled,.btn-save[data-v-63d7ec6a]:disabled{cursor:not-allowed;opacity:.5}.modal-fade-enter-active[data-v-63d7ec6a],.modal-fade-leave-active[data-v-63d7ec6a]{transition:opacity .25s ease}.modal-fade-enter-from[data-v-63d7ec6a],.modal-fade-leave-to[data-v-63d7ec6a]{opacity:0}.modal-fade-enter-active .modal-container[data-v-63d7ec6a]{animation:slideUp-63d7ec6a .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp-63d7ec6a{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-overlay[data-v-63d7ec6a]{align-items:stretch;padding:0}.modal-container[data-v-63d7ec6a]{max-width:100%}.modal-container[data-v-63d7ec6a],.modal-content[data-v-63d7ec6a]{display:flex;flex-direction:column;height:100%}.modal-content[data-v-63d7ec6a]{border:none;border-radius:0}.modal-header[data-v-63d7ec6a]{flex-shrink:0;padding:1.25rem 1.5rem}.modal-body[data-v-63d7ec6a]{flex:1;gap:1.5rem;max-height:none;overflow-y:auto;padding:1.5rem}.option-group[data-v-63d7ec6a]{grid-template-columns:repeat(2,1fr)}.modal-footer[data-v-63d7ec6a]{flex-direction:column;flex-shrink:0;padding:1rem 1.5rem 1.25rem}.btn[data-v-63d7ec6a]{width:100%}.modal-fade-enter-active .modal-container[data-v-63d7ec6a]{animation:slideUpMobile-63d7ec6a .3s ease-out}@keyframes slideUpMobile-63d7ec6a{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}