.arsenalBackground.svelte-1caa2zr{--bgHeightRaw:calc(var(--imgh,1080) / var(--imgw,1920) * 100vw);--bgHeight:max(var(--bgHeightRaw), 90vh);background:linear-gradient(#0000, 75%, var(--bg_col) 95%, var(--bg_col) 100%), linear-gradient(to top, var(--bg_col), #0000), var(--imgurl,linear-gradient(var(--accent_col), var(--accent_col))), var(--bg_col);background-position:top,bottom,top,top;background-repeat:no-repeat;background-size:100vw clamp(0%, var(--bgHeight) + .1rem, 100%), 100vw 20vh, auto var(--bgHeight), cover;min-height:100vh;padding-bottom:5rem;position:relative}@media screen and (width<=1200px){.arsenalBackground.svelte-1caa2zr{background-attachment:fixed,scroll,fixed,scroll}}.zodiac-bar.svelte-1hge301{background:var(--twc-background);border-radius:2rem .5rem .5rem 2rem;align-items:center;gap:.5rem;padding:.25rem;display:flex;@media screen and (width<=700px){grid-column:span 1}}.zodiac-icon.svelte-1hge301{flex-shrink:0;display:flex}.zodiac-icon.svelte-1hge301 img:where(.svelte-1hge301){background:var(--twc-accent);border-radius:50%;width:3rem;height:3rem;transition:transform .3s;animation:30s linear infinite svelte-1hge301-spin;box-shadow:0 0 .5rem #00000040}.zodiac-icon.svelte-1hge301 img:where(.svelte-1hge301):hover{animation-play-state:paused;transform:scale(1.1)}.bar-track.svelte-1hge301{background:var(--twc-highlight);border-radius:.75rem;flex:1;height:1.5rem;position:relative;overflow:hidden}.bar-fill.svelte-1hge301{background:linear-gradient(90deg, var(--twc-accent), var(--twc-main));border-radius:.75rem;align-items:center;min-width:fit-content;height:100%;transition:width 1s ease-out;display:flex;position:relative;overflow:hidden}.bar-fill.svelte-1hge301:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;animation:3s ease-in-out infinite svelte-1hge301-shine;position:absolute;top:0;left:-100%}.bar-label.svelte-1hge301{white-space:nowrap;color:#fff;text-shadow:0 1px 2px #0000004d;z-index:1;padding:0 .5rem;font-family:Fira Mono,monospace;font-size:.75rem}@keyframes svelte-1hge301-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1hge301-shine{0%{left:-100%}to{left:200%}}.summary-container.svelte-99jmpz{grid-template-columns:1fr 1fr;grid-template-areas:"canvas canvas""left right";align-items:start;gap:1rem;width:100%;display:grid}.canvas-container.svelte-99jmpz{aspect-ratio:4/3;grid-area:canvas;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.equipment-column.svelte-99jmpz{flex-direction:column;gap:.5rem;display:flex;&.left{grid-area:left;align-items:flex-end}&.right{grid-area:right;align-items:flex-start}}.icon-row.svelte-99jmpz{justify-content:center;align-items:center;gap:.25rem;min-height:48px;display:flex}.icon-wrapper.svelte-99jmpz{background-color:var(--twc-main);border-radius:.5rem;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;overflow:hidden}.no-data.svelte-99jmpz{text-align:center;width:100%;color:var(--twc-text-muted)}.tfhint.svelte-99jmpz{background-color:var(--twc-mono);opacity:.75;border-radius:.3rem;padding:.25rem .5rem;font-size:.8rem;position:absolute;bottom:.1rem;left:.1rem}.override.svelte-99jmpz{background-color:var(--twc-mono);opacity:.9;text-align:center;border-radius:.3rem;width:max-content;max-width:90vw;margin:.5rem auto;padding:.25rem .5rem;font-size:1rem;text-decoration:none;display:block}@media (width>=1200px){.summary-container.svelte-99jmpz{grid-template-columns:1fr 50rem 1fr;grid-template-areas:"left canvas right"}}.userwrap.svelte-o8fhag{text-align:center;display:inline-block}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag){background-color:var(--hl_col);background-image:var(--name);background-position:50%;background-size:cover;border-radius:7rem;width:7rem;height:7rem;margin:auto;display:block;position:relative}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag):before{content:"";border-radius:100%;transition:transform .3s;position:absolute;inset:0;transform:scale(1)}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag):hover:before{transform:scale(1.4)}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag):hover .avatarBG:where(.svelte-o8fhag){clip-path:circle(70%);overflow:visible}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag):hover .avatarIcon:where(.svelte-o8fhag) .emblem-wrapper:where(.svelte-o8fhag){transform:scale(1.3)}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag) .avatarBG:where(.svelte-o8fhag){background:var(--col);clip-path:circle(50%);border-radius:100%;width:7rem;height:7rem;transition:clip-path .3s;animation:20s linear infinite svelte-o8fhag-avatarSpin;position:relative}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag) .avatarBG:where(.svelte-o8fhag) .avatarBlob:where(.svelte-o8fhag){background:var(--col);filter:blur(1rem);opacity:.7;border-radius:2rem;width:7rem;height:7rem;margin-left:40%;animation:13s linear infinite svelte-o8fhag-avatarSpin;position:absolute;top:0;left:0}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag) .avatarBG:where(.svelte-o8fhag) .avatarBlob.rev:where(.svelte-o8fhag){margin-left:-40%;animation-duration:11s}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag) .avatarIcon:where(.svelte-o8fhag){pointer-events:none;--emblem-size:7rem;width:7rem;height:7rem;position:absolute;top:0;left:0}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag) .avatarIcon:where(.svelte-o8fhag) .emblem-wrapper:where(.svelte-o8fhag){width:100%;height:100%;transition:transform .4s cubic-bezier(.03,.98,.52,.99)}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag) .avatarIcon:where(.svelte-o8fhag) .emblem-wrapper:where(.svelte-o8fhag) .emblem-tilt:where(.svelte-o8fhag){width:100%;height:100%;filter:drop-shadow(calc((50 - var(--tilt-x,50)) * .2px) calc((50 - var(--tilt-y,50)) * .2px) 10px #0006) brightness(calc(1.5 - (var(--tilt-y,50) + var(--tilt-x,50)) / 200)) contrast(calc(1 + var(--tilt-dist,0) / 100 * .4)) saturate(1.1);justify-content:center;align-items:center;transition:filter .4s cubic-bezier(.03,.98,.52,.99);display:flex}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag) .badge:where(.svelte-o8fhag){border:.4rem solid var(--bg_col);background-color:#747f8d;border-radius:100%;width:1.5rem;height:1.5rem;transition:transform .3s,background-color .3s;position:absolute;bottom:-.4rem;right:-.4rem}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag) .badge.online:where(.svelte-o8fhag){background-color:#3ba55d}.userwrap.svelte-o8fhag .avatar:where(.svelte-o8fhag) .badge.none:where(.svelte-o8fhag){transform:scale(0)}@keyframes svelte-o8fhag-avatarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.banner.svelte-38x55b{width:100%;max-width:30rem;height:7.5rem;position:relative}.banner-circle.svelte-38x55b{background-color:var(--bg_col);border-radius:50%;width:7.5rem;height:7.5rem;position:absolute;top:0;left:0}.banner-plate.svelte-38x55b{background-color:var(--bg_col);clip-path:polygon(0 0,100% 0,calc(100% - 2.5rem) 100%,0 100%);height:3.5rem;position:absolute;top:2rem;left:3rem;right:0}.emblem.svelte-38x55b{z-index:2;position:absolute;top:.25rem;left:.25rem}.nameplate-text.svelte-38x55b{z-index:1;flex-direction:column;justify-content:center;gap:.1rem;height:3rem;display:flex;position:absolute;top:2.25rem;left:7.75rem;right:3rem}h1.svelte-1rf1zon,h2.svelte-1rf1zon{text-align:center}.arsenal.svelte-1rf1zon{filter:hue-rotate(var(--hue));padding:1rem}.arsenal.svelte-1rf1zon img{filter:hue-rotate(calc(-1 * var(--hue)))}.arsenalCard.svelte-1rf1zon{filter:drop-shadow(0 0 .2rem var(--twc-dark));margin-left:var(--sides);margin-right:var(--sides);background:var(--twc-main);text-align:center;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.arsenalWrap.svelte-1rf1zon{flex-direction:column;gap:.3rem;max-width:40rem;margin-left:auto;margin-right:auto;display:flex}.arsenalWrap.svelte-1rf1zon .stats:where(.svelte-1rf1zon) .dynCols:where(.svelte-1rf1zon){columns:2 15rem;column-gap:.3rem}.arsenalWrap.svelte-1rf1zon .stats:where(.svelte-1rf1zon) .dynCols:where(.svelte-1rf1zon)>*{width:100%;margin-bottom:.3rem}@media screen and (width<=500px){.arsenalWrap.svelte-1rf1zon .stats:where(.svelte-1rf1zon) .dynCols:where(.svelte-1rf1zon)>*{width:100%}}@media screen and (width<=700px){.arsenalWrap.svelte-1rf1zon{grid-template-columns:1fr}}@keyframes svelte-1rf1zon-zoomin{0%{background-size:cover,cover;min-height:10rem}75%{background-size:cover,cover}76%{background-size:contain,cover}to{min-height:calc((100vw - var(--sides) * 2) * .56);background-size:contain,cover}}@keyframes svelte-1rf1zon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}