:root{color-scheme:dark;--bg: #07111f;--bg-2: #0b1728;--panel: rgba(15, 28, 48, .76);--panel-solid: #101d31;--text: #eef6ff;--muted: #9fb0c6;--line: rgba(151, 190, 255, .16);--blue: #4fc3ff;--blue-2: #2977ff;--purple: #8d6bff;--gold: #f3c85c;--green: #4ee59a;--red: #ff5f7a;--shadow: 0 24px 70px rgba(0, 0, 0, .32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--bg-2: #eaf0f7;--panel: rgba(255, 255, 255, .84);--panel-solid: #ffffff;--text: #101725;--muted: #59677a;--line: rgba(30, 57, 92, .14);--shadow: 0 24px 70px rgba(42, 70, 120, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(79,195,255,.08),transparent 520px),radial-gradient(circle at top right,rgba(141,107,255,.18),transparent 460px),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}main{overflow:hidden}.navbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(240px,420px) 1fr auto;gap:18px;align-items:center;padding:14px clamp(16px,4vw,56px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-links button,.ghost-btn,.login-btn,.menu-btn,.search-results button{border:0;background:transparent;color:var(--text)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,var(--blue-2),var(--purple));color:#fff;box-shadow:0 0 30px #4fc3ff47}.global-search{position:relative;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.global-search input,.toolbar input,.toolbar select,label input,label select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 13px;background:color-mix(in srgb,var(--panel-solid) 80%,transparent);color:var(--text);outline:none}.global-search input{border:0;padding:0;background:transparent}.search-results{position:absolute;inset:calc(100% + 8px) 0 auto 0;border:1px solid var(--line);border-radius:8px;background:var(--panel-solid);box-shadow:var(--shadow);overflow:hidden}.search-results button{display:grid;width:100%;gap:2px;padding:12px;text-align:left}.search-results button:hover{background:#4fc3ff1a}.search-results span,.nav-links button,p,li,small{color:var(--muted)}.nav-links{display:flex;justify-content:center;gap:4px}.nav-links button{min-height:38px;padding:0 10px;border-radius:8px}.nav-links button.active,.segments button.active{color:var(--text);background:#4fc3ff21}.nav-actions{display:flex;align-items:center;gap:8px}.ghost-btn,.menu-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:8px}.login-btn,.primary-btn,.secondary-btn{min-height:42px;border-radius:8px;padding:0 18px;font-weight:750}.login-btn,.primary-btn{border:0;color:#06101f;background:linear-gradient(135deg,var(--gold),#ffe18a)}.secondary-btn{border:1px solid var(--line);color:var(--text);background:#ffffff0a}.slim{min-height:38px;padding-inline:14px}.active-filter{border-color:#4fc3ff9e;background:#4fc3ff21}.menu-btn{display:none}.hero{min-height:min(760px,calc(100vh - 74px));display:grid;grid-template-columns:minmax(0,760px) minmax(260px,440px);align-items:end;gap:42px;padding:clamp(64px,9vw,120px) clamp(16px,5vw,76px) clamp(36px,6vw,76px);background-size:cover;background-position:center}.hero-content{max-width:760px}.eyebrow{margin:0 0 12px;color:var(--blue);text-transform:uppercase;font-size:.78rem;font-weight:800}h1,h2,h3{margin:0;line-height:1.05;letter-spacing:0}h1{font-size:clamp(3rem,8vw,6.7rem);max-width:850px}h2{font-size:clamp(2rem,4vw,3.25rem)}h3{font-size:1.08rem}.hero-copy{max-width:620px;margin:22px 0;font-size:clamp(1.05rem,2vw,1.3rem)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-side{display:grid;gap:12px;padding-bottom:12px}.brand-art{width:min(100%,340px);justify-self:end;border:1px solid var(--line);border-radius:8px;background:#00000052;box-shadow:var(--shadow)}.hero-stats{display:grid;gap:12px}.hero-stats div,.panel,.champion-card,.patch-card,.reader,.guide-list button,.coach-empty{border:1px solid var(--line);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.hero-stats div{padding:18px}.hero-stats strong{display:block;font-size:2rem;color:var(--gold)}.hero-stats span{color:var(--muted)}.page,.section-grid{padding:clamp(52px,7vw,92px) clamp(16px,5vw,76px)}.section-title{max-width:760px;margin-bottom:28px}.section-title p:not(.eyebrow){font-size:1.05rem}.cards{display:grid;gap:18px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.five{grid-template-columns:repeat(5,minmax(0,1fr))}.champion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.champion-card,.patch-card,.reader{padding:20px}.row,.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.row{padding:13px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.tier{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:900}.tier-s{color:#07111f;background:var(--gold)}.tier-a{color:#07111f;background:var(--green)}.tier-b{color:#06101f;background:var(--blue)}.tier-c{color:#fff;background:var(--purple)}.note-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.note-type{display:inline-flex;width:fit-content;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:900}.buff{color:#042314;background:var(--green)}.nerf{color:#fff;background:var(--red)}.ajuste{color:#07111f;background:var(--blue)}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toolbar>input{max-width:260px}.toolbar select{width:auto;min-width:180px}.segments{display:flex;gap:6px;flex-wrap:wrap}.segments button{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:var(--panel);color:var(--muted)}.champion-card{display:flex;flex-direction:column;gap:14px}.card-top p{margin:6px 0 0}.favorite{flex:0 0 auto;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a;color:var(--muted);font-size:1.2rem}.favorite.active{color:#07111f;background:var(--gold)}.card-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:#02060eb8}.modal{position:relative;width:min(880px,100%);max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:28px;background:var(--panel-solid);box-shadow:var(--shadow)}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.detail-grid>div{padding:14px;border:1px solid var(--line);border-radius:8px}.compact{grid-template-columns:1fr}.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pill-list span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffff0a}.coach-page{background:linear-gradient(180deg,transparent,rgba(79,195,255,.05),transparent)}.coach-layout,.reader-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:20px}label{display:grid;gap:8px;color:var(--muted);font-weight:700}.coach-form,.tool-card{display:grid;gap:14px;align-self:start}.coach-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.coach-empty{min-height:360px;grid-column:1 / -1;display:grid;align-content:center;justify-items:start;padding:34px}.coach-empty strong{font-size:clamp(1.8rem,4vw,3.2rem);max-width:640px}.reader-layout{align-items:start}.guide-list{display:grid;gap:10px}.guide-list button{display:grid;gap:8px;padding:16px;color:var(--text);text-align:left}.guide-list button.active{border-color:#4fc3ff99}.guide-list span{color:var(--blue);font-size:.78rem;font-weight:800}.reader{min-height:420px;padding:clamp(24px,4vw,54px)}.reader h1{font-size:clamp(2.2rem,5vw,4.8rem)}.reader p{font-size:1.12rem;line-height:1.8}textarea{min-height:110px;resize:vertical}.result-box{display:grid;gap:4px;padding:16px;border-radius:8px;background:linear-gradient(135deg,#4fc3ff26,#f3c85c1f)}.result-box strong{font-size:2.1rem;color:var(--gold)}.snapshot-card p{margin-top:6px}.nested-section{padding-inline:0;padding-bottom:0}.snapshot-mini ol{margin:14px 0 0;padding-left:20px;color:var(--muted)}.snapshot-mini li{margin:8px 0}.footer{display:flex;justify-content:space-between;gap:28px;padding:34px clamp(16px,5vw,76px);border-top:1px solid var(--line);color:var(--muted)}.footer p{max-width:780px;margin-bottom:0}.footer-links{display:flex;gap:14px;flex-wrap:wrap;align-content:start}.footer-links a{color:var(--text)}@media(max-width:1180px){.navbar{grid-template-columns:auto 1fr auto}.global-search{grid-column:1 / -1;order:2}.nav-links{grid-column:1 / -1;order:3}.champion-grid,.three,.five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.navbar{grid-template-columns:1fr auto;gap:10px;padding:12px 14px}.brand{min-height:42px}.nav-actions{justify-self:end}.menu-btn{display:inline-grid;place-items:center}.login-btn{display:none}.nav-links{display:none;grid-column:1 / -1;justify-content:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links.open{display:grid}.nav-links button{min-height:46px}.global-search{order:0}.hero{min-height:auto;grid-template-columns:1fr;padding-top:56px}h1{font-size:clamp(2.7rem,16vw,4.5rem)}.hero-side,.hero-stats{grid-template-columns:1fr}.brand-art{justify-self:start;width:min(100%,300px)}.three,.two,.five,.champion-grid,.coach-layout,.coach-output,.reader-layout,.detail-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar>input,.toolbar select{max-width:none;width:100%}.segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.footer{display:grid}.row{align-items:flex-start;flex-wrap:wrap}}@media(max-width:430px){.hero-actions,.nav-actions,.card-top{align-items:stretch}.primary-btn,.secondary-btn{width:100%}.ghost-btn,.menu-btn{flex:0 0 40px}.panel,.champion-card,.patch-card,.reader{padding:16px}}