/* /assets/features-Comments-comments-BLuNzZzr.css */
.comments{max-width:var(--max-width);margin:0 auto;padding:24px;background:var(--bg-secondary)}main>.comments{margin:32px auto}.comments>p{margin-bottom:24px;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.comments .form-wrap{margin-bottom:32px;padding:16px;background:var(--bg-tertiary);border-radius:6px}.comments .form-wrap h3{margin-bottom:16px;font-size:1.125rem}.comments .form>div{margin-bottom:12px}.comments label{display:block;margin-bottom:6px;font-size:.875rem;color:var(--text-secondary)}.comments input,.comments textarea{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:.875rem}.comments input:focus,.comments textarea:focus{outline:none;border-color:var(--accent)}.comments textarea{resize:vertical}.comments small{display:block;text-align:right;font-size:.75rem;color:var(--text-secondary);margin-top:4px}.comments .msg{padding:8px 12px;margin-bottom:12px;border-radius:4px;font-size:.875rem}.comments .msg.success{background:var(--success);color:#000}.comments .msg.error{background:var(--error);color:#fff}.comments button{padding:8px 24px;background:var(--accent);color:#000;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s}.comments button:hover{opacity:.8}.comments button:disabled{opacity:.5;cursor:not-allowed}.comments .empty{padding:24px;text-align:center;color:var(--text-secondary)}.comments .list{display:flex;flex-direction:column;gap:12px}.comments .item{padding:12px;background:var(--bg-tertiary);border-radius:6px}.comments .item>div{display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.comments .item strong{font-size:.875rem;color:var(--text-primary)}.comments .item time{font-size:.75rem;color:var(--text-secondary)}.comments .item p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.comments{margin:24px 16px;padding:16px}.comments h2{font-size:1.25rem}.comments .item>div{flex-direction:column;gap:4px}}.comments .load-more-wrapper{display:flex;justify-content:center;margin-top:16px;padding-top:16px}.comments .load-more-btn{padding:10px 32px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.comments .load-more-btn:hover{background:var(--bg-primary);border-color:var(--accent)}.comments .load-more-btn:disabled{opacity:.6;cursor:not-allowed}



/* /assets/shares-components-Breadcrumb-Breadcrumb-gTZPah2l.css */
nav ol{list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;margin-top:28px}nav ol li{display:inline-flex;align-items:center;font-family:GenshinFont;color:var(--accent);letter-spacing:.04em;font-size:16px}nav ol li a{text-decoration:none;transition:color .2s ease;margin-right:.5rem;letter-spacing:.04em}nav ol li a:hover{color:var(--accent);text-decoration:underline}nav ol li.breadcrumb-item-active a{color:var(--accent);font-weight:500;pointer-events:none;cursor:default}nav ol li.breadcrumb-item-active a:hover{text-decoration:none}



/* /assets/shares-components-ExpandableContent-ExpandableContent-D13gdEeU.css */
.expandable-content{position:relative}.content-wrapper{max-height:var(--maxHeight, 300px);overflow:hidden;transition:max-height .3s ease-out}.content-wrapper p{color:var(--text-secondary)}.content-wrapper:before{content:"";position:absolute;bottom:0;left:0;right:0;z-index:1;height:120px;background:linear-gradient(to bottom,#0000,#000);pointer-events:none;transition:opacity .3s ease-out}.content-wrapper.expanded{max-height:none}.content-wrapper.expanded:before{opacity:0}.expand-button{position:absolute;bottom:10px;left:50%;transform:translate(-50%);padding:8px 16px;font-size:.95rem;font-weight:600;border:1px solid var(--accent);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-family:inherit;box-shadow:0 2px 4px #0000000d;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;z-index:2}.expand-button:hover{background:var(--bg-secondary);color:var(--accent)}.expand-icon{width:16px;height:16px;margin-left:4px;transition:transform .2s ease}.expand-button:hover .expand-icon{transform:translateY(2px)}.content-wrapper.expanded+.expand-button{display:none}:global(.dark) .expand-button{background-color:var(--color-link, #007bff);color:var(--color-text-light, #fff)}:global(.dark) .expand-button:hover{background-color:var(--color-link-hover, #0056b3)}:global(.dark) .content-wrapper:before{background:linear-gradient(transparent,var(--gradientColorDark, #1a1a1a))}



/* /assets/shares-components-FilterForm-FilterForm-6Jy40Zrd.css */
.filter-form{display:flex;flex-wrap:wrap;gap:16px;padding:16px 0}.filter-form input{position:absolute;opacity:0}.filter-form fieldset{display:flex;flex-wrap:wrap;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:#fff6;height:fit-content}.filter-form fieldset label{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-form fieldset label:hover{background-color:#fff3;transition:background-color .3s ease}.filter-form label:has(input:checked){background-color:#ffef00;color:#111}.filter-form label:has(input[name=element]),.filter-form label:has(input[name=role]),.filter-form label:has(input[name=type]){padding:8px 12px}.filter-form label:has(input[name=rarity]:checked) img,.filter-form label:has(input[name=role]:checked) img,.filter-form label:has(input[name=type]:checked) img{filter:brightness(0)}.filter-form fieldset span{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:700;padding:8px 10px;-webkit-user-select:none;user-select:none}



/* /assets/shares-components-RichTextRenderJSX-RichTextRenderJSX-DBfJPGKM.css */
.rich-text-container{position:relative;font-family:system-ui,-apple-system,sans-serif;line-height:1.6;font-size:16px;letter-spacing:.01em}.rich-text-container h1{font-size:2.25rem;font-weight:700;margin-top:2.5rem;margin-bottom:1.25rem;line-height:1.2;letter-spacing:-.02em}.rich-text-container h2{font-size:1.875rem;font-weight:600;margin-top:2.25rem;margin-bottom:1rem;line-height:1.3;letter-spacing:-.01em}.rich-text-container h3{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:.875rem;line-height:1.3}.rich-text-container h4{font-size:1.25rem;font-weight:600;margin-top:1.75rem;margin-bottom:.75rem;line-height:1.4}.rich-text-container h5{font-size:1.125rem;font-weight:600;margin-top:1.5rem;margin-bottom:.625rem;line-height:1.4}.rich-text-container h6{font-size:1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}.rich-text-container a{color:#216fdb;text-decoration:underline;cursor:pointer}.rich-text-container a:hover{text-decoration:none}.rich-text-container p{margin:0 0 1.25rem;min-height:1.75em;line-height:inherit}.rich-text-container h1+p,.rich-text-container h2+p,.rich-text-container h3+p,.rich-text-container h4+p,.rich-text-container h5+p,.rich-text-container h6+p{margin-top:-.5rem}.rich-text-container ol{list-style-type:decimal;padding-left:1.5rem;margin:1rem 0}.rich-text-container ol ol{list-style-type:upper-alpha;padding-left:1.5rem}.rich-text-container ol ol ol{list-style-type:lower-alpha;padding-left:1.5rem}.rich-text-container ul{list-style-type:disc;padding-left:1.5rem;margin:1rem 0}.rich-text-container li{margin:.375rem 0;line-height:inherit}.rich-text-container ul ul{list-style-type:circle;padding-left:1.5rem}.rich-text-container ul ul ul{list-style-type:square;padding-left:1.5rem}.rich-text-container blockquote{margin:1.5rem 0;padding:.75rem 1rem;border-left:4px solid rgb(206,208,212);color:#57595d;font-style:italic;background-color:#f8f9fa;border-radius:0 .25rem .25rem 0}.rich-text-container>p:first-child{margin-top:0}.rich-text-container>p:last-child{margin-bottom:0}.rich-text-container table{border-collapse:collapse;border-spacing:0;margin:1rem 0;overflow-x:auto;width:100%}.rich-text-container table td{border:1px solid rgb(206,208,212);padding:.5rem}



/* /assets/shares-components-TableOfContents-TableOfContents-CyzZcAOd.css */
.table-of-contents{margin-bottom:1.5rem;width:100%;border:1px solid var(--border, #404040);color:var(--text-primary);background:linear-gradient(135deg,var(--bg-secondary, #292929) 0%,var(--bg-tertiary, #404040) 100%);padding:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.table-of-contents:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:var(--accent, #fffa00)}.table-of-contents::-webkit-scrollbar{width:8px;height:8px}.table-of-contents::-webkit-scrollbar-track{background:var(--bg-primary, #1a1a1a)}.table-of-contents::-webkit-scrollbar-thumb{background:var(--border, #404040);transition:background .2s ease}.table-of-contents::-webkit-scrollbar-thumb:hover{background:var(--accent, #fffa00)}.toc-header{position:sticky;top:0;z-index:40;overflow:hidden;background:linear-gradient(135deg,var(--bg-secondary, #292929) 0%,var(--bg-tertiary, #404040) 100%);padding:1rem 1.25rem;border-bottom:1px solid var(--border, #404040);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toc-title{display:flex;align-items:center;gap:.75rem;position:relative}.toc-title .icon{height:1.5rem;width:1.5rem;fill:var(--text-primary);transition:transform .3s ease;flex-shrink:0}.table-of-contents:hover .toc-title .icon{transform:scale(1.1)}.toc-title span{font-size:1.125rem;font-weight:700;color:var(--text-primary, #e8e8e8);letter-spacing:-.025em}.toc-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toc-toggle:hover{background:#fffa001a}.toc-toggle:active{transform:translateY(-50%) scale(.95)}.toc-toggle .chevron-icon{height:1rem;width:1rem;fill:var(--text-secondary, #b0b0b0);transition:all .3s cubic-bezier(.4,0,.2,1)}.toc-toggle:hover .chevron-icon{fill:var(--accent, #fffa00)}.table-of-contents.expanded .toc-toggle .chevron-icon{transform:rotate(180deg)}.toc-content{margin-top:0;display:none;padding:1rem 1.25rem;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease}.table-of-contents.expanded .toc-content{display:block;max-height:1000px;padding-bottom:1.25rem}.toc-list{list-style:none;padding:0;margin:0}.toc-list>li{margin-top:.75rem;position:relative}.toc-list>li:first-child{margin-top:0}.toc-list>li:before{content:"";position:absolute;left:-.75rem;top:.5rem;width:3px;height:0;background:var(--accent, #fffa00);border-radius:2px;transition:height .3s ease}.toc-list>li:hover:before{height:calc(100% - .5rem)}.toc-link{display:block;cursor:pointer;font-weight:600;font-size:.9375rem;color:var(--text-primary, #e8e8e8);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);padding:.375rem .5rem;margin:0 -.5rem;border-radius:6px;line-height:1.5;position:relative}.toc-link:hover{color:var(--accent, #fffa00);background:#fffa000d;transform:translate(4px)}.toc-link:active{transform:translate(2px)}.toc-sublist{list-style:none;padding-left:1.5rem;margin:.5rem 0 0;border-left:2px solid var(--border, #404040);padding-top:.5rem}.toc-sublist>li{margin-top:.625rem;position:relative}.toc-sublist>li:first-child{margin-top:0}.toc-sublink{display:block;cursor:pointer;font-weight:400;font-size:.875rem;color:var(--text-secondary, #b0b0b0);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);padding:.25rem .5rem;margin:0 -.5rem;border-radius:6px;line-height:1.5}.toc-sublink:hover{color:var(--accent, #fffa00);background:#fffa000d;transform:translate(4px)}.toc-sublink:active{transform:translate(2px)}@media(max-width:768px){.table-of-contents{margin-bottom:1rem}.toc-header,.toc-content{padding:.875rem 1rem}.table-of-contents.expanded .toc-content{padding-bottom:1rem}.toc-title span{font-size:1rem}.toc-link{font-size:.875rem}.toc-sublink{font-size:.8125rem}}



/* /assets/views-tier-list-tier-list-Ox-FULuE.css */
main>section{display:flow-root}.tier-s{background-color:#ef5350}.tier-a{background-color:#ec6563}.tier-b{background-color:#ffa967}.tier-c{background-color:#ffbe7c}.tier-d{background-color:#bfff7f}.tank{color:#7cde97}.dps{color:#ed343e}.hybrid{color:#c267ec}.support{color:#ffc000}h1{font-size:2rem;font-weight:700;color:#fff;margin-top:36px;margin-bottom:2rem}.filter-form{margin-top:4rem}.tier-list-grid{display:flex;flex-direction:column;margin-bottom:6rem;position:relative}.group-header{margin-bottom:1.5rem;padding:1rem 0}.group-header:first-child{margin-top:0}.group-name{font-size:1.5rem;font-weight:700;text-transform:uppercase;margin:0}.tier-header{display:grid;grid-template-columns:66px repeat(4,1fr);position:sticky;top:59px;z-index:99}.tier-rating{align-items:center;color:#191817;display:flex;font-size:22px;font-weight:700;justify-content:center;background-color:#141516;border:1px solid #484950}.role-item{font-size:16px;font-weight:600;padding:5px;text-align:center;text-transform:uppercase;background-color:#141516;border:1px solid #484950}.tier-row{display:grid;grid-template-columns:66px repeat(4,1fr);background-color:#141516}.role-column{display:flex;padding:15px;border:1px solid #484950}.role-column ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.champion-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;position:relative}.champion-card:hover{scale:1.05;transition:scale .3s ease}.champion-card img{width:100px;height:100px;object-fit:cover}.champion-card span{width:100%;text-align:center;display:block;position:absolute;bottom:0;color:#202020;font-size:14px;font-weight:700;text-shadow:1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -2px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff}.mobile-only{display:none}@media(max-width:576px){.mobile-only{display:block}.group-header{padding:12px 0;font-size:14px}.group-name{font-size:18px}.tier-row{grid-template-columns:1fr;margin-bottom:2rem}.tier-header{display:none}.role-item{width:100%;border:none;padding:0;line-height:1}.role-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}}