html .site .shattered-head{isolation:isolate;border-bottom:1px solid var(--line);flex-direction:column;justify-content:flex-end;max-width:none;min-height:360px;margin:0 calc(-1*clamp(16px,4vw,40px)) 22px;padding:44px clamp(16px,4vw,40px) 34px;display:flex;position:relative;overflow:hidden}html .site .shattered-head>:not(.shard-banner){z-index:2;max-width:760px;position:relative}html .site .shattered-head h1{margin:8px 0 14px -3px;font-size:clamp(48px,8vw,112px);line-height:.84}html .site .shattered-head .h1-sub{font-family:var(--label);letter-spacing:.2em;color:var(--hc);text-shadow:none;margin-top:12px;font-size:.17em}html .site .shattered-head .lede{color:var(--paper-2);font-size:15.5px}.shard-banner{z-index:0;pointer-events:none;background:radial-gradient(70% 90% at 78% 30%, color-mix(in srgb, var(--hc) 30%, transparent), transparent 70%);position:absolute;inset:0}.shard-banner img{max-width:none;position:absolute}.shard-bd{width:min(1000px,78%);top:-90px;right:-80px}.shard-bd2{opacity:.18;width:620px;top:90px;left:-220px;transform:scaleX(-1)rotate(12deg)}.shard-fig{z-index:2;-webkit-mask-composite:source-in;width:360px;bottom:-46px;right:max(180px,14%);-webkit-mask-image:linear-gradient(#000 55%,#0000 92%),linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#000 55%,#0000 92%),linear-gradient(90deg,#0000,#000 14% 86%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;mask-composite:intersect;mask-mode:match-source,match-source}.shard-dots{z-index:1;background:radial-gradient(circle,#08080b 1.1px,#0000 1.7px) 0 0/5px 5px;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#000 30%,#0000 70%);mask:linear-gradient(90deg,#000 30%,#0000 70%)}.shard-fade{z-index:1;background:linear-gradient(90deg, var(--ink) 30%, color-mix(in srgb, var(--ink) 60%, transparent) 50%, transparent 68%), linear-gradient(transparent 70%, var(--ink));position:absolute;inset:0}.shard-reg{z-index:3;font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;position:absolute;right:28px}.shard-reg-a{top:16px}.shard-reg-b{top:31px}.shard-cross{z-index:3;background:linear-gradient(#ffffff73,#ffffff73) 50%/1px 100% no-repeat,linear-gradient(#ffffff73,#ffffff73) 50%/100% 1px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:52px;right:34px;box-shadow:inset 0 0 0 1px #ffffff4d}.shard-banner.is-bare{background:linear-gradient(115deg, transparent 62%, color-mix(in srgb, var(--hc,var(--brass)) 45%, transparent) 62% 63.4%, transparent 63.4% 66%, color-mix(in srgb, var(--hc,var(--brass)) 22%, transparent) 66% 71%, transparent 71%), radial-gradient(60% 80% at 85% 20%, color-mix(in srgb, var(--hc,var(--brass)) 16%, transparent), transparent 70%)}html .site .shattered-head:has(.shard-banner.is-bare){min-height:260px}html .site .hero-file-head.shattered-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;min-height:420px;display:grid}html .site .hero-file-head.shattered-head.is-item{grid-template-columns:auto minmax(0,1fr) auto;min-height:300px}html .site .shattered-head .item-file-art img{border:1px solid var(--line-2);box-shadow:0 0 0 5px var(--ink), 0 0 0 6px color-mix(in srgb, var(--hc) 50%, transparent);background:var(--ink-3)}html .site .hero-tags li{letter-spacing:.12em;background:#08080bb3;font-size:10px}html .site .shattered-head .tier-stamp{width:128px;height:128px;color:var(--tier);border:0;align-self:end;margin:0 24px 24px 0;position:relative;transform:none}html .site .shattered-head .tier-stamp:before{content:"";border:1px solid var(--tier);box-shadow:0 0 0 5px #08080b8c, 0 0 0 6px color-mix(in srgb, var(--tier) 40%, transparent);background:#08080bd1;position:absolute;inset:16px;transform:rotate(45deg)}html .site .shattered-head .tier-stamp-letter,html .site .shattered-head .tier-stamp-label{position:relative}html .site .shattered-head .tier-stamp-letter{font-size:58px}html .site .shattered-head .tier-stamp-label{color:var(--muted);margin-top:-26px;font-size:9px}@media (width<=760px){html .site .shattered-head,html .site .hero-file-head.shattered-head{min-height:300px;padding-top:30px}.shard-fig{opacity:.4;width:220px;right:-50px}.shard-bd{opacity:.55;width:150%;right:-60%}.shard-fade{background:linear-gradient(90deg, var(--ink) 10%, color-mix(in srgb, var(--ink) 72%, transparent) 60%, color-mix(in srgb, var(--ink) 40%, transparent)), linear-gradient(transparent 60%, var(--ink))}.shard-reg,.shard-cross{display:none}html .site .shattered-head .tier-stamp{width:96px;height:96px;margin:0}html .site .shattered-head .tier-stamp-letter{font-size:42px}}html .site .meta-tiles{background:var(--line);border:1px solid var(--line);border-top:2px solid var(--hc);gap:1px}html .site .meta-tile{background:var(--ink-2);padding:10px 14px 12px}html .site .meta-tile+.meta-tile{border-left:0}html .site .meta-tile-label{font:400 10px var(--mono);letter-spacing:.12em;color:var(--muted)}html .site .meta-tile-value{margin-top:3px;font-size:30px;font-weight:900;line-height:1.05}html .site .meta-tile p:last-child:not(.meta-tile-value):not(.meta-tile-label){font:10px var(--mono);color:var(--muted)}html .site .band-picker{gap:2px}html .site .band-picker button{font-family:var(--label);letter-spacing:.12em;background:var(--ink-3);color:var(--muted);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);border:0;padding:7px 14px;font-size:12px;font-weight:700}html .site .band-picker button:hover{color:var(--paper)}html .site .band-picker button[aria-pressed=true]{background:var(--paper);color:var(--ink)}html .site .tier-row{border:1px solid var(--line);border-left:0;grid-template-columns:110px minmax(0,1fr)}html .site .tier-letter{background:var(--tier);color:#08080b;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);border-right:0;padding-right:14px}html .site .tier-letter span{font-size:72px;line-height:.85}html .site .tier-letter small{color:#08080bb8;letter-spacing:.04em;font-size:9.5px;font-weight:700}html .site .hero-tiers .tier-row ul{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:4px;padding:6px;display:grid}html .site .hero-tiers .tier-row a{aspect-ratio:3/3.8;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);width:auto;padding:0;display:block;position:relative;overflow:hidden}html .site .hero-tiers .tier-row a:hover{background:0 0}html .site .hero-tiers .tier-row a:hover .tier-art-fig{transform:translateY(-4px)scale(1.04)}.tier-art{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--hc) 50%, transparent), #000 75%);position:absolute;inset:0;overflow:hidden}.tier-art img{max-width:none;position:absolute}html .site .tier-art img{background:0 0;border:0;border-radius:0;height:auto}html .site .tier-art .tier-art-bd{width:260%}html .site .tier-art .tier-art-fig{width:118%}.tier-art-bd{width:260%;top:-40%;left:-80%}.tier-art-fig{width:118%;transition:transform .2s;top:0;left:-9%}.tier-art:after{content:"";background:radial-gradient(circle,#000000d9 1.1px,#0000 1.7px) 0 0/5px 5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000 45%,#000);mask:linear-gradient(#0000 45%,#000)}html .site .hero-tiers .tier-hero-name,html .site .hero-tiers .tier-row a .num{z-index:2;text-align:left;color:#fff;text-shadow:0 1px 6px #000;padding:0 6px;position:absolute;left:0;right:0}html .site .hero-tiers .tier-hero-name{font:900 15px/1 var(--display);text-transform:uppercase;margin:0;bottom:18px}html .site .hero-tiers .tier-row a .num{font:9.5px var(--mono);color:#ffffffbf;bottom:5px}html .site .hero-tiers .tier-portrait{border-radius:50%;margin:12px auto 0;display:block}@media (width<=600px){html .site .tier-row{grid-template-columns:64px minmax(0,1fr)}html .site .tier-letter span{font-size:44px}html .site .hero-tiers .tier-row ul{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}html .site .hero-tiers .tier-hero-name{font-size:12.5px}}html .site .table-hero img{border-radius:0}html .site .tier-chip{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);min-width:26px;padding:3px 6px}html .site .patch-list li{background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--line-2);margin-bottom:4px;padding:12px 16px 12px 18px;position:relative}html .site .patch-list li:hover{border-left-color:var(--hc);background:var(--ink-3)}html .site .patch-list-date{font-size:24px;font-weight:900}html .site .patch-list-name{font:10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase}html .site .patch-list-counts{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-left:1px dashed var(--line-2);padding-left:14px;font-size:10.5px}html .site .patch-list .patch-list-update{border-left-color:var(--brass);background:linear-gradient(90deg, #8b74ff1a, var(--ink-2) 55%)}html .site .patch-chip{font-family:var(--mono);font-size:12px}html .site .page-guide{columns:2 340px;border-top:1px solid var(--line-2);column-gap:40px;max-width:none;padding-top:8px}html .site .page-guide h2{letter-spacing:.02em;color:var(--paper);break-after:avoid;font-size:22px;font-weight:900}html .site .page-guide h2:first-child{column-span:all;margin-top:12px;font-size:28px}html .site .page-guide h2:first-child:before{content:"About this page" / "";font:10px var(--mono);letter-spacing:.14em;color:var(--brass);margin-bottom:6px;display:block}html .site .page-guide h3{letter-spacing:.08em;color:var(--brass);break-after:avoid;font-size:15px}html .site .page-guide p,html .site .page-guide li{font-size:13.5px}html .site .page-guide ul,html .site .page-guide p{break-inside:avoid-column}html .site .kit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}html .site .kit-card{background:var(--ink-3);border:1px solid var(--line);border-top:2px solid var(--hc);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);padding:14px 14px 12px;position:relative}html .site .kit-card p{font-size:13px}html .site .kit-head h3{font-size:22px;font-weight:900}html .site .kit-head img{background:color-mix(in srgb, var(--hc) 30%, #000);border-radius:0}html .site .kit-slot{color:var(--hc)}html .site .kit-quip{color:var(--brass)}html .site .kit-stats{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1px;margin:8px 0;display:grid}html .site .kit-stats>div{background:var(--ink-2);padding:5px 7px}html .site .kit-stats dd{font:800 17px/1.1 var(--display)}@media (width<=1100px){html .site .kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){html .site .kit-grid{grid-template-columns:minmax(0,1fr)}}html .site .build-phases{gap:8px}html .site .build-phases>div{background:var(--ink-3);border:1px solid var(--line);padding:12px 14px}html .site .build-phases h3.label-small{font:900 17px var(--display);letter-spacing:.08em;color:var(--paper);border-bottom:1px solid var(--line-2);padding-bottom:6px}html .site .ability-cell.is-on{background:var(--hc);color:#fff;font-family:var(--mono);font-weight:700}html .site .hero-file .hero-strip ul,html .site .home-heroes ul{gap:3px}html .site .hero-file .hero-strip a{background:var(--ink-2);border:1px solid var(--line)}html .site .hero-file .hero-strip a:hover{border-color:var(--hc)}html .site .hero-file .hero-strip img{border-radius:0}@media (width<=860px){html .site .ingame-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}