*{box-sizing:border-box;margin:0;padding:0}:root{--card-scale:1;--skin-bg-alpha:1;--skin-overlay-color:#ffffff40;--skin-backdrop:#dfe7f6;--skin-panel-bg:#ffffff80;--skin-panel-blur:18px;--skin-panel-border:#ffffffa6;--skin-panel-shadow:#14284629;--skin-text:#1c3d63;--skin-muted:#4a6a94;--skin-link:#2c5183;--skin-active-1:#7fb8ed;--skin-active-2:#4a90e2;--skin-active-text:#fff;--skin-donate:#c1416a;--skin-content-bg:#ffffffd1;--skin-content-blur:14px;--skin-content-border:#ffffffb3;--skin-content-shadow:#14284624;--skin-content-text:#2c3e50;--skin-accent-text:#4a90e2;--skin-card-bg:color-mix(in srgb, var(--skin-content-text) 7%, transparent);--skin-card-bg-hover:color-mix(in srgb, var(--skin-active-2) 12%, var(--skin-card-bg));--skin-card-bg-active:color-mix(in srgb, var(--skin-active-2) 16%, var(--skin-card-bg));--skin-card-border:color-mix(in srgb, var(--skin-content-text) 14%, transparent);--skin-card-border-active:color-mix(in srgb, var(--skin-active-2) 55%, transparent);--skin-text-muted:color-mix(in srgb, var(--skin-content-text) 68%, transparent);--skin-text-faint:color-mix(in srgb, var(--skin-content-text) 42%, transparent);--skin-divider:color-mix(in srgb, var(--skin-content-text) 16%, transparent);--skin-accent-gradient:linear-gradient(135deg, var(--skin-accent-text), color-mix(in srgb, var(--skin-accent-text) 65%, black));--skin-fade-color:color-mix(in srgb, var(--skin-accent-text) 25%, black);--bg-image:url(/images/backgrounds/landscape.jpg);--bg-size:cover;--bg-pos-x:50%;--bg-pos-y:42%}#bgImageLayer{z-index:-2;background-image:var(--bg-image);background-size:var(--bg-size);background-position:var(--bg-pos-x) var(--bg-pos-y);opacity:var(--skin-bg-alpha);pointer-events:none;position:fixed;inset:0}#bgOverlayLayer{z-index:-1;background:var(--skin-overlay-color);pointer-events:none;position:fixed;inset:0}html{scrollbar-gutter:stable;overflow-y:scroll}body{background:var(--skin-backdrop);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}a{color:inherit}.container{max-width:1800px;margin:0 auto}.hamburger-bars,.hamburger-bars:before,.hamburger-bars:after{content:"";background:currentColor;border-radius:1px;width:16px;height:2px;display:block}.hamburger-bars{flex-shrink:0;position:relative}.hamburger-bars:before,.hamburger-bars:after{position:absolute;left:0}.hamburger-bars:before{top:-5px}.hamburger-bars:after{top:5px}.nav-hamburger{z-index:40;cursor:pointer;color:#3d78c2;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:none;position:fixed;top:16px;left:16px;box-shadow:0 4px 14px #4a90e24d}.nav-backdrop{z-index:30;background:#14284659;display:none;position:fixed;inset:0}.nav-backdrop.open{display:block}.site-nav{background:var(--skin-panel-bg);-webkit-backdrop-filter:blur(var(--skin-panel-blur)) saturate(150%);backdrop-filter:blur(var(--skin-panel-blur)) saturate(150%);border-right:1px solid var(--skin-panel-border);box-shadow:2px 0 20px var(--skin-panel-shadow);flex-direction:column;flex:0 0 232px;gap:4px;height:100vh;padding:20px 14px;transition:flex-basis .18s,background .2s,border-color .2s;display:flex;position:sticky;top:0;overflow:hidden auto}.nav-brand-row{align-items:center;gap:6px;padding:2px 0 10px;display:flex}.nav-collapse-toggle{background:color-mix(in srgb, var(--skin-active-2) 14%, transparent);width:32px;height:32px;color:var(--skin-active-2);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.nav-collapse-toggle:hover{background:color-mix(in srgb, var(--skin-active-2) 24%, transparent)}.nav-brand{color:var(--skin-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;padding:0 2px;font-size:.98em;font-weight:800;text-decoration:none;display:flex;overflow:hidden}.nav-link{text-align:left;color:var(--skin-link);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:14px;align-items:center;gap:10px;padding:11px 14px;font-size:.9em;font-weight:700;text-decoration:none;display:flex;overflow:hidden}.nav-link:hover{background:color-mix(in srgb, var(--skin-active-2) 14%, transparent)}.nav-link.active{background:linear-gradient(135deg, var(--skin-active-1), var(--skin-active-2));color:var(--skin-active-text);box-shadow:0 4px 10px color-mix(in srgb, var(--skin-active-2) 35%, transparent)}.nav-icon{flex-shrink:0;font-size:1.05em;line-height:1}.nav-label{text-overflow:ellipsis;overflow:hidden}.nav-section-label{color:var(--skin-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:14px 10px 4px;font-size:.65em;font-weight:800;overflow:hidden}.nav-section-label:first-of-type{padding-top:4px}.nav-donate{color:var(--skin-donate);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:11px 14px;font-size:.9em;font-weight:700;text-decoration:none;display:flex;overflow:hidden}.nav-donate:hover{background:color-mix(in srgb, var(--skin-donate) 12%, transparent)}.nav-ad-slot:empty{display:none}.nav-settings{border-top:1px solid var(--skin-panel-border);margin-top:auto;padding-top:14px}.nav-settings-label{color:var(--skin-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:0 10px 8px;font-size:.65em;font-weight:800;overflow:hidden}.lang-switcher{gap:6px;padding:0 10px;display:flex}.lang-btn{cursor:pointer;background:#4a90e21a;border:2px solid #0000;border-radius:8px;align-items:center;padding:4px 8px;line-height:1;transition:opacity .2s,transform .2s;display:flex}.lang-btn svg{border-radius:2px;display:block}.lang-btn:hover{background:#4a90e238}.lang-btn.active{border-color:var(--skin-accent-text);background:color-mix(in srgb, var(--skin-accent-text) 30%, transparent)}.skin-switcher{flex-wrap:wrap;justify-content:center;gap:3px;padding:0;display:flex}.skin-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex:none;width:24px;height:24px;padding:0}.skin-swatch.active{border-color:var(--skin-active-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--skin-active-2) 30%, transparent)}.nav-settings-row{justify-content:center;align-items:center;gap:8px;padding:0 6px 8px;display:flex}.nav-settings-row .lang-switcher{padding:0}.site-nav.collapsed .nav-settings-row{display:none}.nav-skin-tuner-icon-btn{border:1px solid var(--skin-content-border);width:24px;height:24px;color:var(--skin-muted);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex}.nav-skin-tuner-icon-btn:hover:not(:disabled){background:color-mix(in srgb, var(--skin-accent-text) 15%, transparent);color:var(--skin-accent-text);border-color:var(--skin-accent-text)}.nav-skin-tuner-icon-btn:disabled{opacity:.4;cursor:not-allowed}.site-nav.collapsed{flex:0 0 68px;width:68px;padding:20px 8px}.site-nav.collapsed .nav-label,.site-nav.collapsed .nav-section-label,.site-nav.collapsed .nav-settings-label,.site-nav.collapsed .lang-switcher,.site-nav.collapsed .skin-switcher{display:none}.site-nav.collapsed .nav-link,.site-nav.collapsed .nav-donate{justify-content:center;padding:11px 4px}.site-nav.collapsed .nav-brand-row{flex-direction:column;gap:10px}.page-content{flex:1;min-width:0;padding:20px}@media (max-width:1000px){body{display:block}.nav-hamburger{display:flex}.site-nav{z-index:35;width:260px;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.site-nav.open{transform:translate(0)}.page-content{padding:20px 14px}}.panel{background:var(--skin-content-bg);-webkit-backdrop-filter:blur(var(--skin-content-blur)) saturate(150%);backdrop-filter:blur(var(--skin-content-blur)) saturate(150%);border:1px solid var(--skin-content-border);box-shadow:0 10px 30px var(--skin-content-shadow);color:var(--skin-content-text);border-radius:12px;padding:20px;transition:background .2s,border-color .2s,color .2s}.panel.main-panel{flex-direction:column;display:flex}.page-home .panel.main-panel,.page-simulador .panel.main-panel,.page-builds .panel.main-panel,.page-skillplanner .panel.main-panel{max-width:900px;margin:0 auto}.panel h2{color:var(--skin-accent-text);border-bottom:2px solid var(--skin-accent-text);margin-bottom:15px;padding-bottom:10px;font-size:1.2em}.panel h3{color:var(--skin-accent-text);font-size:1em}.tabs{background:var(--skin-content-bg);-webkit-backdrop-filter:blur(var(--skin-content-blur)) saturate(150%);backdrop-filter:blur(var(--skin-content-blur)) saturate(150%);border:1px solid var(--skin-content-border);border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab-btn{cursor:pointer;color:var(--skin-text-muted);background:0 0;border:none;border-radius:9px;flex:1;padding:9px 15px;font-weight:600;transition:opacity .3s,transform .3s}.tab-btn:hover:not(.active){background:var(--skin-card-bg-hover)}.tab-btn.active{background:var(--skin-active-2);color:var(--skin-active-text);box-shadow:0 2px 8px color-mix(in srgb, var(--skin-active-2) 35%, transparent)}button{cursor:pointer;border:none;border-radius:8px;padding:10px;font-size:.85em;font-weight:600;transition:opacity .3s,transform .3s,filter .3s,box-shadow .3s}.btn-primary{background:var(--skin-accent-text);color:var(--skin-active-text)}.btn-primary:hover{filter:brightness(.92);box-shadow:0 5px 15px color-mix(in srgb, var(--skin-accent-text) 40%, transparent);transform:translateY(-2px)}.btn-secondary{background:var(--skin-card-bg-active);color:var(--skin-content-text)}.btn-secondary:hover{background:var(--skin-card-bg-hover)}.btn-danger{color:#fff;background:#e74c3c}.btn-danger:hover{background:#c0392b}.home-hero{text-align:center;padding:20px 10px 10px}.home-hero-icon{margin-bottom:6px;font-size:2.4em;line-height:1}.home-hero h2{border-bottom:none;padding-bottom:0;font-size:1.6em}.home-tagline{color:var(--skin-text-muted);margin-top:8px;font-size:1em;font-weight:500}.home-cta{background:var(--skin-accent-gradient);color:var(--skin-active-text);box-shadow:0 8px 20px color-mix(in srgb, var(--skin-accent-text) 35%, transparent);border-radius:12px;align-items:center;gap:8px;margin-top:22px;padding:12px 26px;font-size:1em;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex}.home-cta:hover{transform:translateY(-2px)}.home-feature-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:34px;display:grid}.home-feature-card{background:var(--skin-card-bg);border:1px solid var(--skin-card-border);color:var(--skin-content-text);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;font-size:.92em;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:flex}.home-feature-card:hover{background:var(--skin-card-bg-hover);transform:translateY(-2px)}.home-feature-icon{font-size:1.8em}.global-tooltip{color:#fff;white-space:normal;text-align:left;z-index:9999;pointer-events:none;background:#14141ef2;border-radius:6px;padding:8px 10px;font-size:.72em;font-weight:500;line-height:1.35;display:none;position:fixed;box-shadow:0 4px 12px #00000059}.global-tooltip strong{margin-bottom:3px;font-size:1.15em;display:inline-block}.global-tooltip.tooltip-interactive{pointer-events:auto}.skill-tooltip-levels{border-top:1px solid #ffffff26;max-height:160px;margin-top:6px;padding-top:6px;overflow-y:auto}.skill-tooltip-level-row{padding:2px 0}.skill-tooltip-level-row b{color:var(--skin-accent-text,#8ab4ff)}.placeholder-note{color:var(--skin-text-muted);font-size:.95em;line-height:1.5}