.modal-overlay[data-v-c7985ef2]{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn-c7985ef2 .2s ease;overflow-y:auto;padding:20px}@keyframes fadeIn-c7985ef2{0%{opacity:0}to{opacity:1}}.modal-content[data-v-c7985ef2]{background:#fff;padding:32px 24px;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp-c7985ef2 .3s ease;position:relative}@keyframes slideUp-c7985ef2{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-c7985ef2]{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:#666;transition:all .2s ease}.close-btn[data-v-c7985ef2]:active{background:#e0e0e0;transform:scale(.95)}.modal-title[data-v-c7985ef2]{font-size:28px;font-weight:700;color:#000;margin-bottom:24px;text-align:center}.rules[data-v-c7985ef2]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.rule-item[data-v-c7985ef2]{display:flex;gap:16px;align-items:flex-start}.rule-number[data-v-c7985ef2]{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;flex-shrink:0}.rule-text[data-v-c7985ef2]{flex:1}.rule-text strong[data-v-c7985ef2]{display:block;font-size:16px;color:#000;margin-bottom:4px}.rule-text p[data-v-c7985ef2]{font-size:14px;color:#666;line-height:1.5}.game-rules[data-v-c7985ef2]{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:24px}.game-rules h3[data-v-c7985ef2]{font-size:18px;color:#000;margin-bottom:12px}.game-rules ul[data-v-c7985ef2]{list-style:none;padding:0;margin:0}.game-rules li[data-v-c7985ef2]{font-size:14px;color:#666;padding:6px 0 6px 20px;position:relative}.game-rules li[data-v-c7985ef2]:before{content:"•";position:absolute;left:8px;color:#667eea;font-weight:700}.game-rules strong[data-v-c7985ef2]{color:#000}.modal-btn[data-v-c7985ef2]{width:100%;height:48px;font-size:18px;font-weight:700;border:none;border-radius:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea66}.modal-btn[data-v-c7985ef2]:active{transform:scale(.98);box-shadow:0 2px 8px #667eea66}.language-switcher[data-v-574f8106]{position:relative}.lang-btn[data-v-574f8106]{height:36px;padding:0 12px;font-size:14px;background:#fff;border:1px solid #000000;border-radius:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.lang-btn[data-v-574f8106]:active{transform:scale(.95);background:#f0f0f0}.lang-menu[data-v-574f8106]{position:absolute;top:42px;right:0;background:#fff;border:1px solid #000000;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:140px}.lang-option[data-v-574f8106]{width:100%;height:40px;padding:0 16px;font-size:14px;background:#fff;border:none;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.lang-option[data-v-574f8106]:hover{background:#f0f0f0}.lang-option.active[data-v-574f8106]{background:#000;color:#fff}.lang-option[data-v-574f8106]:not(:last-child){border-bottom:1px solid #e0e0e0}.dropdown-enter-active[data-v-574f8106],.dropdown-leave-active[data-v-574f8106]{transition:all .2s ease}.dropdown-enter-from[data-v-574f8106],.dropdown-leave-to[data-v-574f8106]{opacity:0;transform:translateY(-10px)}.status-bar[data-v-e59c10ce]{height:50px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;background:#e8eef5;border-bottom:1px solid #cccccc}.status-item[data-v-e59c10ce]{display:flex;flex-direction:column;align-items:center;gap:2px}.lang-switcher-wrapper[data-v-e59c10ce]{margin-left:auto}.status-label[data-v-e59c10ce]{font-size:11px;color:#666}.status-value[data-v-e59c10ce]{font-size:18px;font-weight:700;color:#000}.lives[data-v-e59c10ce]{display:flex;gap:4px}.heart[data-v-e59c10ce]{font-size:18px;transition:all .3s ease}.heart.lost[data-v-e59c10ce]{opacity:.2;transform:scale(.8)}.keypad[data-v-36a33c01]{padding:16px;background:#e8eef5;border-top:1px solid #cccccc;transition:opacity .3s ease}.keypad.disabled[data-v-36a33c01]{opacity:.5;pointer-events:none}.keypad.disabled .btn-restart[data-v-36a33c01]{opacity:1!important;pointer-events:auto!important}.answer-display[data-v-36a33c01]{text-align:center;margin-bottom:16px}.answer-input[data-v-36a33c01]{width:100%;max-width:300px;height:60px;font-size:36px;font-weight:700;color:#000;text-align:center;border:2px solid #000000;border-radius:8px;background:#fff;outline:none;letter-spacing:4px;-webkit-appearance:none;-moz-appearance:textfield}.answer-input[data-v-36a33c01]::-webkit-outer-spin-button,.answer-input[data-v-36a33c01]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.answer-input[data-v-36a33c01]::placeholder{color:#999;font-size:20px;letter-spacing:normal}.answer-input[data-v-36a33c01]:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a}.answer-input[data-v-36a33c01]:disabled{background:#f0f0f0;color:#999}.button-group[data-v-36a33c01]{display:flex;gap:12px;max-width:300px;margin:0 auto}.btn[data-v-36a33c01]{flex:1;height:50px;font-size:18px;font-weight:700;border:1px solid #000000;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn[data-v-36a33c01]:active:not(:disabled){transform:scale(.95)}.btn[data-v-36a33c01]:disabled{opacity:.3;cursor:not-allowed}.btn-clear[data-v-36a33c01]{background:#fff;color:#000}.btn-clear[data-v-36a33c01]:active:not(:disabled){background:#f0f0f0}.btn-confirm[data-v-36a33c01]{background:#000;color:#fff}.btn-confirm[data-v-36a33c01]:active:not(:disabled){background:#333}.btn-restart[data-v-36a33c01]{width:100%;max-width:300px;margin:12px auto 0;height:44px;font-size:16px;font-weight:700;border:1px solid #999999;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s ease;display:block;opacity:1!important;pointer-events:auto!important}.btn-restart[data-v-36a33c01]:active{transform:scale(.98);background:#f0f0f0}.modal-overlay[data-v-11145122]{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn-11145122 .2s ease}@keyframes fadeIn-11145122{0%{opacity:0}to{opacity:1}}.modal-content[data-v-11145122]{background:#fff;padding:32px;border-radius:16px;text-align:center;max-width:320px;width:90%;animation:scaleIn-11145122 .3s ease;transform-origin:center center}@keyframes scaleIn-11145122{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-title[data-v-11145122]{font-size:28px;font-weight:700;margin-bottom:16px}.modal-title.success[data-v-11145122]{color:#4a4}.modal-title.error[data-v-11145122]{color:#f44}.modal-message[data-v-11145122]{font-size:16px;color:#888;margin-bottom:24px}.modal-score[data-v-11145122]{font-size:48px;font-weight:700;color:gold;margin-bottom:24px}.modal-buttons[data-v-11145122]{display:flex;flex-direction:column;gap:12px}.modal-btn[data-v-11145122]{height:48px;font-size:18px;font-weight:700;border:2px solid #1a1a1a;border-radius:24px;cursor:pointer;transition:all .2s ease}.modal-btn.primary[data-v-11145122]{background:#1a1a1a;color:#fff}.modal-btn.primary[data-v-11145122]:active{background:gold;color:#1a1a1a;border-color:gold}.modal-btn.secondary[data-v-11145122]{background:#fff;color:#1a1a1a}.modal-btn.secondary[data-v-11145122]:active{background:#f5f5f5}.modal-overlay[data-v-c1185e3f]{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn-c1185e3f .2s ease}@keyframes fadeIn-c1185e3f{0%{opacity:0}to{opacity:1}}.modal-content[data-v-c1185e3f]{background:#fff;padding:32px;border-radius:16px;text-align:center;max-width:320px;width:90%;animation:scaleIn-c1185e3f .3s ease;transform-origin:center center}@keyframes scaleIn-c1185e3f{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-title[data-v-c1185e3f]{font-size:28px;font-weight:700;margin-bottom:16px;color:#000}.modal-message[data-v-c1185e3f]{font-size:16px;color:#888;margin-bottom:24px}.modal-buttons[data-v-c1185e3f]{display:flex;gap:12px}.modal-btn[data-v-c1185e3f]{flex:1;height:48px;font-size:18px;font-weight:700;border:2px solid #1a1a1a;border-radius:24px;cursor:pointer;transition:all .2s ease}.modal-btn.primary[data-v-c1185e3f]{background:#1a1a1a;color:#fff}.modal-btn.primary[data-v-c1185e3f]:active{background:gold;color:#1a1a1a;border-color:gold}.modal-btn.secondary[data-v-c1185e3f]{background:#fff;color:#1a1a1a}.modal-btn.secondary[data-v-c1185e3f]:active{background:#f5f5f5}.poster-preview[data-v-f3b7a729]{position:fixed;inset:0;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200;padding:20px}.poster-preview img[data-v-f3b7a729]{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 4px 20px #00000080}.close-btn[data-v-f3b7a729]{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#fff;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;color:#1a1a1a}.poster-hint[data-v-f3b7a729]{color:#fff;margin-top:16px;font-size:14px}.fade-enter-active[data-v-f3b7a729],.fade-leave-active[data-v-f3b7a729]{transition:opacity .3s ease}.fade-enter-from[data-v-f3b7a729],.fade-leave-to[data-v-f3b7a729]{opacity:0}:root{--color-bg: #e8eef5;--color-primary: #000000;--color-secondary: #666666;--color-accent: #000000;--color-error: #ff0000;--color-success: #00aa00;--color-white: #ffffff;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;display:flex;flex-direction:column}.game-canvas-container{flex:1;width:100%;position:relative;overflow:hidden;min-height:200px;background:#e8eef5}.game-canvas-container canvas{position:absolute;top:0;left:0;width:100%;height:100%}.status-bar{height:60px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;background:var(--color-white);border-bottom:2px solid var(--color-primary)}.status-item{display:flex;flex-direction:column;align-items:center;gap:4px}.status-label{font-size:12px;color:var(--color-secondary)}.status-value{font-size:20px;font-weight:700;color:var(--color-primary)}.lives{display:flex;gap:4px}.heart{font-size:24px;transition:all .3s ease}.heart.lost{opacity:.3;transform:scale(.8)}.hint-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:var(--color-primary);text-align:center;pointer-events:none;z-index:10;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.keypad{padding:16px;background:var(--color-white);border-top:2px solid var(--color-primary)}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:320px;margin:0 auto}.key{height:60px;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;background:var(--color-bg);border:2px solid var(--color-primary);border-radius:12px;cursor:pointer;transition:all .1s ease;-webkit-tap-highlight-color:transparent}.key:active{transform:scale(.95);background:var(--color-primary);color:var(--color-white)}.key.disabled{opacity:.5;pointer-events:none}.key.action{background:var(--color-primary);color:var(--color-white)}.key.action:active{background:var(--color-accent);color:var(--color-primary)}.key.confirm{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent)}.key.confirm:active{background:var(--color-primary);color:var(--color-accent)}.answer-display{text-align:center;margin-bottom:16px;min-height:48px}.answer-value{font-size:36px;font-weight:700;color:var(--color-primary);letter-spacing:4px}.answer-placeholder{font-size:24px;color:var(--color-secondary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .3s ease}.modal-content{background:var(--color-white);padding:32px;border-radius:16px;text-align:center;max-width:320px;width:90%;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:28px;font-weight:700;margin-bottom:16px}.modal-title.success{color:var(--color-success)}.modal-title.error{color:var(--color-error)}.modal-message{font-size:16px;color:var(--color-secondary);margin-bottom:24px}.modal-score{font-size:48px;font-weight:700;color:var(--color-accent);margin-bottom:24px}.modal-buttons{display:flex;flex-direction:column;gap:12px}.modal-btn{height:48px;font-size:18px;font-weight:700;border:2px solid var(--color-primary);border-radius:24px;cursor:pointer;transition:all .2s ease}.modal-btn.primary{background:var(--color-primary);color:var(--color-white)}.modal-btn.primary:active{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent)}.modal-btn.secondary{background:var(--color-white);color:var(--color-primary)}.modal-btn.secondary:active{background:var(--color-bg)}.poster-preview{position:fixed;inset:0;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200;padding:20px}.poster-preview img{max-width:100%;max-height:80vh;border-radius:8px}.poster-preview .close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;background:var(--color-white);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer}.poster-hint{color:var(--color-white);margin-top:16px;font-size:14px}#app[data-v-02aa1c95]{width:100%;height:100%;display:flex;flex-direction:column}.game-canvas-container[data-v-02aa1c95]{flex:1;width:100%;position:relative;overflow:hidden;background:#e8eef5;min-height:250px}.hint-text[data-v-02aa1c95]{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:20px;font-weight:700;color:#000;text-align:center;pointer-events:none;z-index:10;animation:fadeIn-02aa1c95 .3s ease;background:transparent;padding:8px 24px}.start-hint[data-v-02aa1c95]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;animation:fadeIn-02aa1c95 .5s ease}.start-title[data-v-02aa1c95]{font-size:32px;font-weight:700;color:#000;margin-bottom:12px}.start-desc[data-v-02aa1c95]{font-size:16px;color:#666;margin-bottom:32px}.start-btn[data-v-02aa1c95],.rules-btn[data-v-02aa1c95]{display:block;width:240px;height:50px;margin:0 auto 12px;font-size:18px;font-weight:700;border:2px solid #000000;border-radius:8px;cursor:pointer;transition:all .2s ease}.start-btn[data-v-02aa1c95]{background:#000;color:#fff}.start-btn[data-v-02aa1c95]:active{transform:scale(.98);background:#333}.rules-btn[data-v-02aa1c95]{background:#fff;color:#000}.rules-btn[data-v-02aa1c95]:active{transform:scale(.98);background:#f0f0f0}@keyframes fadeIn-02aa1c95{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}