.as-band{--ink:#eef1f6;--mu:#93a0b4;--ln:#ffffff17;--gold:#f0a202;--arc:#b07cff;--tc:#b07cff;width:100vw;max-width:100vw;color:var(--ink);isolation:isolate;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(16px,3vw,40px) 0 clamp(28px,4vw,56px);position:relative}.as-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.as-bg-img{object-fit:cover;object-position:center 30%;filter:saturate(1.2)brightness(.9)hue-rotate(28deg)}.as-bg-tint{background:radial-gradient(50% 45% at 80% 10%,#8c50ff47,#0000 70%),radial-gradient(40% 40% at 10% 90%,#ff3c8c24,#0000 70%),linear-gradient(#0a081ac7 0%,#0a081a99 45%,#0a081a80 75%,#060510e6 100%),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.as-in{width:min(1240px,100% - 2rem);margin:0 auto}.as-plate{background:linear-gradient(#0a0918d1,#0a0918b3 60%,#0a09189e);border:1px solid #ffffff24;padding:clamp(14px,2.4vw,30px);position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 0 80px #965aff1a,0 26px 50px -12px #000c}.as-plate:after{content:"";pointer-events:none;--k:var(--gold);background:linear-gradient(var(--k), var(--k)) 0 0 / 22px 2px no-repeat, linear-gradient(var(--k), var(--k)) 0 0 / 2px 22px no-repeat, linear-gradient(var(--k), var(--k)) 100% 0 / 22px 2px no-repeat, linear-gradient(var(--k), var(--k)) 100% 0 / 2px 22px no-repeat, linear-gradient(var(--k), var(--k)) 0 100% / 22px 2px no-repeat, linear-gradient(var(--k), var(--k)) 0 100% / 2px 22px no-repeat, linear-gradient(var(--k), var(--k)) 100% 100% / 22px 2px no-repeat, linear-gradient(var(--k), var(--k)) 100% 100% / 2px 22px no-repeat;position:absolute;inset:-1px}.as-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;margin-bottom:clamp(14px,2vw,22px);display:flex}.as-head h1{font:800 clamp(26px, 3.4vw, 38px) / 1 var(--font-display);letter-spacing:.01em;color:#fff;text-transform:uppercase;align-items:center;gap:10px;margin:0;display:flex}.as-head h1 em{color:var(--arc);text-shadow:0 0 18px #b07cff8c;font-style:normal}.as-head h1 .as-gem{--tc:var(--arc);width:22px;height:33px}.as-head p{font:400 15px/1.35 var(--font-body);color:var(--mu);margin:6px 0 0}.as-lbl{font:700 11px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-bottom:8px;display:block}.as-lbl small{font:500 11px var(--font-body);letter-spacing:0;text-transform:none;opacity:.8}.as-mu{font:400 13px var(--font-body);color:var(--mu);margin:0}.as-sp{image-rendering:pixelated;object-fit:contain;flex:none}.as-ic{--k:1;width:calc(40px * var(--k));height:calc(30px * var(--k));background-repeat:no-repeat;background-size:calc(480px * var(--k)) calc(4110px * var(--k));background-position:calc(var(--ix,0) * var(--k) * -1px) calc(var(--iy,0) * var(--k) * -1px);image-rendering:pixelated;flex:none;display:block}.as-ic.miss,.as-it.miss{background:#ffffff0f}.as-it{background-position:0 0;background-repeat:no-repeat;background-size:auto 100%;flex:none;width:28px;height:28px;display:block}.as-art{object-fit:contain;filter:drop-shadow(0 10px 18px #0009);flex:none}.as-art.pix{image-rendering:pixelated}.as-gem{display:block;overflow:visible}.as-gem .a{fill:color-mix(in srgb, var(--tc) 55%, #120c26)}.as-gem .b{fill:color-mix(in srgb, var(--tc) 85%, #fff)}.as-gem .c{fill:var(--tc)}.as-gem .d{fill:color-mix(in srgb, var(--tc) 35%, #07040f)}.as-gem .h{fill:#ffffffbf}.as-tier{height:20px;font:800 11px/1 var(--font-display);letter-spacing:.04em;color:#cfe0ea;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);white-space:nowrap;background:#ffffff12;border:1px solid #ffffff29;align-items:center;padding:0 7px;display:inline-flex}.as-tier.sr{color:#d8b8ff;background:#c08bff24;border-color:#c08bff8c}.as-tier.ur{color:#ffc2d4;background:#ff8fb126;border-color:#ff8fb199}.as-tier.leg{color:#1a1000;background:linear-gradient(#ffd36a,#f0a202);border-color:#ffd36a}.as-tier.myth{color:#fff;text-shadow:0 1px #00000073;background:linear-gradient(100deg,#ff5ea8,#a56bff 45%,#4fd8ff);border-color:#fff}.as-vd{--vc:#fff;height:22px;font:800 11px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--vc);border:1.5px solid var(--vc);background:color-mix(in srgb, var(--vc) 14%, transparent);white-space:nowrap;align-items:center;padding:0 9px;display:inline-flex;transform:skew(-10deg)}.as-vd[data-v=Cagada]{color:#1a1000;background:linear-gradient(100deg,#ffe08a,#f0a202);box-shadow:0 0 16px #f0a20273}.as-vd.big{border-width:2px;height:34px;padding:0 16px;font-size:16px}.as-pips{gap:3px;display:inline-flex}.as-pips i{background:#ffffff29;width:6px;height:10px;transform:skew(-14deg)}.as-pips i.on{background:var(--tc);box-shadow:0 0 6px var(--tc)}.as-pips.d3 i.on{background:#ff5d5d;box-shadow:0 0 6px #ff5d5d}.as-total{font:600 11px var(--font-body);color:var(--mu);align-items:baseline;gap:4px;display:inline-flex}.as-total b{font:800 13px var(--font-display);color:#fff}.as-det{background:radial-gradient(60% 90% at 0% 0%, color-mix(in srgb, var(--tc) 22%, transparent), transparent 70%), #06051099;border:1px solid color-mix(in srgb, var(--tc) 45%, transparent);border-left:3px solid var(--tc);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,2vw,22px);padding:clamp(14px,2vw,22px);display:grid}.as-det-boss{align-items:center;gap:14px;min-width:0;display:flex;position:relative}.as-det-glow{background:radial-gradient(circle, color-mix(in srgb, var(--tc) 50%, transparent), transparent 68%);pointer-events:none;border-radius:50%;width:180px;height:180px;margin-top:-90px;position:absolute;top:50%;left:0}.as-det-boss .as-art{aspect-ratio:1;width:clamp(110px,12vw,170px);height:auto;position:relative}.as-det-id{gap:8px;min-width:0;display:grid;position:relative}.as-det-id>b{font:800 clamp(20px, 2.2vw, 26px) / 1.05 var(--font-display);color:#fff}.as-det-k{font:700 12px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--tc);align-items:center;gap:6px;display:inline-flex}.as-det-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.as-pokes,.as-drops{gap:6px;margin:0;padding:0;list-style:none;display:grid}.as-pokes li{border:1px solid var(--ln);background:#ffffff0a;align-items:center;gap:8px;min-width:0;padding:2px 8px 2px 2px;display:flex}.as-pokes .as-sp{width:48px;height:48px}.as-poke-t{gap:3px;min-width:0;display:grid}.as-poke-t>b{font:700 14px var(--font-display);color:#fff}.as-poke-t>span{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.as-pl{font:600 11px var(--font-body);color:#63d5a0;white-space:nowrap;font-style:normal}.as-drops{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.as-drops li{min-width:0;font:600 12.5px var(--font-body);color:#dfe6f0;text-transform:capitalize;border:1px solid var(--ln);background:#ffffff0a;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.as-drops li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (max-width:900px){.as-det{grid-template-columns:1fr}}.as-det.compact{grid-template-columns:1fr}
.as3-types{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:560px;display:flex}.as3-types button{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);cursor:pointer;opacity:.75;background:#ffffff08;border:1px solid #ffffff1a;place-items:center;width:34px;height:34px;padding:0;transition:opacity .15s,border-color .15s,background-color .15s;display:grid}.as3-types button.all{width:auto;font:800 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#cfd6e4;padding:0 12px}.as3-types button:hover,.as3-types button.on{opacity:1}.as3-types button.on{border-color:var(--tc,#fff);background:color-mix(in srgb, var(--tc,#fff) 24%, transparent)}.as3-types button.all.on{color:#0b0a18;background:#cfd6e4}.as3-board{gap:8px;display:grid}.as3-row{--vc:#fff;border:1px solid color-mix(in srgb, var(--vc) 30%, transparent);background:#0605108c;grid-template-columns:168px minmax(0,1fr);min-height:96px;display:grid}.as3-lab{color:#0b0a18;background:linear-gradient(135deg, var(--vc), color-mix(in srgb, var(--vc) 60%, #000));clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);align-content:center;gap:4px;padding:12px 14px;display:grid;position:relative}.as3-lab b{font:900 26px/.95 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.as3-lab small{max-width:130px;font:700 11.5px/1.2 var(--font-body);opacity:.85}.as3-n{font:900 13px var(--font-display);opacity:.7;position:absolute;top:8px;right:22px}.as3-row[data-v=Não] .as3-lab{color:#fff;background:linear-gradient(135deg,#7a2430,#3a1218)}.as3-row[data-v=Cagada]{border-color:#f0a20299;box-shadow:inset 0 0 50px #f0a2021f,0 0 30px -10px #f0a20273}.as3-cards{flex-wrap:wrap;align-content:center;gap:8px;padding:10px 12px;display:flex}.as3-card{min-width:0;color:inherit;text-align:left;background:linear-gradient(120deg, color-mix(in srgb, var(--tc) 18%, transparent), transparent 70%), #0a0918cc;border:1px solid #ffffff1a;border-bottom:2px solid var(--tc);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));cursor:pointer;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.as3-card:hover,.as3-card.open{border-color:var(--tc)}.as3-card.open{background:linear-gradient(120deg, color-mix(in srgb, var(--tc) 36%, transparent), transparent 75%), #0a0918e6}.as3-t{gap:4px;min-width:0;display:grid}.as3-t>b,.as3-card>b{font:800 14px/1.05 var(--font-display);color:#fff;white-space:nowrap}.as3-k{align-items:center;gap:6px;display:inline-flex}.as3-card.k-jack{flex:200px;max-width:260px;padding:6px 12px 6px 6px}.as3-art{flex:none;width:104px;height:104px;display:block;position:relative}.as3-art:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--tc) 60%, transparent), transparent 70%);border-radius:50%;position:absolute;inset:8%}.as3-art .as-art{width:100%;height:100%;position:relative}.as3-card.k-jack .as3-t>b{font-size:17px}.as3-card.k-jack .as-tier.big{justify-self:start;height:26px;font-size:13px}.as3-card.k-log,.as3-card.k-mid{flex:200px;max-width:260px}.as3-boss{width:64px;height:64px;margin:-6px -4px}.as3-mobs{align-items:flex-end;gap:0;display:flex}.as3-mob{justify-items:center;margin-right:-6px;display:grid}.as3-mob small{font:800 9.5px var(--font-display);color:#63d5a0;margin-top:-4px}.as3-cards.v-no{gap:5px}.as3-card.k-no{opacity:.75;border-bottom-width:1px;gap:4px;padding:0 8px 0 0}.as3-card.k-no>b{color:#cfd6e4;font-size:12px;font-weight:700}.as3-card.k-no:hover,.as3-card.k-no.open{opacity:1}.as3-open{margin:-2px 0 2px}@media (prefers-reduced-motion:no-preference){html[data-fx=full] .as3-row[data-v=Cagada] .as3-lab:after{content:"";background:linear-gradient(100deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:3.6s ease-in-out infinite as3-shine;position:absolute;inset:0;transform:translate(-100%)}}html.is-anim-paused .as3-lab:after{animation-play-state:paused}@keyframes as3-shine{60%,to{transform:translate(100%)}}@media (max-width:900px){.as3-types{justify-content:flex-start;max-width:none}.as3-row{grid-template-columns:1fr}.as3-lab{clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px 12px}.as3-lab b{font-size:20px}.as3-lab small{max-width:none;padding-right:30px}.as3-n{top:50%;transform:translateY(-50%)}}@media (max-width:640px){.as3-types{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;width:100%;display:grid}.as3-types button{width:100%;height:30px}.as3-types button.all{grid-column:span 2;padding:0;font-size:9.5px}.as3-types .type-icon{width:20px;height:20px}.as3-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid}.as3-cards.v-no{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.as3-card.k-jack{text-align:center;flex-direction:column;align-items:center;max-width:none;padding:6px 6px 8px}.as3-card.k-jack .as3-t{justify-items:center}.as3-card.k-jack .as-tier.big{justify-self:center}.as3-art{width:96px;height:96px}.as3-card.k-log,.as3-card.k-mid{text-align:center;flex-direction:column;align-items:center;max-width:none;padding:4px 4px 8px}.as3-card.k-log .as3-t,.as3-card.k-mid .as3-t{justify-items:center}.as3-card.k-no{overflow:hidden}.as3-card.k-no>b{text-overflow:ellipsis;font-size:11px;overflow:hidden}.as3-card.k-no .as-ic{--k:.8}.as3-card.k-no .type-icon{display:none}}
