@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Cinzel:wght@400;500;600;700;800;900&display=swap";.navbar[data-v-4d93dce7]{z-index:100;background:#171717;border-bottom:1px solid #262626;position:sticky;top:0}.navbar__inner[data-v-4d93dce7]{justify-content:space-between;align-items:center;gap:32px;height:64px;display:flex}.navbar__logo[data-v-4d93dce7]{color:#fafafa;letter-spacing:-.02em;align-items:center;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.navbar__logo .logo-accent[data-v-4d93dce7]{color:#d4af37}.navbar__links[data-v-4d93dce7]{flex:1;gap:24px;height:100%;display:flex}.navbar__links .nav-link[data-v-4d93dce7]{color:#a3a3a3;border-bottom:2px solid #0000;align-items:center;height:100%;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.navbar__links .nav-link[data-v-4d93dce7]:hover{color:#fafafa}.navbar__links .nav-link.active[data-v-4d93dce7]{color:#fafafa;border-bottom-color:#d4af37}@media (width<=768px){.navbar__links[data-v-4d93dce7]{display:none}}.navbar__auth[data-v-4d93dce7]{align-items:center;gap:8px;display:flex}.navbar__auth .username[data-v-4d93dce7]{color:#fafafa;font-size:.9rem;font-weight:600}@media (width<=768px){.navbar__auth[data-v-4d93dce7]{display:none}}.navbar__burger[data-v-4d93dce7]{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:16px;padding:0;display:none}@media (width<=768px){.navbar__burger[data-v-4d93dce7]{display:flex}}.navbar__burger .burger-line[data-v-4d93dce7]{background-color:#fafafa;border-radius:2px;width:100%;height:2px;transition:transform .25s,opacity .25s}.navbar__burger--active .burger-line[data-v-4d93dce7]:first-child{transform:translateY(7px)rotate(45deg)}.navbar__burger--active .burger-line[data-v-4d93dce7]:nth-child(2){opacity:0}.navbar__burger--active .burger-line[data-v-4d93dce7]:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile-menu[data-v-4d93dce7]{z-index:99;background:#171717;border-bottom:1px solid #262626;flex-direction:column;width:100%;padding:16px 24px;display:none;position:absolute;top:64px;left:0;box-shadow:0 10px 25px #0006}@media (width<=768px){.navbar__mobile-menu[data-v-4d93dce7]{display:flex}}.navbar__mobile-menu .mobile-nav-link[data-v-4d93dce7]{color:#a3a3a3;border-left:3px solid #0000;padding:12px 8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .15s}.navbar__mobile-menu .mobile-nav-link[data-v-4d93dce7]:hover,.navbar__mobile-menu .mobile-nav-link.active[data-v-4d93dce7]{color:#fafafa;background:#d4af370a;border-left-color:#d4af37}.navbar__mobile-menu .mobile-auth-divider[data-v-4d93dce7]{background:#40404080;height:1px;margin:16px 0}.navbar__mobile-menu .mobile-auth-section[data-v-4d93dce7]{flex-direction:column;gap:8px;padding:0 8px;display:flex}.navbar__mobile-menu .mobile-auth-section .mobile-username[data-v-4d93dce7]{color:#d4af37;margin-bottom:4px;font-size:.95rem;font-weight:600}.navbar__mobile-menu .mobile-auth-section .w-full[data-v-4d93dce7]{text-align:center;justify-content:center;width:100%}.mobile-menu-fade-enter-active[data-v-4d93dce7],.mobile-menu-fade-leave-active[data-v-4d93dce7]{transition:opacity .2s,transform .2s}.mobile-menu-fade-enter-from[data-v-4d93dce7],.mobile-menu-fade-leave-to[data-v-4d93dce7]{opacity:0;transform:translateY(-10px)}.feedback-widget[data-v-e7c97de2]{z-index:1000;font-family:inherit;transition:transform .25s;position:fixed;bottom:24px;right:24px}.feedback-widget--footer-visible[data-v-e7c97de2]{transform:translateY(-60px)}.feedback-btn[data-v-e7c97de2]{color:#121212;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#d4af37,#b29126);border:none;border-radius:24px;align-items:center;gap:4px;height:48px;padding:0 16px;font-size:.9rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 15px #0006}.feedback-btn .icon[data-v-e7c97de2]{width:20px;height:20px}.feedback-btn[data-v-e7c97de2]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af374d}.feedback-btn--active[data-v-e7c97de2]{color:#fafafa;background:#171717;border:1px solid #262626;justify-content:center;width:48px;padding:0}.feedback-btn--active[data-v-e7c97de2]:hover{transform:none;box-shadow:0 4px 15px #0006}.feedback-popover[data-v-e7c97de2]{background:#171717;border:1px solid #262626;border-radius:12px;flex-direction:column;width:320px;display:flex;position:absolute;bottom:64px;right:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.feedback-popover__header[data-v-e7c97de2]{background:#2626264d;border-bottom:1px solid #262626;padding:16px}.feedback-popover__header h3[data-v-e7c97de2]{color:#fafafa;margin:0;font-size:1.1rem;font-weight:700}.feedback-popover__header .subtitle[data-v-e7c97de2]{color:#737373;margin:2px 0 0;font-size:.8rem}.feedback-popover__success[data-v-e7c97de2]{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.feedback-popover__success .success-icon[data-v-e7c97de2]{color:#4caf50;background:#4caf501a;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;display:flex}.feedback-popover__success .success-icon svg[data-v-e7c97de2]{width:24px;height:24px}.feedback-popover__success h4[data-v-e7c97de2]{color:#fafafa;margin:0;font-size:1.1rem}.feedback-popover__success p[data-v-e7c97de2]{color:#a3a3a3;margin:0 0 16px;font-size:.85rem;line-height:1.4}.feedback-popover__success .btn[data-v-e7c97de2]{width:100%}.feedback-popover__form[data-v-e7c97de2]{flex-direction:column;gap:16px;padding:16px;display:flex}.feedback-popover__form .user-status[data-v-e7c97de2]{color:#a3a3a3;background:#d4af370d;border:1px solid #d4af3733;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:flex}.feedback-popover__form .user-status .status-dot[data-v-e7c97de2]{background:#4caf50;border-radius:3px;width:6px;height:6px}.feedback-popover__form .user-status .username[data-v-e7c97de2]{color:#d4af37}.feedback-popover__form .form-group[data-v-e7c97de2]{flex-direction:column;gap:6px;display:flex}.feedback-popover__form .form-group label[data-v-e7c97de2]{color:#a3a3a3;font-size:.8rem;font-weight:600}.feedback-popover__form .form-group textarea[data-v-e7c97de2],.feedback-popover__form .form-group input[data-v-e7c97de2]{color:#fafafa;background:#0f0f0f;border:1px solid #262626;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:border-color .15s}.feedback-popover__form .form-group textarea[data-v-e7c97de2]:focus,.feedback-popover__form .form-group input[data-v-e7c97de2]:focus{border-color:#d4af37;outline:none}.feedback-popover__form .form-group textarea[data-v-e7c97de2]:disabled,.feedback-popover__form .form-group input[data-v-e7c97de2]:disabled{opacity:.6;cursor:not-allowed}.feedback-popover__form .form-group textarea[data-v-e7c97de2]{resize:none}.feedback-popover__form .error-msg[data-v-e7c97de2]{color:#f44336;background:#f443361a;border-radius:6px;padding:8px;font-size:.8rem}.feedback-popover__form .actions[data-v-e7c97de2]{justify-content:flex-end;gap:8px;display:flex}.feedback-popover__form .actions .btn[data-v-e7c97de2]{min-width:80px}.popover-fade-enter-active[data-v-e7c97de2],.popover-fade-leave-active[data-v-e7c97de2]{transition:opacity .2s,transform .2s}.popover-fade-enter-from[data-v-e7c97de2],.popover-fade-leave-to[data-v-e7c97de2]{opacity:0;transform:translateY(10px)scale(.95)}@media (width<=480px){.feedback-widget[data-v-e7c97de2]{bottom:16px;right:16px}.feedback-popover[data-v-e7c97de2]{width:calc(100vw - 32px);right:0}}.main-content[data-v-22285926]{flex:1;min-height:calc(100vh - 140px)}.site-footer[data-v-22285926]{text-align:center;border-top:1px solid #262626;padding:24px 0}.site-footer p[data-v-22285926]{color:#737373;font-size:.8rem}.page-fade-enter-active[data-v-22285926],.page-fade-leave-active[data-v-22285926]{transition:opacity .2s}.page-fade-enter-from[data-v-22285926],.page-fade-leave-to[data-v-22285926]{opacity:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}body{min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;border-spacing:0}body{color:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}h1,h2,h3,h4{color:#fafafa;letter-spacing:.04em;font-family:Cinzel,serif;font-weight:700;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{color:#a3a3a3;letter-spacing:.01em;line-height:1.7}small{color:#737373;font-size:.85rem}.text-gold{color:#d4af37}.text-muted{color:#737373}body{background-color:#0a0a0a;min-height:100vh}#app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-size:.9rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#0a0a0a;background:linear-gradient(135deg,#b8860b,#d4af37)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#d4af37,#e5c05b);box-shadow:0 0 20px #d4af374d}.btn--secondary{color:#fafafa;background:#171717;border:1px solid #262626}.btn--secondary:hover:not(:disabled){background:#262626;border-color:#404040}.btn--ghost{color:#a3a3a3;background:0 0}.btn--ghost:hover:not(:disabled){color:#d4af37}.btn--danger{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.btn--danger:hover:not(:disabled){background:#ef444440}.btn--sm{padding:4px 16px;font-size:.8rem}.btn--lg{padding:16px 32px;font-size:1rem}.form-group{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.form-group label{color:#a3a3a3;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.form-group label .required-star{color:#d4af37;margin-left:2px;font-weight:700}.form-group input,.form-group select,.form-group textarea{color:#fafafa;background:#262626;border:1px solid #262626;border-radius:8px;padding:8px 16px;font-size:.95rem;transition:border-color .15s}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#737373}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 2px #d4af3726}.form-group textarea{resize:vertical;min-height:100px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--beginner{color:#22c55e;background:#22c55e26}.badge--intermediate{color:#f0c040;background:#f0c04026}.badge--advanced{color:#e06040;background:#e0604026}.badge--strategy{color:#3b82f6;background:#3b82f626}.badge--season{color:#a78bfa;background:#8b5cf626}.page-section{padding:64px 0}.section-header{border-bottom:1px solid #262626;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:8px;display:flex;position:relative}.section-header__left{align-items:center;gap:8px;display:flex}.section-header h1,.section-header h2,.section-header h3,.section-header h4{margin:0}.section-header:after{content:"";background:linear-gradient(90deg,#d4af37,#0000);width:80px;height:2px;position:absolute;bottom:-1px;left:0}.spinner{border:3px solid #262626;border-top-color:#d4af37;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{justify-content:center;align-items:center;padding:64px;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#262626;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#404040}.build-list{flex-direction:column;gap:16px;display:flex}.empty-state{text-align:center;padding:64px}.empty-state p{color:#737373;margin-bottom:24px;font-size:1.1rem}.form-error{color:#ef4444;text-align:center;margin-top:16px}.difficulty-badge{box-sizing:border-box;gap:3px;display:inline-flex;background:0 0!important;border:none!important;height:auto!important;padding:0!important}.difficulty-badge .star{justify-content:center;align-items:center;font-size:.95rem;line-height:1;display:inline-flex;color:#d4af3733!important}.difficulty-badge .star--filled{color:#d4af37!important}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:32px;display:flex}.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17171766;border:1px solid #26262680;border-radius:12px;width:100%;max-width:420px;padding:48px;box-shadow:0 8px 24px #00000080}.auth-card:hover{transform:none}.auth-card h1{text-align:center;letter-spacing:.02em;background:linear-gradient(135deg,#fafafa,#fafafab3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-family:Cinzel,serif}.auth-card .sub{text-align:center;color:#737373;margin-bottom:32px}.auth-card .foot{text-align:center;color:#737373;margin-top:24px;font-size:.9rem}.auth-card .foot a{color:#d4af37;font-weight:500}.auth-card .foot a:hover{text-decoration:underline}.auth-submit{width:100%;margin-top:8px}.auth-error{color:#ef4444;text-align:center;background:#ef44441a;border-radius:8px;margin-bottom:8px;padding:8px;font-size:.85rem}