:where(.sw-vsbar){display:block;position:relative}.sw-vsbar{--sw-a:var(--ck-accent);--sw-b:#8a97ad;isolation:isolate;height:28px}.sw-vsbar:before,.sw-vsbar:after{content:"";pointer-events:none;position:absolute;inset:0}.sw-vsbar:before{z-index:-1;background:#0b1222db;-webkit-mask-box-image:url(/ui/frames/war-vs-bar-body.svg) 0 16 fill/0 16px;mask-border:url(/ui/frames/war-vs-bar-body.svg) 0 16 fill/0 16px}.sw-vsbar:after{z-index:2;background:linear-gradient(90deg, var(--sw-a), color-mix(in srgb, var(--sw-a) 30%, #2a3a60) 50%, var(--sw-b));-webkit-mask-box-image:url(/ui/frames/war-vs-bar-edge.svg) 0 16 fill/0 16px;mask-border:url(/ui/frames/war-vs-bar-edge.svg) 0 16 fill/0 16px}:where(.sw-vsbar-track){display:block;position:absolute}.sw-vsbar-track{z-index:1;inset:6px 15px;overflow:hidden}:where(.sw-vsbar-fill){display:block;position:absolute}.sw-vsbar-fill{width:100%;transition:transform .6s ease-out;top:0;bottom:0}.sw-vsbar-fill-a{transform-origin:0;background:linear-gradient(90deg, color-mix(in srgb, var(--sw-a) 55%, transparent), var(--sw-a));left:0}.sw-vsbar-fill-b{transform-origin:100%;background:linear-gradient(270deg, color-mix(in srgb, var(--sw-b) 55%, transparent), var(--sw-b));right:0}:where(.sw-res){display:inline-flex}.sw-res{font:600 12px/1 var(--ck-display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px}.sw-res-win{color:var(--ck-accent-hi)}.sw-res-loss{color:#8a97ad}.sw-res-bye{color:#7381a3}.sw-res-tie{color:var(--ck-t2)}.sw-res-live{color:var(--ck-t1)}.sw-rank-1{color:var(--ck-accent-hi)}.sw-rank-2{color:#c7d2e6}.sw-rank-3{color:#b7a08a}.sw-tab{--ck-c:8px;cursor:pointer;white-space:nowrap;min-height:44px;font:600 12.5px/1 var(--ck-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ck-t3);background:#0b1222b3;border:0;padding:0 12px;transition:color .12s,background-color .12s}.sw-tab:hover{color:var(--ck-t1)}.sw-tab[aria-current=page]{color:#fff;box-shadow:inset 0 -2px 0 var(--ck-accent-hi);background:linear-gradient(180deg, color-mix(in srgb, var(--ck-accent) 50%, transparent), #0b1222d9)}.sw-field{--ck-c:8px;width:100%;min-height:44px;font:500 14px/1.2 var(--ck-body);color:var(--ck-t1);box-shadow:inset 0 0 0 1px var(--ck-line);background:#050812bf;border:0;outline:none}.sw-field:focus-visible{box-shadow:inset 0 0 0 2px #fff, inset 0 0 0 4px color-mix(in srgb, var(--ck-accent) 70%, transparent)}.sw-field option{color:var(--ck-t1);background:#0b1222}:where(.rd-head){display:block;position:relative}.rd-head-img{-o-object-fit:cover;object-fit:cover;-o-object-position:73% 50%;object-position:73% 50%}.rd-head-shade{background:linear-gradient(90deg,#050812d1 0%,#0508128c 45%,#05081200 70%),linear-gradient(#05081200 55%,#0508128c)}:where(.rd-hp){display:block;position:relative}.rd-hp{isolation:isolate;height:20px}.rd-hp:before,.rd-hp:after{content:"";pointer-events:none;position:absolute;inset:0}.rd-hp:before{z-index:-1;background:#0b1222e6;-webkit-mask-box-image:url(/ui/raid/raid-hp-frame-body.svg) 0 12 fill/0 12px;mask-border:url(/ui/raid/raid-hp-frame-body.svg) 0 12 fill/0 12px}.rd-hp:after{z-index:2;background:var(--ck-accent-hi);-webkit-mask-box-image:url(/ui/raid/raid-hp-frame-edge.svg) 0 12 fill/0 12px;mask-border:url(/ui/raid/raid-hp-frame-edge.svg) 0 12 fill/0 12px}:where(.rd-hp-track){display:block;position:absolute}.rd-hp-track{z-index:1;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);background:#00000073;inset:4px;overflow:hidden}:where(.rd-hp-fill){display:block;position:absolute}.rd-hp-fill{transform-origin:0;background:linear-gradient(90deg, #9f1d16, var(--ck-danger));transition:transform 1s ease-out;inset:0}@media (prefers-reduced-motion:reduce){.sw-vsbar-fill,.rd-hp-fill{transition:none}}html.ck-reduce .sw-vsbar-fill,html.ck-reduce .rd-hp-fill{transition:none}