.cf-battle{--glass-hi:0 0% 100%;--glass-edge:hsl(var(--foreground)/0.12);--glass-edge-strong:hsl(var(--foreground)/0.2);--glass-fill:linear-gradient(160deg,hsl(var(--foreground)/0.075),hsl(var(--foreground)/0.025) 42%,hsl(var(--foreground)/0.05));--glass-shadow:0 32px 80px -40px rgba(0,0,0,.75),0 10px 30px -18px rgba(0,0,0,.5);--glass-shadow-sm:0 14px 34px -20px rgba(0,0,0,.65);--gold:hsl(var(--accent-2));--cf-ease:cubic-bezier(0.22,0.8,0.3,1);--cf-spring:cubic-bezier(0.34,1.4,0.64,1)}html.light .cf-battle{--glass-shadow:0 30px 70px -40px rgba(15,23,41,.28),0 8px 24px -16px rgba(15,23,41,.18);--glass-shadow-sm:0 12px 30px -18px rgba(15,23,41,.22)}.cf-glass{position:relative;isolation:isolate;border-radius:22px;border:1px solid var(--glass-edge);background:var(--glass-fill),hsl(var(--card));box-shadow:inset 0 1px 0 hsl(var(--glass-hi)/.16),inset 0 -1px 0 hsl(var(--glass-hi)/.03),var(--glass-shadow)}.cf-glass:before{z-index:-1;background:radial-gradient(120% 70% at 8% 0,hsl(var(--glass-hi)/.09),transparent 55%),radial-gradient(70% 55% at 100% 100%,hsl(var(--accent)/.1),transparent 60%)}.cf-glass:before,.cf-glass[data-sweep]:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.cf-glass[data-sweep]:after{z-index:1;background:linear-gradient(100deg,transparent 42%,hsl(var(--glass-hi)/.09) 50%,transparent 58%);background-size:300% 100%;background-repeat:no-repeat;background-position:100% 0;animation:cf-sweep 1.9s var(--cf-ease) .25s both}.cf-grid-row{display:grid;grid-template-columns:var(--cf-cols-narrow)}.cf-grid-row .cf-grid-label{grid-column:1/-1;padding-top:2px}.cf-grid-row:not([data-wide]) .cf-grid-caption{display:none}.cf-grid-row[data-wide]{grid-template-columns:var(--cf-cols)}.cf-grid-row[data-wide] .cf-grid-label{grid-column:auto;padding-top:0}@media (min-width:640px){.cf-grid-row{grid-template-columns:var(--cf-cols)}.cf-grid-row .cf-grid-label{grid-column:auto;padding-top:0}.cf-grid-row:not([data-wide]) .cf-grid-caption{display:block}}.cf-chip{border:1px solid var(--glass-edge);background:linear-gradient(160deg,hsl(var(--foreground)/.08),hsl(var(--foreground)/.03)),hsl(var(--card)/.55);backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px 0 hsl(var(--glass-hi)/.14),var(--glass-shadow-sm)}.cf-row{border:1px solid hsl(var(--foreground)/.07);background:linear-gradient(160deg,hsl(var(--foreground)/.05),hsl(var(--foreground)/.015)),hsl(var(--card)/.5);box-shadow:inset 0 1px 0 hsl(var(--glass-hi)/.08)}.cf-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hue);box-shadow:0 0 0 2px hsl(var(--card)),0 0 10px color-mix(in oklab,var(--hue) 70%,transparent)}.cf-fighter{--hue-soft:color-mix(in oklab,var(--hue) 14%,transparent);--hue-edge:color-mix(in oklab,var(--hue) 45%,transparent);transition:border-color .22s ease,box-shadow .32s ease,transform .32s var(--cf-ease)}.cf-fighter[data-live]{border-color:var(--hue-edge);box-shadow:inset 0 1px 0 hsl(var(--glass-hi)/.16),inset 0 0 0 1px color-mix(in oklab,var(--hue) 16%,transparent),0 0 0 5px var(--hue-soft),var(--glass-shadow-sm)}.cf-fighter[data-champion]{border-color:color-mix(in oklab,var(--gold) 60%,transparent);box-shadow:inset 0 1px 0 hsl(var(--glass-hi)/.2),inset 0 0 0 1px color-mix(in oklab,var(--gold) 22%,transparent),0 0 0 5px color-mix(in oklab,var(--gold) 14%,transparent),0 24px 60px -28px color-mix(in oklab,var(--gold) 55%,transparent)}.cf-fighter-tile{position:relative;border-radius:18px;background:radial-gradient(90% 90% at 30% 20%,hsl(var(--glass-hi)/.12),transparent 60%),hsl(var(--foreground)/.05);box-shadow:inset 0 0 0 1px hsl(var(--foreground)/.08),inset 0 1px 0 hsl(var(--glass-hi)/.12)}.cf-fighter[data-live] .cf-fighter-tile{box-shadow:inset 0 0 0 1px var(--hue-edge),inset 0 1px 0 hsl(var(--glass-hi)/.12),0 0 28px -8px color-mix(in oklab,var(--hue) 60%,transparent)}.cf-enter{animation:cf-enter .64s var(--cf-ease) both;animation-delay:var(--d,0ms)}@keyframes cf-enter{0%{opacity:0;transform:translateY(18px) scale(1.04);filter:blur(10px)}60%{filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}.cf-vs{position:relative;isolation:isolate;border:1px solid var(--glass-edge-strong);background:var(--glass-fill),hsl(var(--card));box-shadow:inset 0 1px 0 hsl(var(--glass-hi)/.18),var(--glass-shadow-sm)}.cf-vs[data-live]{animation:cf-vs-pulse .9s var(--cf-spring) .18s both}.cf-vs[data-live]:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid hsl(var(--accent)/.7);animation:cf-vs-ring 1.1s var(--cf-ease) .26s both;pointer-events:none}@keyframes cf-vs-pulse{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cf-vs-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(2.2);opacity:0}}.cf-line{fill:none;stroke:var(--hue);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cf-draw 1.4s var(--cf-ease) both;animation-delay:var(--d,0ms)}.cf-line[data-static]{stroke-dashoffset:0;animation:none}@keyframes cf-draw{to{stroke-dashoffset:0}}.cf-area{fill:var(--hue);opacity:0;animation:cf-area-in .9s ease both;animation-delay:calc(var(--d, 0ms) + .9s)}@keyframes cf-area-in{to{opacity:.1}}.cf-end-dot{fill:var(--hue);stroke:hsl(var(--card));stroke-width:2;transform-box:fill-box;transform-origin:center;animation:cf-pop .52s var(--cf-spring) both;animation-delay:calc(var(--d, 0ms) + 1.25s)}@keyframes cf-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.cf-chart-fade{animation:cf-fade .7s ease both;animation-delay:var(--d,0ms)}@keyframes cf-fade{0%{opacity:0}}.cf-cat{animation:cf-row-in .56s var(--cf-ease) both}@keyframes cf-row-in{0%{opacity:0;transform:translateY(14px)}}.cf-cat[data-decided]{border-color:hsl(var(--foreground)/.1)}.cf-bar-track{position:relative;height:6px;border-radius:999px;background:hsl(var(--foreground)/.07);overflow:hidden}.cf-bar{position:absolute;inset:0 auto 0 0;width:var(--w,0);border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--hue) 70%,transparent),var(--hue));box-shadow:0 0 12px -2px color-mix(in oklab,var(--hue) 60%,transparent);transform:scaleX(0);transform-origin:left center;animation:cf-grow .82s var(--cf-ease) both;animation-delay:var(--d,0ms)}@keyframes cf-grow{to{transform:scaleX(1)}}.cf-bar[data-winner]{background:linear-gradient(90deg,color-mix(in oklab,var(--gold) 65%,var(--hue)),var(--gold));box-shadow:0 0 14px -2px color-mix(in oklab,var(--gold) 65%,transparent)}.cf-win-value{color:var(--gold);text-shadow:0 0 18px color-mix(in oklab,var(--gold) 45%,transparent)}.cf-crown{color:var(--gold);animation:cf-pop .48s var(--cf-spring) both;animation-delay:calc(var(--d, 0ms) + .76s)}.cf-board{animation:cf-board-in .82s var(--cf-ease) both}@keyframes cf-board-in{0%{opacity:0;transform:translateY(26px) scale(.985)}}.cf-halo{position:relative;isolation:isolate}.cf-halo:after,.cf-halo:before{content:"";position:absolute;inset:-7px;border-radius:50%;z-index:-1;pointer-events:none}.cf-halo:before{background:conic-gradient(from 0deg,transparent 0deg,color-mix(in oklab,var(--gold) 85%,#fff) 70deg,transparent 150deg,color-mix(in oklab,var(--gold) 70%,transparent) 230deg,transparent 330deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:cf-halo-turn 7s linear infinite}.cf-halo:after{inset:-22px;background:radial-gradient(closest-side,color-mix(in oklab,var(--gold) 30%,transparent),transparent 72%);filter:blur(8px);animation:cf-halo-breathe 3.6s ease-in-out infinite alternate}@keyframes cf-halo-turn{to{transform:rotate(1turn)}}@keyframes cf-halo-breathe{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.cf-board-rise{animation:cf-row-in .6s var(--cf-ease) both;animation-delay:var(--d,0ms)}.cf-cell{border:1px solid hsl(var(--foreground)/.06);background:hsl(var(--foreground)/.025);transition:background-color .2s ease,border-color .2s ease}.cf-cell[data-win]{border-color:color-mix(in oklab,var(--gold) 40%,transparent);background:color-mix(in oklab,var(--gold) 10%,transparent)}.cf-cell[data-empty]{background:transparent}.cf-wins{font-variant-numeric:tabular-nums;letter-spacing:-.04em}@keyframes cf-sweep{to{background-position:0 0}}.ash .cf-battle{--glass-edge:hsl(var(--foreground)/0.16);--glass-edge-strong:hsl(var(--foreground)/0.26)}@media (prefers-reduced-motion:reduce){.cf-battle *,.cf-battle :after,.cf-battle :before{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important}}