@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap);:root{--sc2-bg-deep:#080b12;--sc2-bg-dark:#0d1117;--sc2-bg-panel:#131926;--sc2-bg-hover:#1a2236;--sc2-border:#1e2d4a;--sc2-border-glow:#2a4a7a;--sc2-text:#c8d6e5;--sc2-text-bright:#e8f0fe;--sc2-text-dim:#6b7d99;--sc2-accent:#00b4d8;--sc2-accent-glow:#0096c7;--sc2-terran:#e07020;--sc2-zerg:#b030c0;--sc2-protoss:#30a0e0;--sc2-gold:gold;--sc2-danger:#f44;--sc2-success:#0c6;--sc2-sidebar-w:250px;--base-clr:var(--sc2-bg-dark);--line-clr:var(--sc2-border);--hover-clr:var(--sc2-bg-hover);--text-clr:var(--sc2-text);--accent-clr:var(--sc2-accent);--secondary-text-clr:var(--sc2-text-dim)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}#app,body,html{margin:0;padding:0;height:100%;width:100%;font-family:Rajdhani,Segoe UI,sans-serif;background-color:var(--sc2-bg-deep);color:var(--sc2-text);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--sc2-bg-deep)}::-webkit-scrollbar-thumb{background:var(--sc2-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sc2-accent)}::-moz-selection{background:var(--sc2-accent);color:var(--sc2-bg-deep)}::selection{background:var(--sc2-accent);color:var(--sc2-bg-deep)}.glow-text{text-shadow:0 0 10px var(--sc2-accent),0 0 20px rgba(0,180,216,.3)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.sc2-btn-submit[data-v-09aa3ace]{position:relative;margin-top:24px;width:100%;max-width:360px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sc2-accent),var(--sc2-accent-glow));border:none;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,180,216,.2)}.sc2-btn-submit[data-v-09aa3ace]:hover{transform:translateY(-1px);box-shadow:0 6px 25px rgba(0,180,216,.35)}.sc2-btn-submit[data-v-09aa3ace]:active{transform:translateY(0)}.btn-text[data-v-09aa3ace]{font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;color:#fff;letter-spacing:1px;text-transform:uppercase;z-index:1}.btn-shine[data-v-09aa3ace]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:left .5s ease}.sc2-btn-submit:hover .btn-shine[data-v-09aa3ace]{left:100%}.sc2-btn-text[data-v-1e509292]{font-family:Rajdhani,sans-serif;font-size:14px;color:var(--sc2-accent);cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.sc2-btn-text[data-v-1e509292]:hover{color:var(--sc2-text-bright);text-shadow:0 0 8px rgba(0,180,216,.4)}.wInput{box-sizing:border-box;width:100%;max-width:360px;padding:12px 16px;font-size:15px;font-family:Rajdhani,sans-serif;color:var(--sc2-text);background:rgba(13,17,23,.6);border:1px solid var(--sc2-border);border-radius:6px;margin-top:16px;transition:all .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wInput:focus{border-color:var(--sc2-accent);box-shadow:0 0 0 2px rgba(0,180,216,.15),0 0 12px rgba(0,180,216,.1);outline:none}.wInput::-moz-placeholder{color:var(--sc2-text-dim)}.wInput::placeholder{color:var(--sc2-text-dim)}.wInputSmall{box-sizing:border-box;width:220px;padding:12px 16px;font-size:15px;font-family:Rajdhani,sans-serif;color:var(--sc2-text);background:rgba(13,17,23,.6);border:1px solid var(--sc2-border);border-radius:6px;margin-top:16px;transition:all .25s ease}.wInputSmall:focus{border-color:var(--sc2-accent);box-shadow:0 0 0 2px rgba(0,180,216,.15);outline:none}.wInputSmall::-moz-placeholder{color:var(--sc2-text-dim)}.wInputSmall::placeholder{color:var(--sc2-text-dim)}.sc2-panel{background:linear-gradient(135deg,var(--sc2-bg-panel),var(--sc2-bg-dark));border:1px solid var(--sc2-border);border-radius:12px;padding:24px;position:relative;overflow:hidden}.sc2-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--sc2-accent),transparent);opacity:.6}.sc2-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:var(--sc2-text-bright);letter-spacing:1px;margin-bottom:24px}.sc2-subtitle{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:600;color:var(--sc2-text);letter-spacing:.5px}.login-form[data-v-68f0e065]{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 40px}.form-title[data-v-68f0e065]{font-family:Orbitron,sans-serif;font-size:32px;font-weight:700;color:var(--sc2-text-bright);letter-spacing:3px;margin-bottom:4px}.form-subtitle[data-v-68f0e065]{font-family:Orbitron,sans-serif;font-size:10px;color:var(--sc2-text-dim);letter-spacing:4px;margin-bottom:32px}form[data-v-68f0e065]{width:100%;display:flex;flex-direction:column;align-items:center}.error-msg[data-v-68f0e065]{color:var(--sc2-danger);font-size:13px;margin-top:12px}.form-links[data-v-68f0e065]{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px}.row-links[data-v-68f0e065]{display:flex;align-items:center;gap:8px}.divider[data-v-68f0e065]{color:var(--sc2-border);font-size:12px}.login-form[data-v-65431e24]{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 40px}.form-title[data-v-65431e24]{font-family:Orbitron,sans-serif;font-size:32px;font-weight:700;color:var(--sc2-text-bright);letter-spacing:3px;margin-bottom:4px}.form-subtitle[data-v-65431e24]{font-family:Orbitron,sans-serif;font-size:10px;color:var(--sc2-text-dim);letter-spacing:4px;margin-bottom:32px}form[data-v-65431e24]{width:100%;display:flex;flex-direction:column;align-items:center}.code-row[data-v-65431e24]{display:flex;align-items:flex-end;gap:10px}.send-code-btn[data-v-65431e24]{padding:10px 20px;margin-top:16px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;color:#fff;background:var(--sc2-accent);border:none;border-radius:6px;cursor:pointer;transition:all .2s}.send-code-btn[data-v-65431e24]:hover{background:var(--sc2-accent-glow);box-shadow:0 0 12px rgba(0,180,216,.3)}.form-links[data-v-65431e24]{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px}.login-form[data-v-774d4924]{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 40px}.form-title[data-v-774d4924]{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:var(--sc2-text-bright);letter-spacing:2px;margin-bottom:4px}.form-subtitle[data-v-774d4924]{font-family:Orbitron,sans-serif;font-size:10px;color:var(--sc2-text-dim);letter-spacing:4px;margin-bottom:32px}form[data-v-774d4924]{width:100%;display:flex;flex-direction:column;align-items:center}.code-row[data-v-774d4924]{display:flex;align-items:flex-end;gap:10px}.send-code-btn[data-v-774d4924]{padding:10px 20px;margin-top:16px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;color:#fff;background:var(--sc2-accent);border:none;border-radius:6px;cursor:pointer;transition:all .2s}.send-code-btn[data-v-774d4924]:hover{background:var(--sc2-accent-glow)}.form-links[data-v-774d4924]{margin-top:24px}.sc2-auth-bg[data-v-9e767670]{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 40%,rgba(0,180,216,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(42,74,122,.1) 0,transparent 40%),var(--sc2-bg-deep)}.sc2-auth-container[data-v-9e767670]{display:flex;width:900px;height:560px;border-radius:16px;overflow:hidden;border:1px solid var(--sc2-border);box-shadow:0 0 40px rgba(0,0,0,.5),0 0 80px rgba(0,180,216,.05)}.auth-cover[data-v-9e767670]{position:relative;width:45%;background:url(/img/login-cover.5368f836.jpg) 50%/cover no-repeat}.cover-overlay[data-v-9e767670]{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,11,18,.7),rgba(0,180,216,.15))}.cover-content[data-v-9e767670]{position:absolute;bottom:40px;left:30px;z-index:1}.cover-title[data-v-9e767670]{font-family:Orbitron,sans-serif;font-size:24px;font-weight:800;color:var(--sc2-text-bright);letter-spacing:3px;text-shadow:0 0 20px rgba(0,180,216,.5)}.cover-subtitle[data-v-9e767670]{font-family:Orbitron,sans-serif;font-size:13px;color:var(--sc2-accent);letter-spacing:6px;margin-top:8px}@media (max-width:640px){.sc2-auth-container[data-v-9e767670]{width:100%;height:100%;min-height:100vh;border-radius:0;flex-direction:column}.auth-cover[data-v-9e767670]{display:none}.auth-form-area[data-v-9e767670]{flex:1;width:100%;padding:24px;box-sizing:border-box;align-items:flex-start;justify-content:center}.cover-subtitle[data-v-9e767670],.cover-title[data-v-9e767670]{display:none}}.auth-form-area[data-v-9e767670]{flex:1;background:var(--sc2-bg-panel);display:flex;align-items:center;justify-content:center}.slide-fade-enter-active[data-v-9e767670]{transition:transform .25s ease-out,opacity .15s ease-in .1s}.slide-fade-leave-active[data-v-9e767670]{transition:transform .25s ease-in,opacity .1s ease-out}.slide-fade-enter-from[data-v-9e767670]{opacity:0;transform:translateX(40px)}.slide-fade-leave-to[data-v-9e767670]{opacity:0;transform:translateX(-40px)}.success-toast[data-v-3ffa1fc2]{background:rgba(46,204,113,.15);border:1px solid rgba(46,204,113,.4);color:#2ecc71;padding:12px 20px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:600;text-align:center}.toast-enter-active[data-v-3ffa1fc2]{animation:toastIn-3ffa1fc2 .3s ease}.toast-leave-active[data-v-3ffa1fc2]{animation:toastIn-3ffa1fc2 .3s ease reverse}@keyframes toastIn-3ffa1fc2{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tutorial-page[data-v-3ffa1fc2]{max-width:1000px;margin:0 auto}.page-title[data-v-3ffa1fc2]{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:var(--sc2-text-bright);letter-spacing:1px}.page-subtitle[data-v-3ffa1fc2]{font-family:Orbitron,sans-serif;font-size:10px;color:var(--sc2-text-dim);letter-spacing:4px;margin-bottom:24px}.section-tabs[data-v-3ffa1fc2]{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--sc2-border);padding-bottom:0}.section-tabs button[data-v-3ffa1fc2]{display:flex;align-items:center;gap:6px;padding:10px 20px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;color:var(--sc2-text);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-1px}.section-tabs button[data-v-3ffa1fc2]:hover{color:var(--sc2-accent)}.section-tabs button.active[data-v-3ffa1fc2]{color:var(--sc2-accent);border-bottom-color:var(--sc2-accent)}.cat-tabs[data-v-3ffa1fc2]{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.cat-tabs button[data-v-3ffa1fc2],.sub-tabs button[data-v-3ffa1fc2]{padding:6px 16px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;color:var(--sc2-text);background:transparent;border:1px solid var(--sc2-border);border-radius:20px;cursor:pointer;transition:all .2s}.cat-tabs button.active[data-v-3ffa1fc2],.cat-tabs button[data-v-3ffa1fc2]:hover,.sub-tabs button.active[data-v-3ffa1fc2],.sub-tabs button[data-v-3ffa1fc2]:hover{background:var(--sc2-accent);color:var(--sc2-bg-deep);border-color:var(--sc2-accent)}.section-header-row[data-v-3ffa1fc2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.sub-tabs[data-v-3ffa1fc2]{display:flex;gap:8px}.add-btn[data-v-3ffa1fc2]{padding:8px 18px;background:var(--sc2-accent);color:var(--sc2-bg-deep);border:none;border-radius:6px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s}.add-btn[data-v-3ffa1fc2]:hover{opacity:.85}.sc2-panel[data-v-3ffa1fc2]{background:linear-gradient(135deg,var(--sc2-bg-panel),var(--sc2-bg-dark));border:1px solid var(--sc2-border);border-radius:12px;padding:24px;position:relative;overflow:hidden}.sc2-panel[data-v-3ffa1fc2]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--sc2-accent),transparent);opacity:.5}.post-list[data-v-3ffa1fc2],.replay-list[data-v-3ffa1fc2],.tutorial-list[data-v-3ffa1fc2]{display:flex;flex-direction:column;gap:16px}.form-panel[data-v-3ffa1fc2],.post-card[data-v-3ffa1fc2],.replay-card[data-v-3ffa1fc2],.text-card[data-v-3ffa1fc2],.tutorial-card[data-v-3ffa1fc2]{margin-bottom:0}.card-header-row[data-v-3ffa1fc2],.post-header[data-v-3ffa1fc2],.replay-header[data-v-3ffa1fc2],.text-header[data-v-3ffa1fc2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.card-title[data-v-3ffa1fc2],.post-title[data-v-3ffa1fc2]{font-size:17px;font-weight:600;color:var(--sc2-text-bright)}.card-meta[data-v-3ffa1fc2]{display:flex;align-items:center;gap:10px}.card-author[data-v-3ffa1fc2],.post-author[data-v-3ffa1fc2]{font-size:13px;color:var(--sc2-text-dim);margin-left:8px}.post-author-row[data-v-3ffa1fc2]{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.card-desc[data-v-3ffa1fc2],.post-desc[data-v-3ffa1fc2]{color:var(--sc2-text);font-size:14px;line-height:1.6}.post-meta[data-v-3ffa1fc2]{display:flex;gap:16px;margin-bottom:10px;flex-wrap:wrap;font-size:13px;color:var(--sc2-text-dim)}.post-contact[data-v-3ffa1fc2]{margin-top:8px;font-size:13px;color:var(--sc2-accent)}.post-time[data-v-3ffa1fc2]{font-size:12px;color:var(--sc2-text-dim)}.cat-badge[data-v-3ffa1fc2]{padding:2px 10px;background:rgba(0,180,216,.1);border:1px solid rgba(0,180,216,.3);border-radius:10px;font-size:12px;color:var(--sc2-accent)}.type-badge[data-v-3ffa1fc2]{padding:3px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-coach[data-v-3ffa1fc2]{background:rgba(0,200,100,.15);color:#00c864;border:1px solid rgba(0,200,100,.3)}.badge-find[data-v-3ffa1fc2]{background:rgba(255,160,0,.15);color:#ffa000;border:1px solid rgba(255,160,0,.3)}.sc2-btn-secondary[data-v-3ffa1fc2]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--sc2-accent);color:var(--sc2-accent);border-radius:6px;text-decoration:none;font-size:13px;transition:all .2s}.sc2-btn-secondary[data-v-3ffa1fc2]:hover{background:var(--sc2-accent);color:var(--sc2-bg-deep)}.form-panel[data-v-3ffa1fc2]{margin-bottom:20px}.form-panel h3[data-v-3ffa1fc2]{color:var(--sc2-text-bright);margin-bottom:16px;font-size:16px}.wInput[data-v-3ffa1fc2]{width:100%;padding:10px 14px;background:var(--sc2-bg-dark);border:1px solid var(--sc2-border);border-radius:6px;color:var(--sc2-text-bright);font-size:14px;font-family:inherit;margin-bottom:10px;box-sizing:border-box;transition:border-color .2s}.wInput[data-v-3ffa1fc2]:focus{border-color:var(--sc2-accent);outline:none}.wSelect[data-v-3ffa1fc2]{cursor:pointer}.textarea-input[data-v-3ffa1fc2]{resize:vertical;min-height:80px}.form-row[data-v-3ffa1fc2]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form-actions[data-v-3ffa1fc2]{display:flex;align-items:center;gap:10px;margin-top:12px}.btn-submit[data-v-3ffa1fc2]{padding:8px 24px;background:var(--sc2-accent);color:var(--sc2-bg-deep);border:none;border-radius:6px;font-family:Orbitron,sans-serif;font-size:12px;cursor:pointer;transition:opacity .2s}.btn-submit[data-v-3ffa1fc2]:disabled{opacity:.5;cursor:not-allowed}.btn-cancel[data-v-3ffa1fc2]{padding:8px 16px;background:transparent;color:var(--sc2-text-dim);border:1px solid var(--sc2-border);border-radius:6px;font-size:13px;cursor:pointer}.btn-cancel[data-v-3ffa1fc2]:hover{border-color:var(--sc2-accent);color:var(--sc2-accent)}.msg[data-v-3ffa1fc2]{font-size:13px;color:var(--sc2-accent)}.error-msg[data-v-3ffa1fc2]{display:block;color:var(--sc2-danger,#f44);font-size:13px;margin-bottom:8px}.file-upload-area[data-v-3ffa1fc2]{border:2px dashed var(--sc2-border);border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:all .2s;color:var(--sc2-text-dim);margin-bottom:10px}.file-upload-area[data-v-3ffa1fc2]:hover{border-color:var(--sc2-accent);color:var(--sc2-accent)}.file-upload-area p[data-v-3ffa1fc2]{margin:8px 0 0}.file-upload-area span[data-v-3ffa1fc2]{font-size:13px;color:var(--sc2-accent);margin-top:8px;display:block}.upload-hint[data-v-3ffa1fc2]{font-size:12px;color:var(--sc2-text-dim);margin-bottom:12px}.download-btn[data-v-3ffa1fc2]{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 16px;background:transparent;border:1px solid var(--sc2-accent);color:var(--sc2-accent);border-radius:6px;text-decoration:none;font-size:13px;transition:all .2s}.download-btn[data-v-3ffa1fc2]:hover{background:var(--sc2-accent);color:var(--sc2-bg-deep)}.file-size[data-v-3ffa1fc2]{font-size:12px;color:var(--sc2-text-dim);font-family:Share Tech Mono,monospace}.text-content[data-v-3ffa1fc2]{color:var(--sc2-text);font-size:14px;line-height:1.7;white-space:pre-wrap;max-height:120px;overflow:hidden;transition:max-height .3s ease}.text-content.expanded[data-v-3ffa1fc2]{max-height:5000px}.expand-btn[data-v-3ffa1fc2]{background:none;border:none;color:var(--sc2-accent);font-size:13px;cursor:pointer;margin-top:8px;padding:0}.empty-msg[data-v-3ffa1fc2]{color:var(--sc2-text-dim);text-align:center;padding:40px;font-size:14px}@media (max-width:768px){.section-tabs[data-v-3ffa1fc2]{overflow-x:auto}.form-row[data-v-3ffa1fc2]{grid-template-columns:1fr}}.find-match[data-v-5d009bca]{max-width:960px;margin:0 auto}.sc2-panel[data-v-5d009bca]{background:linear-gradient(135deg,var(--sc2-bg-panel),var(--sc2-bg-dark));border:1px solid var(--sc2-border);border-radius:12px;padding:24px;position:relative;overflow:hidden}.sc2-panel[data-v-5d009bca]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--sc2-accent),transparent);opacity:.5}.panel-header[data-v-5d009bca]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.commander-panel[data-v-5d009bca]{margin-top:24px}.commander-summary[data-v-5d009bca]{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;margin-bottom:16px}.commander-summary[data-v-5d009bca]::-webkit-details-marker{display:none}.summary-hint[data-v-5d009bca]{font-size:12px;color:var(--sc2-text-dim);border:1px solid var(--sc2-border);border-radius:10px;padding:2px 8px}.header-icon[data-v-5d009bca]{color:var(--sc2-accent)}.match-options[data-v-5d009bca]{margin-bottom:15px;width:100%}.checkbox-container[data-v-5d009bca]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:var(--sc2-text-bright);-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:10px}.checkbox-container input[data-v-5d009bca]{display:none}.checkmark[data-v-5d009bca]{width:18px;height:18px;border:1px solid var(--sc2-border);background:rgba(0,0,0,.3);border-radius:4px;position:relative;transition:all .2s}.checkbox-container:hover .checkmark[data-v-5d009bca]{border-color:var(--sc2-accent)}.checkbox-container input:checked+.checkmark[data-v-5d009bca]{background:var(--sc2-accent);border-color:var(--sc2-accent)}.checkbox-container input:checked+.checkmark[data-v-5d009bca]:after{content:"✓";position:absolute;color:#fff;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.commander-grid[data-v-5d009bca]{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.commander-card[data-v-5d009bca]{background:rgba(13,17,23,.6);border:1px solid var(--sc2-border);border-radius:6px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s}.commander-card[data-v-5d009bca]:hover{border-color:var(--sc2-accent);background:rgba(0,180,216,.1)}.commander-card.selected[data-v-5d009bca]{background:linear-gradient(135deg,rgba(0,180,216,.2),rgba(0,180,216,.1));border-color:var(--sc2-accent);box-shadow:0 0 15px rgba(0,180,216,.2)}.commander-portrait-placeholder[data-v-5d009bca]{width:40px;height:40px;background:var(--sc2-bg-dark);border:1px solid var(--sc2-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:Orbitron,sans-serif;color:var(--sc2-accent);margin-bottom:6px}.commander-portrait-img[data-v-5d009bca]{width:52px;height:52px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid var(--sc2-border);margin-bottom:6px;display:block}.commander-portrait-img.small[data-v-5d009bca]{width:32px;height:32px;margin-bottom:3px}.commander-name[data-v-5d009bca]{font-size:12px;color:var(--sc2-text-bright);white-space:nowrap}.commander-card.small[data-v-5d009bca]{padding:6px 10px}.commander-grid.small[data-v-5d009bca]{grid-template-columns:repeat(6,1fr);gap:8px}.panel-title[data-v-5d009bca]{font-family:Orbitron,sans-serif;font-size:18px;font-weight:600;color:var(--sc2-text-bright);letter-spacing:1px}.mmr-badge[data-v-5d009bca]{margin-left:auto;display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(0,180,216,.1);border:1px solid rgba(0,180,216,.25);border-radius:20px;font-family:Share Tech Mono,monospace;font-size:13px;color:var(--sc2-accent)}.mmr-edit-btn[data-v-5d009bca]{background:none;border:none;color:var(--sc2-accent);cursor:pointer;padding:2px;margin-left:2px;opacity:.7;display:flex;align-items:center;transition:opacity .2s}.mmr-edit-btn[data-v-5d009bca]:hover{opacity:1}.mmr-edit-panel[data-v-5d009bca]{background:rgba(0,0,0,.3);border:1px solid var(--sc2-border);border-radius:8px;padding:16px;margin-bottom:16px;animation:fadeIn-5d009bca .2s ease}@keyframes fadeIn-5d009bca{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mmr-edit-grid[data-v-5d009bca]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.mmr-edit-field[data-v-5d009bca]{display:flex;flex-direction:column;gap:4px}.mmr-edit-field label[data-v-5d009bca]{font-size:11px;color:var(--sc2-text-dim);text-transform:uppercase;letter-spacing:1px}.mmr-edit-input[data-v-5d009bca]{width:80px;padding:6px 8px;font-family:Share Tech Mono,monospace;font-size:14px;color:var(--sc2-text-bright);background:var(--sc2-bg-dark);border:1px solid var(--sc2-border);border-radius:4px;text-align:center}.mmr-edit-input[data-v-5d009bca]:focus{border-color:var(--sc2-accent);outline:none}.mmr-edit-actions[data-v-5d009bca]{display:flex;align-items:center;gap:10px}.mmr-save-btn[data-v-5d009bca]{padding:6px 18px;background:var(--sc2-accent);color:var(--sc2-bg-deep);border:none;border-radius:4px;font-family:Orbitron,sans-serif;font-size:12px;cursor:pointer;transition:opacity .2s}.mmr-save-btn[data-v-5d009bca]:disabled{opacity:.5;cursor:not-allowed}.mmr-cancel-btn[data-v-5d009bca]{padding:6px 14px;background:transparent;color:var(--sc2-text-dim);border:1px solid var(--sc2-border);border-radius:4px;font-size:12px;cursor:pointer}.mmr-cancel-btn[data-v-5d009bca]:hover{border-color:var(--sc2-accent);color:var(--sc2-accent)}.mmr-save-msg[data-v-5d009bca]{font-size:13px;color:var(--sc2-accent)}.race-grid[data-v-5d009bca]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.race-card[data-v-5d009bca]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;background:var(--sc2-bg-dark);border:2px solid var(--sc2-border);border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.race-card[data-v-5d009bca]:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s;border-radius:8px}.race-card[data-v-5d009bca]:hover{border-color:var(--sc2-border-glow);transform:translateY(-2px)}.race-card.selected[data-v-5d009bca]{border-color:var(--sc2-accent);box-shadow:0 0 20px rgba(0,180,216,.15)}.race-card.selected.terran[data-v-5d009bca]{border-color:var(--sc2-terran);box-shadow:0 0 20px rgba(224,112,32,.2)}.race-card.selected.zerg[data-v-5d009bca]{border-color:var(--sc2-zerg);box-shadow:0 0 20px rgba(176,48,192,.2)}.race-card.selected.protoss[data-v-5d009bca]{border-color:var(--sc2-protoss);box-shadow:0 0 20px rgba(48,160,224,.2)}.race-card img[data-v-5d009bca]{width:80px;height:auto;margin-bottom:10px;transition:transform .3s}.race-card:hover img[data-v-5d009bca]{transform:scale(1.08)}.race-card.small img[data-v-5d009bca]{width:56px}.race-card.small[data-v-5d009bca]{padding:14px 10px}.random-icon[data-v-5d009bca]{width:70px!important}.race-card.small .random-icon[data-v-5d009bca]{width:50px!important}.race-name[data-v-5d009bca]{font-size:15px;font-weight:600;color:var(--sc2-text)}.race-name-en[data-v-5d009bca]{font-family:Orbitron,sans-serif;font-size:10px;color:var(--sc2-text-dim);letter-spacing:2px;margin-top:2px}.match-controls[data-v-5d009bca]{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:20px;flex-wrap:wrap}.mmr-range[data-v-5d009bca]{display:flex;align-items:center;gap:12px}.control-label[data-v-5d009bca]{font-size:16px;color:var(--sc2-text);font-weight:500}.range-input-wrap[data-v-5d009bca]{display:flex;align-items:center;gap:6px}.range-input[data-v-5d009bca]{width:80px;padding:8px 12px;text-align:center;font-size:16px;font-family:Share Tech Mono,monospace;color:var(--sc2-text-bright);background:var(--sc2-bg-dark);border:1px solid var(--sc2-border);border-radius:6px;transition:border-color .2s}.range-input[data-v-5d009bca]:focus{border-color:var(--sc2-accent);outline:none;box-shadow:0 0 0 2px rgba(0,180,216,.15)}.range-unit[data-v-5d009bca]{color:var(--sc2-text-dim);font-size:14px}.action-area[data-v-5d009bca]{display:flex;align-items:center;gap:16px}.sc2-btn-action[data-v-5d009bca]{display:flex;align-items:center;gap:10px;padding:14px 32px;background:transparent;border:2px solid var(--sc2-accent);color:var(--sc2-accent);font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .3s ease;border-radius:4px;position:relative;overflow:hidden}.sc2-btn-action[data-v-5d009bca]:before{content:"";position:absolute;inset:0;background:var(--sc2-accent);opacity:0;transition:opacity .3s;z-index:0}.sc2-btn-action[data-v-5d009bca]:hover:before{opacity:1}.sc2-btn-action[data-v-5d009bca]:hover{color:var(--sc2-bg-deep);box-shadow:0 0 20px rgba(0,180,216,.3)}.sc2-btn-action span[data-v-5d009bca],.sc2-btn-action svg[data-v-5d009bca]{position:relative;z-index:1}.mode-tag[data-v-5d009bca]{font-family:Orbitron,sans-serif;font-size:22px;font-weight:700;color:var(--sc2-text-bright);letter-spacing:2px}.results-panel[data-v-5d009bca]{margin-top:24px}.result-count[data-v-5d009bca]{margin-left:auto;font-size:13px;color:var(--sc2-text-dim);font-family:Share Tech Mono,monospace}.sc2-table[data-v-5d009bca]{width:100%;border-collapse:collapse}.sc2-table th[data-v-5d009bca]{padding:12px 16px;text-align:left;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--sc2-accent);border-bottom:1px solid var(--sc2-border);background:rgba(0,180,216,.05)}.sc2-table td[data-v-5d009bca]{padding:12px 16px;font-size:14px;color:var(--sc2-text);border-bottom:1px solid rgba(30,45,74,.5)}.sc2-table tbody tr[data-v-5d009bca]{transition:background .2s}.sc2-table tbody tr[data-v-5d009bca]:hover{background:rgba(0,180,216,.04)}.mmr-cell[data-v-5d009bca]{font-family:Share Tech Mono,monospace;color:var(--sc2-gold)}.no-results[data-v-5d009bca]{color:var(--sc2-text-dim);text-align:center;padding:20px}.coop-level-badge[data-v-5d009bca]{padding:2px 8px;background:rgba(0,180,216,.15);border:1px solid rgba(0,180,216,.4);border-radius:10px;font-size:12px;color:var(--sc2-accent)}.desc-cell[data-v-5d009bca]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--sc2-text-dim)}@media (max-width:768px){.race-grid[data-v-5d009bca]{grid-template-columns:repeat(2,1fr);gap:8px}.race-card[data-v-5d009bca]{padding:12px}.race-card img[data-v-5d009bca]{width:56px}.race-grid.small .race-card img[data-v-5d009bca]{width:40px}.sc2-panel[data-v-5d009bca]{padding:16px}.match-controls[data-v-5d009bca]{flex-direction:column;gap:12px}.sc2-table[data-v-5d009bca]{font-size:13px}.sc2-table td[data-v-5d009bca],.sc2-table th[data-v-5d009bca]{padding:8px 6px}.mode-tag[data-v-5d009bca]{font-size:18px}.commander-grid[data-v-5d009bca]{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width:480px){.race-grid[data-v-5d009bca]{grid-template-columns:1fr 1fr;gap:6px}.race-card span[data-v-5d009bca]{font-size:11px}.commander-grid[data-v-5d009bca]{grid-template-columns:repeat(2,1fr);gap:8px}}.sc2-layout[data-v-4ebea99c]{min-height:100vh;display:grid;grid-template-columns:auto 1fr;background-color:var(--sc2-bg-deep)}.sc2-sidebar[data-v-4ebea99c]{width:240px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--sc2-bg-panel) 0,var(--sc2-bg-dark) 100%);border-right:1px solid var(--sc2-border);transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:100}.sc2-sidebar.collapsed[data-v-4ebea99c]{width:60px}.sc2-sidebar.collapsed .chevron[data-v-4ebea99c],.sc2-sidebar.collapsed .nav-label[data-v-4ebea99c]{display:none}.sidebar-header[data-v-4ebea99c]{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;border-bottom:1px solid var(--sc2-border);min-height:56px}.logo-area[data-v-4ebea99c]{display:flex;gap:4px;white-space:nowrap}.logo-text[data-v-4ebea99c]{color:var(--sc2-text-bright)}.logo-accent[data-v-4ebea99c],.logo-text[data-v-4ebea99c]{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px}.logo-accent[data-v-4ebea99c]{color:var(--sc2-accent);text-shadow:0 0 12px rgba(0,180,216,.4)}.toggle-btn[data-v-4ebea99c]{background:none;border:none;color:var(--sc2-text-dim);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.toggle-btn[data-v-4ebea99c]:hover{background:var(--sc2-bg-hover);color:var(--sc2-accent)}.collapsed .toggle-btn svg[data-v-4ebea99c]{transform:rotate(180deg)}.sidebar-nav[data-v-4ebea99c]{flex:1;padding:8px;overflow-y:auto;overflow-x:hidden}.nav-item[data-v-4ebea99c]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--sc2-text);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;border:1px solid transparent;background:none;width:100%;font-family:inherit}.nav-item[data-v-4ebea99c]:hover{background:var(--sc2-bg-hover);border-color:var(--sc2-border)}.nav-item.active[data-v-4ebea99c]{color:var(--sc2-accent);background:rgba(0,180,216,.08);border-color:rgba(0,180,216,.2)}.nav-item.active svg[data-v-4ebea99c]{color:var(--sc2-accent)}.nav-item svg[data-v-4ebea99c]{flex-shrink:0;transition:color .2s}.nav-label[data-v-4ebea99c]{flex:1;text-align:left}.chevron[data-v-4ebea99c]{transition:transform .3s;flex-shrink:0}.chevron.rotated[data-v-4ebea99c]{transform:rotate(180deg)}.sub-nav[data-v-4ebea99c]{list-style:none;padding:4px 0 4px 20px;overflow:hidden}.sub-nav a[data-v-4ebea99c]{display:block;padding:6px 16px;color:var(--sc2-text-dim);text-decoration:none;font-size:13px;border-radius:6px;transition:all .2s;border-left:2px solid transparent}.sub-nav a[data-v-4ebea99c]:hover{color:var(--sc2-text);background:var(--sc2-bg-hover)}.sub-nav a.active[data-v-4ebea99c]{color:var(--sc2-accent);border-left-color:var(--sc2-accent);background:rgba(0,180,216,.06)}.submenu-enter-active[data-v-4ebea99c],.submenu-leave-active[data-v-4ebea99c]{transition:all .3s ease;max-height:300px}.submenu-enter-from[data-v-4ebea99c],.submenu-leave-to[data-v-4ebea99c]{opacity:0;max-height:0}.sidebar-footer[data-v-4ebea99c]{padding:8px;border-top:1px solid var(--sc2-border)}.avatar-mini[data-v-4ebea99c]{width:28px;height:28px;border-radius:50%;background-size:cover;background-position:50%;border:2px solid var(--sc2-accent);flex-shrink:0}.sc2-main[data-v-4ebea99c]{min-height:100vh;background:#080b12;position:relative}.mobile-menu-btn[data-v-4ebea99c]{left:8px;z-index:999;border:1px solid var(--sc2-border);border-radius:8px;padding:8px}.mobile-menu-btn[data-v-4ebea99c],.mobile-sidebar-handle[data-v-4ebea99c]{display:none;position:fixed;top:50%;transform:translateY(-50%);background:var(--sc2-bg-panel);color:var(--sc2-accent);cursor:pointer;transition:left .3s cubic-bezier(.4,0,.2,1)}.mobile-sidebar-handle[data-v-4ebea99c]{left:250px;z-index:1001;border:1px solid var(--sc2-border);border-left:none;border-radius:0 8px 8px 0;padding:16px 6px}.mobile-sidebar-handle[data-v-4ebea99c]:hover{background:var(--sc2-bg-hover);color:var(--sc2-text-bright)}.mobile-overlay[data-v-4ebea99c]{display:none}.main-content[data-v-4ebea99c]{padding:32px;max-width:1200px;margin:0 auto}.site-footer[data-v-4ebea99c]{text-align:center;padding:20px 32px;font-size:13px;color:var(--sc2-text-dim);border-top:1px solid var(--sc2-border);margin-top:40px}.site-footer a[data-v-4ebea99c]{color:var(--sc2-accent);text-decoration:none;transition:opacity .2s}.site-footer a[data-v-4ebea99c]:hover{opacity:.8;text-decoration:underline}@media (max-width:768px){.sc2-layout[data-v-4ebea99c]{grid-template-columns:1fr}.sc2-sidebar[data-v-4ebea99c]{position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:250px}.sc2-sidebar[data-v-4ebea99c]:not(.collapsed){transform:translateX(0)}.sc2-sidebar.collapsed[data-v-4ebea99c]{width:250px;transform:translateX(-100%)}.sc2-sidebar .nav-label[data-v-4ebea99c]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-btn[data-v-4ebea99c],.mobile-sidebar-handle[data-v-4ebea99c]{display:flex;align-items:center;justify-content:center}.mobile-overlay[data-v-4ebea99c]{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}.sc2-main[data-v-4ebea99c]{min-height:100vh}.main-content[data-v-4ebea99c]{padding:60px 16px 16px}}@media (max-width:480px){.main-content[data-v-4ebea99c]{padding:10px}}.pending-badge[data-v-4ebea99c]{background:#f44;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;padding:0 5px;margin-left:auto}.register-form[data-v-2eeac407]{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 40px}.form-title[data-v-2eeac407]{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:var(--sc2-text-bright);letter-spacing:3px;margin-bottom:4px}.form-subtitle[data-v-2eeac407]{font-family:Orbitron,sans-serif;font-size:10px;color:var(--sc2-text-dim);letter-spacing:4px;margin-bottom:20px}form[data-v-2eeac407]{width:100%;display:flex;flex-direction:column;align-items:center}.code-row[data-v-2eeac407],.inline-row[data-v-2eeac407]{display:flex;align-items:center;gap:10px;width:100%;max-width:360px;margin-top:16px}.send-code-btn[data-v-2eeac407]{padding:0 15px;background:var(--sc2-primary);border:none;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;white-space:nowrap;height:48px;flex-shrink:0}.send-code-btn[data-v-2eeac407]:disabled{background:#333;color:#666;cursor:not-allowed}.region-select[data-v-2eeac407]{height:48px;background:rgba(0,0,0,.5);color:var(--sc2-text-bright);padding:0 10px;border-radius:4px}.error-msg[data-v-2eeac407]{margin:8px 0}.success-msg[data-v-2eeac407]{color:#0f0;margin:8px 0}.region-select[data-v-2eeac407]{margin-top:16px;padding:10px 14px;font-family:Rajdhani,sans-serif;font-size:14px;color:var(--sc2-text);background:var(--sc2-bg-dark);border:1px solid var(--sc2-border);border-radius:6px;cursor:pointer;transition:border-color .2s}.region-select[data-v-2eeac407]:focus{border-color:var(--sc2-accent);outline:none}.error-msg[data-v-2eeac407]{color:var(--sc2-danger);font-size:13px;margin-top:10px}.success-msg[data-v-2eeac407]{color:var(--sc2-success);font-size:13px;margin-top:10px}.sc2-auth-bg[data-v-42f8c940]{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 40%,rgba(0,180,216,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(42,74,122,.1) 0,transparent 40%),var(--sc2-bg-deep)}.sc2-auth-container[data-v-42f8c940]{display:flex;width:900px;min-height:620px;border-radius:16px;overflow:hidden;border:1px solid var(--sc2-border);box-shadow:0 0 40px rgba(0,0,0,.5),0 0 80px rgba(0,180,216,.05)}.auth-cover[data-v-42f8c940]{position:relative;width:45%;background:url(/img/login-cover.5368f836.jpg) 50%/cover no-repeat}.cover-overlay[data-v-42f8c940]{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,11,18,.7),rgba(0,180,216,.15))}.cover-content[data-v-42f8c940]{position:absolute;bottom:40px;left:30px;z-index:1}.cover-title[data-v-42f8c940]{font-family:Orbitron,sans-serif;font-size:24px;font-weight:800;color:var(--sc2-text-bright);letter-spacing:3px;text-shadow:0 0 20px rgba(0,180,216,.5)}.cover-subtitle[data-v-42f8c940]{font-family:Orbitron,sans-serif;font-size:13px;color:var(--sc2-accent);letter-spacing:6px;margin-top:8px}.auth-form-area[data-v-42f8c940]{flex:1;background:var(--sc2-bg-panel);display:flex;align-items:center;justify-content:center;padding:20px 0}@media (max-width:640px){.sc2-auth-container[data-v-42f8c940]{width:100%;min-height:100vh;flex-direction:column;align-items:stretch;height:auto}.auth-cover[data-v-42f8c940]{display:none}.auth-form-area[data-v-42f8c940]{width:100%;padding:24px;box-sizing:border-box;justify-content:flex-start}.cover-subtitle[data-v-42f8c940],.cover-title[data-v-42f8c940]{display:none}}