body{margin:0;font-family:Poppins,sans-serif}.center-main[data-v-f3069c6e]{display:flex;min-height:100vh;background:linear-gradient(#9fc9ffc8,#ffd8d8c8),url(/assets/pot2_bg-BXZeUhAN.png) center/cover no-repeat;align-items:center;justify-content:center}.notification-wrapper[data-v-5287df2f]{width:350px;max-height:500px;background:#fff;border-radius:14px;padding:1rem;box-shadow:0 4px 20px #0000001f;font-family:open-sans,sans-serif}.scroll-area[data-v-5287df2f]{max-height:350px;overflow-y:auto}.notif-header[data-v-5287df2f]{display:flex;justify-content:space-between;align-items:center}.notif-header .left[data-v-5287df2f]{display:flex;align-items:center;gap:.6rem}.notif-item[data-v-5287df2f]:hover{background:#eee;cursor:pointer}.header-icon[data-v-5287df2f]{width:24px}.title-box h2[data-v-5287df2f]{margin:0;font-size:16px;font-weight:800}.title-box p[data-v-5287df2f]{margin:0;font-size:12px;color:#777}.notif-btn[data-v-5287df2f]{background:none;border:none;cursor:pointer;color:#000;width:36px;height:36px;padding:0}.notif-btn[data-v-5287df2f]:hover{background:#cdcdcd}.notif-btn[data-v-5287df2f]:hover:active{background:#aaa}.close-btn[data-v-5287df2f]{font-size:22px;font-weight:700}.mark-all-read-btn[data-v-5287df2f]{font-size:14px;font-weight:400}.mark-all-read-btn img[data-v-5287df2f]{width:100%;height:100%}.section-title[data-v-5287df2f]{margin-top:1rem;margin-bottom:.75rem;color:#777;font-size:14px;font-weight:600}.notif-list[data-v-5287df2f]{display:flex;flex-direction:column;gap:1rem}.notif-item[data-v-5287df2f]{display:flex;gap:.8rem}.notif-icon[data-v-5287df2f]{width:40px;height:40px}.text-block[data-v-5287df2f]{flex:1}.row-1[data-v-5287df2f]{display:flex;justify-content:space-between;align-items:flex-start}.notif-title[data-v-5287df2f]{margin:0;font-size:15px;font-weight:700;color:#000}.notif-date[data-v-5287df2f]{font-size:11px;color:#777;white-space:nowrap}.notif-desc[data-v-5287df2f]{margin:3px 0 0;color:#555;font-size:13px}.unread .notif-title[data-v-5287df2f]{font-weight:800}.view-btn[data-v-5287df2f]{margin-top:3px;padding:0;background:none;border:none;color:#3a77f2;font-size:13px;cursor:pointer;font-weight:600}.top-bar[data-v-cde6529a]{justify-content:space-between;align-items:center;width:1320px;background:#ffffffcd;height:64px;display:flex;gap:20px;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:10px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-icon[data-v-cde6529a]{cursor:pointer}.score-section[data-v-cde6529a]{display:flex;gap:20px;font-weight:600;align-items:center;flex-direction:row}.score-item[data-v-cde6529a]{display:flex;align-items:center;gap:1rem;flex-direction:row}.score-item.rank[data-v-cde6529a]{font-family:open-sans,sans-serif;font-weight:600;gap:4px;cursor:pointer;transition:all .2s}.score-item.rank[data-v-cde6529a]:hover{opacity:.9;transform:scale(1.05)}.score-contaier[data-v-cde6529a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin:.5rem}.label[data-v-cde6529a]{font-family:open-sans,sans-serif;font-weight:600;font-size:14px;color:#969696;margin:0}.score[data-v-cde6529a]{font-family:montserrat,sans-serif;font-weight:700;font-size:20px;color:#222;margin:0;padding:0}.rank-container[data-v-cde6529a]{font-family:open-sans,sans-serif;font-weight:700;font-size:18px;background:#0000000d;color:#000;padding:.25rem .5rem;border-radius:4px;width:100px;height:40px;display:flex;align-items:center;justify-content:left}.top-buttons[data-v-cde6529a]{display:flex;align-items:center;gap:12px;position:relative}.question-quota[data-v-cde6529a]{font-family:open-sans,sans-serif;font-weight:700;font-size:16px;background:#0000000d;color:#000;padding:.25rem .5rem;border-radius:4px;width:auto;height:40px;display:flex;align-items:center;justify-content:center}.avatar-btn[data-v-cde6529a]{padding:0;border-radius:50%;overflow:hidden;width:40px;height:40px;background:#e3efff;display:flex;align-items:center;justify-content:center}.avatar-img[data-v-cde6529a]{width:100%;height:100%;object-fit:cover;border-radius:50%}.icon-btn[data-v-cde6529a]{background:none;border:none;font-size:1.5rem;cursor:pointer;transition:transform .2s}.icon-btn[data-v-cde6529a]:hover{transform:scale(1.15)}.dropdown[data-v-cde6529a]{position:relative}.dropdown-menu[data-v-cde6529a]{position:absolute;top:190%;right:0;background:#f5f5f5;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:.5rem}.dropdown-menu button[data-v-cde6529a]{display:block;width:220px;padding:6px 12px;gap:20px;text-align:left;border:none;background:none;cursor:pointer;font-family:open-sans,sans-serif;font-size:18px}.dropdown-menu button[data-v-cde6529a]:not(:last-child){font-weight:400;color:#000}.dropdown-menu button[data-v-cde6529a]:last-child{color:red;font-weight:600}.dropdown-menu button[data-v-cde6529a]:hover{background-color:#f2f2f2}.dropdown-notification[data-v-cde6529a]{position:absolute;top:190%;right:-40px;width:380px;max-height:400px;z-index:9999}.notification-btn[data-v-cde6529a]{position:relative;padding-left:0}.badge[data-v-cde6529a]{position:absolute;bottom:.85rem;right:0;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin:0;padding:0;border-radius:50%;font-size:.75rem;font-weight:700;line-height:100%;letter-spacing:0;background:#dd1f1f;outline:1px solid white}.pulse[data-v-cde6529a]{animation:pulse-cde6529a 1s}@keyframes pulse-cde6529a{0%{transform:scale(1)}30%{transform:scale(1.5)}to{transform:scale(1)}}.left-section[data-v-cde6529a]{display:flex;align-items:center;gap:20px}.tutorial-btn[data-v-cde6529a]{padding:0;width:50px}.tutorial-btn img[data-v-cde6529a]{width:60px;height:60px;padding:0}.bottom-bar[data-v-b22f2a6d]{display:flex;justify-content:center;align-items:center;gap:20px;padding:12px 0;width:1320px}.container[data-v-b22f2a6d]{background:#ffffffcd;height:64px;display:flex;gap:20px;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:10px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.resource[data-v-b22f2a6d]{display:flex;align-items:center;gap:8px;font-weight:600}.resource img[data-v-b22f2a6d]{width:36px;height:36px}button[data-v-b22f2a6d]{background:none;border:none;display:flex;gap:8px;font-weight:600;cursor:pointer;color:#000}.clickable[data-v-b22f2a6d]{cursor:pointer}.badge[data-v-b22f2a6d]{position:absolute;top:0;right:-1rem;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin:0;padding:0;border-radius:50%;font-size:.75rem;font-weight:700;line-height:100%;letter-spacing:0;background:#dd1f1f;outline:1px solid white;color:#fff}.chat-modal-backdrop[data-v-81478dc8]{position:fixed;inset:0;background:#00000040;display:flex;justify-content:center;align-items:center;z-index:999}.chat-modal[data-v-81478dc8]{width:90vw;max-width:1100px;height:90vh;max-height:700px;background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column}.header[data-v-81478dc8]{display:flex;justify-content:space-between;align-items:center}.header .left[data-v-81478dc8]{display:flex;gap:12px;align-items:center;justify-content:center}.header .left h2[data-v-81478dc8]{font-family:montserrat,sans-serif;font-size:26px;font-weight:700;color:#333;margin:0;padding-top:20px}.header .left p[data-v-81478dc8]{font-family:open-sans,sans-serif;font-size:18px;font-weight:400;color:#5e5f60;margin:0;padding:0}.header-actions[data-v-81478dc8]{display:flex;align-items:center;gap:12px}.new-session-btn[data-v-81478dc8]{padding:8px 14px;border-radius:20px;border:1px solid #e1e4ff;background:#f5f7ff;color:#4a68ff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.new-session-btn[data-v-81478dc8]:hover{background:#e9edff}.icon[data-v-81478dc8]{width:60px}.close-btn[data-v-81478dc8]{width:16px;height:16px;cursor:pointer;opacity:.7;transition:.15s ease}.close-btn[data-v-81478dc8]:hover{opacity:1}.messages[data-v-81478dc8]{flex:1;overflow-y:auto;padding:10px;scroll-behavior:smooth}.date-row[data-v-81478dc8]{position:relative;margin:30px 0 10px}.date-line[data-v-81478dc8]{border-top:1px solid #e5e5e5;width:100%}.date-label[data-v-81478dc8]{position:absolute;right:0;top:-10px;background:#e5e5e5;padding:3px 12px;border-radius:12px;font-size:12px;color:#777}.chat-list[data-v-81478dc8]{display:flex;flex-direction:column;gap:22px}.chat-item[data-v-81478dc8]{display:flex;gap:12px;align-items:flex-start}.chat-item.user[data-v-81478dc8]{flex-direction:row-reverse;text-align:left}.chat-item.user .top-row[data-v-81478dc8]{justify-content:flex-end}.chat-item.user .bubble[data-v-81478dc8]{padding:16px;border-radius:12px;background:#f2f5ff}.chat-item.assistant[data-v-81478dc8]{flex-direction:row}.chat-item.assistant .bubble[data-v-81478dc8]{padding:16px;border-radius:12px;background:#f7f7f7}.avatar[data-v-81478dc8]{width:44px;height:44px;border-radius:50%}.top-row[data-v-81478dc8]{display:flex;gap:10px;align-items:center}.name[data-v-81478dc8]{font-weight:700;color:#333}.name.me[data-v-81478dc8]{color:#4a68ff}.timestamp[data-v-81478dc8]{font-size:12px;color:#888}.text[data-v-81478dc8]{margin-top:4px;white-space:pre-wrap;line-height:1.4}.input-container[data-v-81478dc8]{margin-top:14px}input[data-v-81478dc8]{width:100%;padding:14px;border-radius:8px;border:1px solid #ddd;font-size:15px}.tabs[data-v-81478dc8]{display:flex;gap:12px;align-items:center}.tabs button[data-v-81478dc8]{border:none;background:transparent;border-radius:16px 16px 0 0;font-size:18px;font-weight:700;cursor:pointer;opacity:.5;color:#555;margin-bottom:0}.tabs button.active[data-v-81478dc8]{opacity:1;color:#4a68ff;border-top:3px solid #4a68ff}.bubble.typing[data-v-81478dc8]{opacity:.7;font-style:italic}.ai-chat-locked[data-v-81478dc8]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.ai-warning[data-v-81478dc8]{font-size:12px;color:#999;text-align:center;margin-bottom:6px}.backdrop[data-v-dfca41be]{position:fixed;inset:0;background:#00000040;display:flex;justify-content:center;align-items:center;z-index:999}.modal-box[data-v-dfca41be]{width:900px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;padding:32px}.header[data-v-dfca41be]{display:flex;justify-content:space-between;align-items:flex-start}.header-text h2[data-v-dfca41be]{margin:0;font-size:26px;font-weight:700}.header-text p[data-v-dfca41be]{margin:0;font-size:16px;color:#777}.close-btn[data-v-dfca41be]{width:18px;cursor:pointer;opacity:.7}.user-info[data-v-dfca41be]{display:flex;gap:20px;margin-top:20px}.avatar[data-v-dfca41be]{width:90px;height:90px;border-radius:50%;object-fit:cover}.name-row[data-v-dfca41be]{display:flex;align-items:center;gap:8px}.edit-icon[data-v-dfca41be]{width:16px;cursor:pointer;opacity:.7}.edit-input[data-v-dfca41be]{padding:6px 10px;border-radius:6px;border:1px solid #ccc;font-size:16px}.edit-actions[data-v-dfca41be]{display:flex;gap:8px}.save-btn-small[data-v-dfca41be],.cancel-btn-small[data-v-dfca41be]{font-size:12px;padding:4px 8px;border-radius:6px;border:none;cursor:pointer}.save-btn-small[data-v-dfca41be]{background:#4a68ff;color:#fff}.cancel-btn-small[data-v-dfca41be]{background:#eee;color:#444}.details h3[data-v-dfca41be]{margin:0;font-size:20px;font-weight:700}.details p[data-v-dfca41be]{margin:2px 0;color:#666}.badges[data-v-dfca41be]{display:flex;gap:10px;margin-top:10px}.tag[data-v-dfca41be]{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.purple[data-v-dfca41be]{background:#e4d9ff;color:#5d3fd3}.green[data-v-dfca41be]{background:#d4f7d4;color:#2f8e2f}.section-title[data-v-dfca41be]{margin-top:32px;margin-bottom:10px;font-size:18px;font-weight:700}.reflection-row[data-v-dfca41be]{display:flex;gap:16px}.reflection-card[data-v-dfca41be]{flex:1;background:#f7faff;border:1px solid #d6e8ff;border-radius:12px;padding:16px}.card-header[data-v-dfca41be]{display:flex;justify-content:space-between;margin-bottom:6px}.card-title[data-v-dfca41be]{font-weight:700}.edit-btn[data-v-dfca41be]{background:none;border:none;color:#4a68ff;cursor:pointer}.analytics-grid[data-v-dfca41be]{display:flex;gap:16px;margin-top:16px}.analytics-card[data-v-dfca41be]{flex:1;background:#fafafa;border-radius:12px;padding:16px;text-align:center}.analytics-card .label[data-v-dfca41be]{font-size:14px;color:#777}.analytics-card h3[data-v-dfca41be]{margin:4px 0;font-size:26px}.sub[data-v-dfca41be]{font-size:12px;color:#aaa}.topics-grid[data-v-dfca41be]{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;row-gap:12px}.topic-row[data-v-dfca41be]{display:flex;justify-content:space-between;align-items:center}.topic-badge[data-v-dfca41be]{background:#e8f1ff;padding:4px 10px;border-radius:8px;font-weight:700}.coming-soon[data-v-dfca41be]{position:relative;pointer-events:none;filter:grayscale(.9) opacity(.9)}.coming-soon[data-v-dfca41be]:after{content:"COMING SOON";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;letter-spacing:4px;color:#00000026;background:repeating-linear-gradient(-45deg,#fff3,#fff3 10px,#ffffff8c 10px 20px);border-radius:inherit;z-index:2;text-transform:uppercase}.team-modal-backdrop[data-v-34c9b733]{position:fixed;inset:0;background:#00000040;display:flex;justify-content:center;align-items:center;z-index:999}.team-modal[data-v-34c9b733]{width:1260px;max-width:calc(100% - 48px);height:90vh;max-height:820px;background:#fff;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 8px 30px #12182814}.header[data-v-34c9b733]{display:flex;justify-content:space-between;align-items:center;gap:12px}.left[data-v-34c9b733]{display:flex;gap:12px;align-items:center}.icon[data-v-34c9b733]{width:44px;height:auto}.title[data-v-34c9b733]{font-family:montserrat,sans-serif;margin:0;font-weight:700;font-size:26px;color:#111;text-transform:uppercase}.subtitle[data-v-34c9b733]{font-family:open-sans,sans-serif;margin-top:10px;margin-bottom:0;color:#6b6f76;font-size:18px}.close-btn[data-v-34c9b733]{width:18px;height:18px;cursor:pointer;opacity:.8;top:-20px;position:relative}.summary-wrap[data-v-34c9b733]{width:100%;display:flex;justify-content:center;gap:28px;margin-top:16px;margin-bottom:8px}.summary-card[data-v-34c9b733]{width:100%;display:flex;align-items:flex-start;gap:14px;background:#f3f6f8;padding:14px 18px;border-radius:10px;min-width:420px;box-shadow:inset 0 0 0 1px #0a0f1905}.summary-icon[data-v-34c9b733]{width:48px;height:48px}.summary-label[data-v-34c9b733]{margin:0;font-weight:700;font-size:13px;color:#222}.summary-main[data-v-34c9b733]{display:flex;align-items:center;gap:8px}.summary-value[data-v-34c9b733]{font-weight:800;font-size:22px;margin:0;color:#101214}.summary-small[data-v-34c9b733]{margin:0;color:#6b6f76;font-size:13px}.summary-hint[data-v-34c9b733]{margin:6px 0 0;color:#6b6f76;font-size:12px}.scroll-area[data-v-34c9b733]{margin-top:18px;flex:1 1 auto;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:30px}:scope[data-v-34c9b733]::-webkit-scrollbar{width:0;background:transparent}.section-title[data-v-34c9b733]{margin:0 0 6px;font-size:18px;font-weight:700;color:#111}.section-sub[data-v-34c9b733]{margin:0 0 14px;color:#7a7f85;font-size:13px}.members-list[data-v-34c9b733]{display:flex;flex-wrap:wrap;gap:24px 64px}.member[data-v-34c9b733]{width:calc(33.333% - 40px);display:flex;align-items:center;gap:14px}.avatar-wrap[data-v-34c9b733]{position:relative;width:58px;height:58px;flex:0 0 58px}.avatar[data-v-34c9b733]{width:58px;height:58px;border-radius:50%;object-fit:cover;display:block}.status-dot[data-v-34c9b733]{position:absolute;right:2px;bottom:2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 2px #0000001f}.status-dot.online[data-v-34c9b733]{background:#2ecc71}.status-dot.offline[data-v-34c9b733]{background:#cfcfcf}.member-info .member-name[data-v-34c9b733]{margin:0;font-weight:700;font-size:14px;color:#0e2546;display:inline-block}.member-info .you[data-v-34c9b733]{color:#4a68ff;font-weight:700;margin-left:6px;font-size:13px}.member-stats[data-v-34c9b733]{margin:6px 0 0;font-size:13px;color:#7a7f85;line-height:1.2}.badges-grid[data-v-34c9b733]{display:flex;flex-wrap:wrap;justify-content:start;gap:18px 32px;width:100%}.badge[data-v-34c9b733]{width:calc(33.333% - 40px);display:flex;gap:14px;align-items:flex-start;padding:10px 6px;border-radius:8px;background:transparent}.badge-icon[data-v-34c9b733]{width:72px;height:72px;object-fit:contain;flex:0 0 72px}.badge-body[data-v-34c9b733]{display:flex;flex-direction:column;gap:6px}.badge-title[data-v-34c9b733]{margin:0;font-weight:700;font-size:14px;color:#111}.badge-desc[data-v-34c9b733]{margin:0;font-size:13px;color:#6b6f76;line-height:1.2}.badge-meta[data-v-34c9b733]{margin-top:6px;display:flex;gap:8px;align-items:center}.pts-pill[data-v-34c9b733]{font-weight:700;padding:4px 8px;border-radius:6px;font-size:12px}.pill-unlocked[data-v-34c9b733]{background:#e9f8ef;color:#1b8a3e}.pill-locked[data-v-34c9b733]{background:#e8f1ff;color:#3a6ce0}.earned-date[data-v-34c9b733]{font-size:12px;color:#9aa0a6}.coming-soon[data-v-34c9b733]{position:relative;pointer-events:none;filter:grayscale(.9) opacity(.9)}.coming-soon[data-v-34c9b733]:after{content:"COMING SOON";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;letter-spacing:4px;color:#00000026;background:repeating-linear-gradient(-45deg,#fff6,#fff6 10px,#ffffff8c 10px 20px);border-radius:inherit;z-index:2;text-transform:uppercase}.action-card[data-v-5f76a3b4]{width:100%;max-width:280px;background:linear-gradient(135deg,#ffffffe6,#f0f0ffcc);border-radius:12px;padding:0 0 16px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:12px;-webkit-user-select:none;user-select:none;border:2px solid rgba(255,255,255,.5);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.action-card[data-v-5f76a3b4]:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0003}.card-image[data-v-5f76a3b4]{width:100%;height:140px;object-fit:cover;border-radius:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none;border:none;border-bottom:2px solid rgba(255,255,255,.6);margin:0}.effective-time[data-v-5f76a3b4]{font-size:11px;color:#555;font-style:italic;text-align:center;padding:6px 10px;margin:0 16px;background:#ffffffb3;border-radius:6px;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:4px}.effective-time[data-v-5f76a3b4]:before{content:"⏱";font-size:13px}.card-content[data-v-5f76a3b4]{display:flex;flex-direction:column;gap:6px;text-align:center;padding:0 16px}.card-footer[data-v-5f76a3b4]{margin-top:auto;display:flex;flex-direction:column;gap:12px}.cards-grid[data-v-5f76a3b4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch}.name[data-v-5f76a3b4]{font-size:16px;font-weight:700;margin:0;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.description[data-v-5f76a3b4]{font-size:12px;color:#4a4a4a;margin:0;line-height:1.4}.purchase-cost[data-v-5f76a3b4]{display:flex;flex-direction:column;gap:8px;background:#ffffff80;padding:10px;margin:0 16px;border-radius:8px}.cost-options-container[data-v-5f76a3b4]{display:flex;flex-direction:column;gap:8px}.purchase-cost.multiple-options .cost-options-container[data-v-5f76a3b4]{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.purchase-cost.multiple-options .cost-options-container[data-v-5f76a3b4]::-webkit-scrollbar{height:6px}.purchase-cost.multiple-options .cost-options-container[data-v-5f76a3b4]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.purchase-cost.multiple-options .cost-options-container[data-v-5f76a3b4]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.purchase-cost.multiple-options .cost-options-container[data-v-5f76a3b4]::-webkit-scrollbar-thumb:hover{background:#0000004d}.purchase-cost.multiple-options .cost-option[data-v-5f76a3b4]{flex-shrink:0;min-width:200px}.purchase-cost.multiple-options .or-divider[data-v-5f76a3b4]{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 8px}.cost-label[data-v-5f76a3b4]{text-align:center;font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.or-divider[data-v-5f76a3b4]{text-align:center;font-size:11px;font-weight:700;color:#888;margin:2px 0}.cost-option[data-v-5f76a3b4]{cursor:pointer;padding:10px;background:#fff;border-radius:8px;border:2px solid transparent;transition:all .2s ease}.cost-option[data-v-5f76a3b4]:hover{border-color:#4a9eff;transform:scale(1.02);box-shadow:0 2px 8px #4a9eff33}.cost-option.selected[data-v-5f76a3b4]{border-color:#0a73ff;background:linear-gradient(135deg,#e6f2ff,#f0f7ff);box-shadow:0 2px 8px #0a73ff40}.cost-option-multiple[data-v-5f76a3b4]{cursor:pointer;padding:8px;background:#fff;border-radius:8px;border:2px solid transparent;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.cost-option-multiple[data-v-5f76a3b4]:hover{border-color:#4a9eff;transform:scale(1.02);box-shadow:0 2px 8px #4a9eff33}.cost-option-multiple.selected[data-v-5f76a3b4]{border-color:#0a73ff;background:linear-gradient(135deg,#e6f2ff,#f0f7ff);box-shadow:0 2px 8px #0a73ff40}.resources[data-v-5f76a3b4]{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.resource[data-v-5f76a3b4]{display:flex;align-items:center;gap:5px;background:#f5f5f5;padding:5px 10px;border-radius:6px;font-size:13px;font-weight:700;border:1px solid rgba(0,0,0,.1)}.cost-option.selected .resource[data-v-5f76a3b4]{background:#fff;border-color:#0a73ff}.resource img[data-v-5f76a3b4]{width:18px;height:18px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none}.use-action-btn[data-v-5f76a3b4]{background:linear-gradient(135deg,#4a9eff,#0a73ff);color:#fff;border:none;border-radius:8px;padding:12px 20px;margin:4px 16px 0;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 8px #0a73ff4d}.use-action-btn[data-v-5f76a3b4]:hover{background:linear-gradient(135deg,#3888ee,#055bd1);transform:translateY(-2px);box-shadow:0 5px 12px #0a73ff66}.use-action-btn[data-v-5f76a3b4]:active{transform:translateY(0)}.action-card-mask[data-v-97dd71c4]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;width:100vw;height:100vh;cursor:pointer;z-index:1000}.action-card-dialog[data-v-97dd71c4]{cursor:auto;max-width:1000px;width:90%;max-height:90vh;background:#fff;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.dialog-header[data-v-97dd71c4]{padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;background:#fff;flex-shrink:0}.dialog-title[data-v-97dd71c4]{font-size:18px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;margin:0}.dialog-subtitle[data-v-97dd71c4]{font-size:13px;color:#666;margin:0;font-weight:400}.close-btn[data-v-97dd71c4]{background:transparent;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;line-height:1}.close-btn[data-v-97dd71c4]:hover{background:#0000000d;color:#333}.dialog-content[data-v-97dd71c4]{padding:2rem;overflow-y:auto;flex:1;background:linear-gradient(135deg,#add8e64d,#ffb6c14d)}.action-cards[data-v-97dd71c4]{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem}.dialog-footer[data-v-97dd71c4]{padding:1.5rem 2rem;background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0}.resources[data-v-97dd71c4]{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.resource[data-v-97dd71c4]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;cursor:default;background:#f5f5f5}.resource[data-v-97dd71c4]:hover{background:#e8e8e8}.resource img[data-v-97dd71c4]{width:24px;height:24px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.resource span[data-v-97dd71c4]{font-size:16px;font-weight:700;color:#333;min-width:35px;text-align:right}.resource-label[data-v-97dd71c4]{font-size:14px;color:#666;margin-right:.25rem}@media(max-width:768px){.action-card-dialog[data-v-97dd71c4]{width:95%;max-height:95vh}.dialog-header[data-v-97dd71c4]{padding:1rem 1.5rem}.dialog-content[data-v-97dd71c4]{padding:1.5rem}.dialog-footer[data-v-97dd71c4]{padding:1rem 1.5rem}.action-cards[data-v-97dd71c4]{gap:1.5rem}.resources[data-v-97dd71c4]{gap:1rem}}.overlay[data-v-cde9bc5e]{position:fixed;inset:0;background:#00000026;z-index:999;display:flex;justify-content:flex-start;align-items:flex-end;padding:120px 0 120px 120px}.card[data-v-cde9bc5e]{width:420px;max-height:70vh;overflow-y:auto;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;box-shadow:0 20px 60px #00000040}.header[data-v-cde9bc5e]{display:flex;justify-content:space-between;align-items:center}.list[data-v-cde9bc5e]{margin-top:16px;display:flex;flex-direction:column;gap:12px}.item[data-v-cde9bc5e]{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;background:#f5f5f5}.left[data-v-cde9bc5e]{display:flex;gap:12px;align-items:center}.left img[data-v-cde9bc5e]{width:40px}.title[data-v-cde9bc5e]{font-weight:600}.subtitle[data-v-cde9bc5e]{font-size:12px;color:#666}.capacity[data-v-cde9bc5e]{text-align:right;font-weight:700}.small[data-v-cde9bc5e]{font-size:12px;font-weight:500}.normal[data-v-cde9bc5e]{color:#2e7d32}.warning[data-v-cde9bc5e]{color:#f9a825}.danger[data-v-cde9bc5e]{color:#d32f2f}.item.building[data-v-cde9bc5e]{opacity:.5;background:#e0e0e0}.unavailable[data-v-cde9bc5e]{font-size:12px;font-weight:500;color:#777;margin-left:6px}.status-badge[data-v-cde9bc5e]{display:inline-block;margin-top:6px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:999px;letter-spacing:.5px}.status-badge.building[data-v-cde9bc5e]{background:#eee;color:#666}.status-badge.upgrading[data-v-cde9bc5e]{background:#fff3cd;color:#b8860b}.status-badge.done[data-v-cde9bc5e]{background:#e6f4ea;color:#2e7d32}.close-btn[data-v-cde9bc5e]{background:none;border:none;font-size:18px;cursor:pointer;color:#777}.item.clickable[data-v-cde9bc5e]{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.item.clickable[data-v-cde9bc5e]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.game-layout[data-v-b8125e08]{display:flex;justify-content:center;position:relative;background:linear-gradient(#9fc9ffc8,#ffd8d8c8),url(/assets/game_bg-DuadcNiU.png) center / cover no-repeat;width:100%;min-height:100vh;overflow:hidden}.center-main[data-v-b8125e08]{display:flex;width:100%;max-height:100vh;min-height:100vh;align-items:center;justify-content:center;overflow-y:auto}.floating-container[data-v-b8125e08]{position:absolute;display:flex;justify-content:center;z-index:10}.floating-container.top[data-v-b8125e08]{position:fixed;top:20px}.floating-container.bottom[data-v-b8125e08]{bottom:20px}:root{--primary-color: #007bff;--secondary-color: #f9f9f9;--font-family: "Inter", "Segoe UI", Arial, sans-serif;--border-radius: 10px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-family);background:var(--secondary-color);color:#222;min-height:100vh}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,button{outline:none;border-radius:var(--border-radius)}.btn{font-family:Montserrat,sans-serif;font-weight:600;border:none;border-radius:5px;padding:10px 28px;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary{background:#2484ff;color:#fff;box-shadow:0 4px 12px #378fff66}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #378fff80}.btn-secondary{background:#d6d6d6;color:#666;cursor:not-allowed;opacity:.7;box-shadow:none}.btn-back{background:#e9f1ff;color:#007bff;display:flex;align-items:center;gap:6px}.btn-back:hover{background:#dce9ff}.icon-left{width:16px;height:16px}#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;background-color:#f9f9f9}body{background:linear-gradient(135deg,#9fc9ffc8,#ffd8d8c8);min-height:100vh}.center-content{display:flex;justify-content:center;align-items:center;min-height:100vh}.logo{display:block;margin:0 auto 20px;max-width:220px}input[type=email],input[type=password]{width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:var(--border-radius);font-size:1rem;margin-bottom:1rem}button{background:var(--primary-color);color:#fff;border:none;padding:12px;border-radius:var(--border-radius);font-size:1rem;font-weight:600;transition:background .3s}button:hover{background:#0056b3}