.build-rating{margin:0}.build-rating svg{width:100%;height:auto;display:block;overflow:visible}.build-rating-line-complete{opacity:.75}.build-rating-line-remaining{opacity:.3}.build-rating-threshold{stroke:#fff;stroke-width:1px}.build-rating-current-marker{stroke-width:4px}.build-rating-threshold-remaining,.build-rating-marker-remaining{opacity:.5}.build-rating-grade,.build-rating-value{fill:currentColor;font-family:Genshin,serif}.build-rating-grade{font-size:12px}.build-rating-value{font-size:14px}.tooltip{display:inline-flex;position:relative}.tooltip-label{z-index:10;color:#fff;white-space:nowrap;background:#000;border:1px solid #777;border-radius:3px;padding:5px;font-family:Arial,sans-serif;font-size:14px;display:none;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.tooltip-label-visible{display:block}.stat-icon{pointer-events:none;-webkit-user-select:none;user-select:none}.stat-icon-fallback{border:1px solid;border-radius:50%;width:18px;height:18px}.artifact{--artifact-color1:#fff;--artifact-color2:#fff;color:#fff;width:170px;height:195px;margin:2px;font-family:Genshin,serif;transition:transform .1s ease-in-out;position:relative}.artifact-inner{border:1px solid var(--artifact-color1);width:100%;height:100%;box-shadow:0 0 0 3px var(--artifact-color2);background:linear-gradient(var(--artifact-color2), black 50%);flex-direction:column;justify-content:space-between;transition:transform .1s ease-in-out,border .1s ease-in-out;display:flex;position:relative;overflow:hidden}.artifact-icon{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;position:absolute;transform:translateY(-20px);-webkit-mask-image:linear-gradient(#000 0% 30%,#0000 80% 100%);mask-image:linear-gradient(#000 0% 30%,#0000 80% 100%)}.artifact-top{z-index:2;justify-content:space-between;align-items:flex-start;padding:5px;display:flex;position:relative}.artifact-bottom{z-index:2;padding:5px;position:relative}.artifact-mainstat{background:#000c;border-radius:8px;align-items:center;width:fit-content;padding:1px 3px;font-size:18px;display:flex}.artifact-cv{border:1px solid var(--artifact-color2);width:fit-content;color:var(--artifact-color1);font:inherit;-webkit-user-select:none;user-select:none;background:#000c;border-radius:6px;padding:2px;font-size:12px}.artifact-cv:hover{border-color:var(--artifact-color1)}.artifact-substats{flex-direction:column;justify-content:space-evenly;height:100%;margin:0;padding:0;list-style:none;display:flex}.artifact-stat{white-space:nowrap;justify-content:space-between;align-items:center;display:flex}.artifact-stat-left{align-items:center;gap:5px;width:45%;margin-right:5px;transition:filter .1s ease-in-out;display:flex}.artifact-stat-right{transition:opacity .2s ease-in-out}.artifact-stat-middle{color:gray;opacity:0;transition:opacity .4s ease-out,translate .3s ease-in-out;position:absolute;left:50%;translate:-50px}.artifact-substats:hover .artifact-stat-useful .artifact-stat-middle{opacity:1;translate:0}.artifact-substats:hover .artifact-stat-right{opacity:.1}.artifact-stat:not(.artifact-stat-useful) .artifact-stat-left,.artifact-stat:not(.artifact-stat-useful) .artifact-stat-right{filter:brightness(50%)}.artifact-stat:nth-child(odd){background:#ffffff0d}@property --rotate{syntax:"<angle>";inherits:false;initial-value:132deg}@keyframes spin{0%{--rotate:0deg}to{--rotate:360deg}}.artifact-special:before,.artifact-special:after{content:"";background-image:linear-gradient(var(--rotate), var(--artifact-color1), transparent, var(--artifact-color2));z-index:-1;width:104%;height:104%;animation:2.5s linear infinite spin;position:absolute;top:-2%;left:-2%}.artifact-special:after{filter:blur(10px)}.character-showcase{isolation:isolate;background:#070707;border:1px solid #ffffff2e;width:min(956px,100%);margin:24px auto 32px;font-family:Genshin,serif;position:relative;overflow:hidden}.character-showcase:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#000000b8,#0000004d 34%,#00000029 56%,#000000eb 80%),linear-gradient(#0000 40%,#070707 88%);position:absolute;inset:0}.character-showcase-portrait{z-index:-2;position:absolute;inset:0;overflow:hidden}.character-showcase-portrait img{-webkit-user-select:none;user-select:none;width:135%;max-width:none;height:auto;position:absolute;top:-80px;left:-35%}.character-showcase-overview{z-index:1;grid-template-columns:minmax(0,1fr) 300px;gap:20px;min-height:310px;padding:28px 24px 54px;display:grid;position:relative}.character-showcase-details{align-self:stretch;min-width:0;padding-bottom:8px;position:relative}.character-showcase-header{text-shadow:0 1px 5px #000;margin-bottom:16px}.character-showcase-owner{color:#ffffffa3;flex-wrap:wrap;gap:6px 14px;margin:0 0 7px;font-size:12px;display:flex}.character-showcase h1{overflow-wrap:anywhere;max-width:360px;margin:0;font-size:clamp(27px,3.1vw,38px);font-weight:400;line-height:1.08}.character-showcase-meta{color:#ffffffb8;gap:16px;margin:9px 0 0;font-size:13px;display:flex}.character-showcase-stats{align-self:center;min-width:0;margin:0}.character-showcase-stat{grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:8px;min-width:0;padding:7px 3px;display:grid}.character-showcase-stat:nth-child(odd){background:#ffffff0d}.character-showcase-stat dt{color:#ffffffa6;align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.character-showcase-stat dd{text-align:right;white-space:nowrap;min-width:58px;margin:0;font-size:14px}.character-showcase-weapon{width:min(220px,100%);position:absolute;bottom:8px;left:0}.character-showcase-weapon div{flex-direction:column;gap:2px;display:flex}.character-showcase-weapon-meta{color:#ffffff80;flex-direction:row;gap:16px;font-size:10px;display:flex}.character-showcase-weapon-meta span{white-space:nowrap}.character-showcase-weapon strong{font-size:13px;font-weight:400}.character-showcase-artifacts{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:-50px;padding:0 18px 18px;display:flex;position:relative}@media (width<=850px){.character-showcase-overview{grid-template-columns:1fr;align-content:end;min-height:500px;padding-bottom:62px}.character-showcase-details{padding-left:0}.character-showcase-stats{width:min(100%,420px);margin-left:auto}}@media (width<=560px){.character-showcase:after{background:linear-gradient(#0000 12%,#000000e0 48%,#070707 78%)}.character-showcase-portrait img{width:760px;height:auto;top:-20px;left:50%;translate:-50%}.character-showcase-overview{min-height:610px;padding:245px 14px 58px}.character-showcase-details{padding-left:0}.character-showcase h1{max-width:none}.character-showcase-weapon{margin-top:20px;position:static}.character-showcase-artifacts{padding-inline:8px}}.build-page-showcase{width:min(956px,100%);margin:24px auto 32px}.build-page-showcase .character-showcase{width:100%;margin:0}.build-page-showcase .build-rating{width:calc(100% - 36px);margin:10px 18px 0}.simulation-config-editor{flex-direction:column;align-items:stretch;width:min(956px,100%);margin:24px auto 0}.simulation-config-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.simulation-config-editor textarea{resize:vertical;width:100%;min-height:280px;color:inherit;background:#111;border:1px solid #777;padding:8px;font:13px/1.4 monospace}.simulation-config-toolbar select{min-width:260px;color:inherit;font:inherit;background:#111;border:1px solid #777;padding:4px}.simulation-config-details{width:100%}.simulation-config-details summary{cursor:pointer}@font-face{font-family:Genshin;src:url(/assets/genshin-BjrX2K0z.woff2)format("woff2");font-display:swap}*{box-sizing:border-box}body{color:#f5f5f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;min-height:100vh;margin:0;font-family:system-ui,sans-serif}button,input{font:inherit;color:inherit;background:#111;border:1px solid #777}a{color:inherit}main{width:min(1100px,100% - 32px);margin:0 auto;padding:32px 0}form{align-items:end;gap:8px;display:flex}form label{flex-direction:column;display:flex}.character-list,.artifact-list{flex-wrap:wrap;gap:12px;display:flex}.character-card{width:180px;color:inherit;border:1px solid;padding:12px;text-decoration:none;display:block}.character-card img{width:100%;display:block}.character-card h3,.character-card p{margin-bottom:0}