.ac{--ac-w:360px;--ink:#fff7ea;--mute:#fff7eac7;width:var(--ac-w);aspect-ratio:5/7;perspective:900px;max-width:100%;color:var(--ink);font-family:var(--font-sc),system-ui,sans-serif;-webkit-user-select:none;user-select:none;contain:layout style;display:block;position:relative;container-type:inline-size}.ac-grid{--ac-w:170px}.ac-hand{--ac-w:76px}.ac-tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));font-size:2.77778cqw;transition:transform .14s ease-out;position:absolute;inset:0}.ac[data-tilting] .ac-tilt{transition:transform 50ms linear}.r-ultra .ac-tilt:before,.r-legendary .ac-tilt:before,.ac-hand.r-ultra .ac-tilt:before,.ac-hand.r-legendary .ac-tilt:before{box-shadow:none}.el-blaze{--tint:#d99376}.el-frost{--tint:#9adcf9}.el-volt{--tint:#e8cf87}.el-tide{--tint:#7db0e6}.el-grove{--tint:#a6d397}.ac-under{position:absolute;inset:1.9% 2.6%;overflow:hidden}.ac-under i{display:block;position:absolute}.ac-window{background:radial-gradient(70% 55% at 50% 40%,color-mix(in srgb,var(--burst,#111) 42%,var(--scrim,#111)),var(--scrim,#111) 100%);isolation:isolate;position:absolute;inset:3.8% 5%;overflow:hidden}.ac-hand .ac-window{bottom:21.6%}.ac-clip{object-fit:cover;transition:opacity .45s}.ac-clip.fading{opacity:0}.ac-art{width:calc(var(--z,1)*100%);aspect-ratio:3/4;max-width:none;height:auto;transform:translate(var(--tx,0),var(--ty,0));display:block;position:absolute;top:0;left:0}.ac-scrim{mix-blend-mode:multiply;background:radial-gradient(90% 60% at 50% 46%,#fff 62%,var(--scrim-mid)),linear-gradient(#fff 56%,var(--scrim-mid) 68%,var(--scrim) 77%);background-blend-mode:multiply;position:absolute;inset:0}.ac-grid .ac-scrim{background:radial-gradient(90% 60% at 50% 42%,#fff 62%,var(--scrim-mid)),linear-gradient(#fff 68%,var(--scrim-mid) 76%,var(--scrim) 84%)}.ac-hand .ac-window:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 1.6em #0000008c}.r-common .ac-frame{filter:saturate(.72)brightness(.9)}.el-blaze{--scrim:#492116;--scrim-mid:#9e5c44}.el-frost{--scrim:#243e63;--scrim-mid:#7492bc}.el-volt{--scrim:#2e2751;--scrim-mid:#7e72af}.el-tide{--scrim:#203b66;--scrim-mid:#6d91bf}.el-grove{--scrim:#253d1d;--scrim-mid:#7b9970}.ac-frame{background:var(--ac-frame) 0 0/100% 100% no-repeat;pointer-events:none;position:absolute;inset:-4% -5.6%}.ac-fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ac-fx i{display:block;position:absolute}.ac-cost{font-variation-settings:"wdth" 75;color:#fff;-webkit-text-stroke:.12em #0a0608;paint-order:stroke fill;font-size:5.8em;font-weight:800;line-height:1;position:absolute;top:9.7%;left:13.2%;transform:translate(-50%,-50%)}.ac-hand .ac-cost{font-size:12em;top:14.2%;left:19.2%}.ac-job{aspect-ratio:1;fill:#fff7ea;filter:drop-shadow(0 .1em #0a0608);width:9.8%;height:auto;position:absolute;top:8.6%;left:87.6%;transform:translate(-50%,-50%)}.ac-name{font-variation-settings:"wdth" 75;letter-spacing:.005em;white-space:nowrap;color:#fff;-webkit-text-stroke:.14em #0a0608;paint-order:stroke fill;text-shadow:.04em .06em #0a0608;font-size:3.5em;font-weight:800;line-height:1;position:absolute;top:75.6%;left:5.6%;right:17%;transform:translateY(-52%)}.ac-grid .ac-name{font-size:4em;top:88.8%;left:5.6%;right:4%}.ac-grid .ac-name[data-long]{font-size:3.5em}.ac-text{flex-direction:column;gap:.5em;display:flex;position:absolute;bottom:6.5%;left:7.6%;right:6.4%}.ac-power{text-wrap:balance;text-shadow:0 .06em .14em #000c;align-items:center;gap:.42em;margin:0;font-size:1.8em;font-weight:700;line-height:1.08;display:flex}.ac-power svg{width:1.5em;height:1.5em;fill:var(--ink);filter:drop-shadow(0 .05em #000c);flex:none}.ac-quirk{color:var(--mute);text-shadow:0 .06em .14em #000000e6;margin:0;font-size:1.46em;font-style:italic;font-weight:500;line-height:1.12}.r-ultra .ac-name,.r-legendary .ac-name{color:#eace87}.ac-form{flex-direction:column;align-items:center;gap:.28em;font-size:1em;display:flex;position:absolute;top:17.5%;left:87.6%;transform:translate(-50%)}.ac-form i{clip-path:polygon(50% 0,100% 62%,100% 100%,50% 40%,0 100%,0 62%);filter:drop-shadow(0 .1em #0a0608);background:#eace87;width:3em;height:1.3em;display:block}.el-blaze .ac-under{background:linear-gradient(160deg,#ae6855,#d79470 45%,#a25c4c)}.el-blaze.r-common .ac-under{background:#672817}.el-blaze.r-uncommon .ac-under{background:linear-gradient(160deg,#844231,#a8644c)}.el-blaze .ac-under i{aspect-ratio:1;background:radial-gradient(closest-side,#e2d18f,#e7b97c 45%,#0000);border-radius:50%;width:70%;animation:7s ease-in-out infinite alternate ac-magma}.el-blaze .ac-under i:first-child{top:-10%;left:-20%}.el-blaze .ac-under i:nth-child(2){animation-duration:9s;animation-delay:-3s;top:30%;right:-25%}.el-blaze .ac-under i:nth-child(3){animation-duration:11s;animation-delay:-6s;bottom:-20%;left:10%}.el-blaze.r-common .ac-under i{display:none}@keyframes ac-magma{0%{opacity:.25;transform:translate(0,0)scale(.8)}to{opacity:1;transform:translate(30%,18%)scale(1.15)}}.ac-grid.el-blaze .ac-under i:nth-child(n+2){display:none}.el-blaze .ac-fx i{left:calc(7% + var(--n)*9%);width:calc(.9em + var(--s)*.9em);height:calc(.9em + var(--s)*.9em);opacity:0;animation:ac-ember var(--t) linear infinite;animation-delay:var(--d);background:radial-gradient(closest-side,#fffbe0 18%,#ecc884 38%,#d28d6e8c 62%,#cc846d00);border-radius:50%;bottom:30%}@keyframes ac-ember{0%{opacity:0;transform:translate(0,0)scale(1)}12%{opacity:1}55%{transform:translate3d(var(--x),-16em,0) scale(.9);opacity:.9}to{transform:translate3d(calc(var(--x)*-.4),-31em,0) scale(.3);opacity:0}}.el-frost .ac-under{background:#71a3d3}.el-frost .ac-under i{background:linear-gradient(90deg,#0000,#fff 45%,#eafaff 55%,#0000);width:60%;height:140%;animation:8s ease-in-out infinite ac-shimmer;top:-20%;left:-60%;transform:rotate(18deg)}.el-frost .ac-under i:nth-child(2){animation-delay:-4s}.el-frost .ac-under i:nth-child(3){display:none}@keyframes ac-shimmer{0%{transform:translate(0,0)rotate(18deg)}to{transform:translate(320%)rotate(18deg)}}.ac-grid.el-frost .ac-under i{animation-duration:14s}.el-frost .ac-fx i{clip-path:polygon(50% 0,56% 44%,100% 50%,56% 56%,50% 100%,44% 56%,0 50%,44% 44%);opacity:0;width:2.2em;height:2.2em;animation:ac-twinkle var(--t) ease-in-out infinite;animation-delay:var(--d);background:#fff}.el-frost .ac-fx i:first-child{top:30%;left:2%}.el-frost .ac-fx i:nth-child(2){top:18%;right:1%}.el-frost .ac-fx i:nth-child(3){top:0;left:32%}.el-frost .ac-fx i:nth-child(4){top:56%;right:0}.el-frost .ac-fx i:nth-child(5){top:1%;left:60%}.el-frost .ac-fx i:nth-child(6){top:64%;left:1%}@keyframes ac-twinkle{0%,70%,to{opacity:0;transform:scale(.2)rotate(0)}84%{opacity:1;transform:scale(1)rotate(30deg)}}.el-volt .ac-under{background:#5b4712}.el-volt.r-common .ac-under{background:#2c2510}.el-volt.r-common .ac-under i{opacity:.32}.el-volt.r-uncommon .ac-under{background:#3e3210}.el-volt .ac-under i:first-child{background:linear-gradient(90deg,#0000,#dcd2a0,#e8cf87,#0000);width:30%;animation:2.6s linear infinite ac-run-x;top:0;bottom:0;left:-30%}.el-volt .ac-under i:nth-child(2){background:linear-gradient(#0000,#dcd2a0,#e8cf87,#0000);height:30%;animation:3.4s linear infinite ac-run-y;top:-30%;left:0;right:0}.el-volt .ac-under i:nth-child(3){background:#e8cf87;animation:1.7s step-end infinite ac-hum;inset:0}@keyframes ac-run-x{to{transform:translate(434%)}}@keyframes ac-run-y{to{transform:translateY(434%)}}@keyframes ac-hum{0%,to{opacity:.5}18%{opacity:.8}24%{opacity:.35}57%{opacity:.7}63%{opacity:.4}}.ac-grid.el-volt .ac-under i:first-child,.ac-grid.el-volt .ac-under i:nth-child(2){display:none}.ac-grid.el-volt .ac-under i:nth-child(3){animation-duration:3.4s}.ac-arcs{pointer-events:none;width:111.2%;height:108%;position:absolute;top:-4%;left:-5.6%;overflow:visible}.ac-arcs path{fill:none;stroke-linejoin:round;opacity:0;will-change:opacity;animation:2.4s step-end infinite ac-arc;animation-delay:var(--d)}.ac-arcs .glow{stroke:#e8cf87;stroke-width:12px;stroke-opacity:.4}.ac-arcs .core{stroke:#fffbe0;stroke-width:3px}@keyframes ac-arc{0%{opacity:1}5%{opacity:.2}8%{opacity:1}14%{opacity:0}20%{opacity:1}24%{opacity:0}}.el-tide .ac-under{background:#385a8f}.el-tide .ac-under i{background:repeating-linear-gradient(100deg,#0000 0 6%,#97def0 8%,#e8fbff 9%,#84d2ef 10%,#0000 13% 25%);width:200%;height:100%;animation:5s linear infinite ac-flow;top:0;left:0}.el-tide .ac-under i:nth-child(2){opacity:.6;animation-duration:8s;animation-direction:reverse}.el-tide .ac-under i:nth-child(3){display:none}@keyframes ac-flow{to{transform:translate(-50%)}}.ac-grid.el-tide .ac-under i{animation-duration:11s}.ac-swell{pointer-events:none;position:absolute;inset:3.8% 5%;overflow:hidden}.ac-swell i{opacity:.34;background:0 0/100% 100% no-repeat;width:200%;height:40%;animation:7s linear infinite ac-flow;display:block;position:absolute;top:61%;left:0}.ac-swell i:nth-child(2){opacity:.3;animation-duration:5s;animation-direction:reverse;top:64%}.ac-grid .ac-swell i{animation-duration:13s;top:80%}.ac-grid .ac-swell i:nth-child(2){animation-duration:10s;top:82%}.ac-swell i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300' preserveAspectRatio='none'%3E%3Cpath d='M0 14C50 2 150 2 200 14S350 26 400 14 550 2 600 14 750 26 800 14V300H0Z' fill='%230f5aa6'/%3E%3Cpath d='M0 14C50 2 150 2 200 14S350 26 400 14 550 2 600 14 750 26 800 14' fill='none' stroke='%23e8fbff' stroke-width='3'/%3E%3C/svg%3E")}.ac-swell i:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300' preserveAspectRatio='none'%3E%3Cpath d='M0 16C60 28 140 28 200 16S340 4 400 16 540 28 600 16 740 4 800 16V300H0Z' fill='%230a3a70'/%3E%3Cpath d='M0 16C60 28 140 28 200 16S340 4 400 16 540 28 600 16 740 4 800 16' fill='none' stroke='%236fd6f2' stroke-width='2'/%3E%3C/svg%3E")}.el-tide .ac-fx .bu{left:calc(10% + var(--n)*13%);opacity:0;width:1em;height:1em;animation:ac-bubble var(--t) ease-in infinite;animation-delay:var(--d);background:radial-gradient(circle at 34% 30%,#ffffffe6 0 12%,#ffffff14 34%,#caefff66 70%,#ffffffbf 72% 80%,#0000 82%);border-radius:50%;bottom:32%}@keyframes ac-bubble{0%{opacity:0;transform:translate(0,0)scale(.5)}15%{opacity:.9}to{transform:translate3d(var(--x),-24em,0) scale(1.1);opacity:0}}.el-grove .ac-under{background:#384719}.el-grove .ac-under i{aspect-ratio:1;background:radial-gradient(closest-side,#d2d88e,#b6d08b 50%,#0000);border-radius:50%;width:60%;animation:6s ease-in-out infinite alternate ac-sap}.el-grove .ac-under i:first-child{top:-5%;left:-30%}.el-grove .ac-under i:nth-child(2){animation-duration:8s;animation-delay:-2.5s;top:40%;right:-30%}.el-grove .ac-under i:nth-child(3){animation-duration:7s;animation-delay:-5s;bottom:-25%;left:20%}@keyframes ac-sap{0%{opacity:.15;transform:translateY(-30%)}to{opacity:1;transform:translateY(40%)}}.ac-grid.el-grove .ac-under i:nth-child(n+2){display:none}.el-grove .ac-fx i{left:calc(4% + var(--n)*17%);clip-path:polygon(0 80%,20% 30%,55% 5%,100% 15%,80% 55%,45% 85%);opacity:0;width:1.5em;height:1em;animation:ac-leaf var(--t) ease-in-out infinite;animation-delay:var(--d);background:radial-gradient(at 30% 60%,#b6d08b,#759a5d 70%);top:-6%}@keyframes ac-leaf{0%{opacity:0;transform:translate(0,0)rotate(0)}8%{opacity:1}30%{transform:translate3d(calc(var(--x)*1.2),14em,0) rotate(70deg)}60%{transform:translate3d(calc(var(--x)*-.6),30em,0) rotate(150deg);opacity:1}90%{opacity:.9}to{transform:translate3d(var(--x),44em,0) rotate(240deg);opacity:0}}.ac-foil{mix-blend-mode:color-dodge;pointer-events:none;opacity:.8;-webkit-mask:var(--ac-mask) 0 0/100% 100% no-repeat;-webkit-mask:var(--ac-mask) 0 0/100% 100% no-repeat;mask:var(--ac-mask) 0 0/100% 100% no-repeat;position:absolute;inset:-4% -5.6%;overflow:hidden}.ac-grid .ac-foil{opacity:.55}.ac-foil i{width:260%;height:260%;transform:translate3d(calc(var(--fx,0)*-64%),calc(var(--fy,0)*-34%),0);background:linear-gradient(115deg,#0000 39%,#e8cf87bf 44%,#88e6d1cc 48%,#b8a1e2cc 52%,#e299b9b3 56%,#0000 61%);display:block;position:absolute;top:-80%;left:-80%}.ac:not([data-tilting]) .ac-foil i{animation:6s ease-in-out infinite alternate ac-foil}@keyframes ac-foil{0%{transform:translate(-26%,-8%)}to{transform:translate(26%,8%)}}.ac-foilart{mix-blend-mode:soft-light;pointer-events:none;opacity:.9;position:absolute;inset:3.8% 5%;overflow:hidden}.ac-foilart i{width:260%;height:260%;transform:translate3d(calc(var(--fx,0)*-64%),calc(var(--fy,0)*-34%),0);background:linear-gradient(115deg,#0000 36%,#fff 46%,#edc2df 50%,#c9f3ff 54%,#0000 64%);display:block;position:absolute;top:-80%;left:-80%}.ac:not([data-tilting]) .ac-foilart i{animation:6s ease-in-out infinite alternate ac-foil}.ac[data-dim] .ac-window{filter:grayscale(.75)brightness(.55)}.ac[data-dim] .ac-frame{filter:grayscale(.7)brightness(.62)}.ac[data-dim] .ac-cost{color:#f2a595}.ac[data-locked] .ac-window{background:radial-gradient(70% 55% at 50% 40%,var(--burst-hi),var(--burst) 62%,var(--scrim) 100%)}.ac[data-locked] .ac-window:before{content:"";aspect-ratio:1;background:repeating-conic-gradient(#fff3 0 6deg,transparent 6deg 16deg);width:190%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(closest-side,#000 16%,#0000 90%);mask:radial-gradient(closest-side,#000 16%,#0000 90%)}.ac[data-locked] .ac-art.inked{mix-blend-mode:multiply;filter:grayscale(1) invert(var(--flip,1)) brightness(var(--ink,1.15)) contrast(5)}.ac[data-locked] .ac-art.pending{opacity:0}.el-blaze{--burst:#ae6855;--burst-hi:#edc784}.el-frost{--burst:#5e8cc1;--burst-hi:#c9f3ff}.el-volt{--burst:#645a97;--burst-hi:#e5d088}.el-tide{--burst:#4e77ac;--burst-hi:#8ce1ee}.el-grove{--burst:#669057;--burst-hi:#d1d88f}.ac[data-locked] .ac-cost,.ac[data-locked] .ac-job{opacity:.9}@media (prefers-reduced-motion:reduce){.ac *,.ac :before,.ac :after{transition:none!important;animation:none!important}.ac-fx{display:none}}
.ab{--mine:#b4cda0;--foe:#d99c8c;--ink:#f3efe6;--dim:#a6a8b4;--gold:#e8ca88;--spark:#a3c6d2;z-index:30;color:var(--ink);font-family:var(--font-sc),system-ui,sans-serif;font-variation-settings:"wdth" 90;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(70% 60% at 50% 40%,#141a33,#06070f 78%);justify-content:center;display:flex;position:fixed;inset:0;overflow:hidden}.ab-col{background:#070a14;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);width:100%;min-width:min(100vw,370px);max-width:min(640px,52dvh);height:100dvh;display:grid;position:relative;box-shadow:0 0 0 1px #f3efe60f}@media (max-width:520px){.ab-col{max-width:none}}.ab-top{padding:calc(4px + env(safe-area-inset-top)) 6px 4px 10px;z-index:2;pointer-events:none;background:0 0;grid-area:1/1;align-items:center;gap:8px;min-height:44px;display:flex;position:relative}.ab-top>*{pointer-events:auto}.ab-who,.ab-clock,.ab-top .ab-ic{background:#080a14ad;border-radius:10px}.ab-top .ab-ic{pointer-events:auto}.ab-who{padding:3px 8px}.ab-clock{padding:2px 8px}.ab-who{flex:0 auto;min-width:0;line-height:1.05;display:grid}.ab-who b{color:var(--foe);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.ab-who small{color:var(--dim);font-size:11px}.ab-clock{font-variant-numeric:tabular-nums;text-align:center;min-width:50px;margin-left:auto;font-size:19px;font-weight:800}.ab[data-late="1"] .ab-clock{color:var(--gold)}.ab-ic{all:unset;box-sizing:border-box;width:40px;height:40px;color:var(--dim);cursor:pointer;border-radius:12px;place-items:center;display:grid}.ab-ic svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.ab-ic:focus-visible,.ab-slot:focus-visible{outline:3px solid var(--mine);outline-offset:1px}.ab-stars{background:#080a14ad;border-radius:10px;flex:none;gap:2px;padding:2px 5px;display:flex}.ab-stars i{color:#f3efe64d;width:22px;height:22px;display:block}.ab-stars svg{fill:currentColor;width:100%;height:100%;display:block}.ab-stars.me i.on{color:var(--gold)}.ab-stars.foe i.on{color:var(--foe)}.ab-stars i.pop{animation:.7s cubic-bezier(.2,.8,.2,1) ab-starpop}@keyframes ab-starpop{0%{transform:scale(2.4)rotate(-30deg)}60%{transform:scale(.88)}to{transform:none}}.ab-field{touch-action:none;cursor:crosshair;background:radial-gradient(90% 60% at 50% 45%,#3b5046,#22312c);grid-area:1/1/3;min-height:0;position:relative;overflow:hidden}.ab-canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ab[data-drawn] .ab-canvas{opacity:1}.ab-wait{text-align:center;color:#f3efe6b8;margin:0;font-size:15px;font-weight:700;animation:.3s .5s both ab-wait;position:absolute;top:44%;left:0;right:0}@keyframes ab-wait{0%{opacity:0}}.ab-wait i{background:#f3efe629;border-radius:3px;width:min(56%,220px);height:5px;margin:8px auto 0;display:block;position:relative;overflow:hidden}.ab-wait i:after{content:"";background:linear-gradient(90deg,#0000,#fff4d68c,#0000);width:40%;animation:1.5s ease-in-out infinite ab-sheen;position:absolute;inset:0}@keyframes ab-sheen{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.ab-wait i:after{opacity:0;animation:none}}.ab-wait b{background:var(--gold);transform-origin:0;border-radius:3px;height:100%;transition:transform .3s ease-out;display:block}.ab-fx{pointer-events:none;z-index:40;width:100%;height:100%;position:fixed;inset:0}.ab-flystar{z-index:41;width:30px;height:30px;color:var(--gold);filter:drop-shadow(0 0 12px var(--gold));pointer-events:none;position:fixed;top:0;left:0}.ab-flystar.foe{color:var(--foe)}.ab-flystar svg{fill:currentColor;stroke:#f3e7c8;stroke-width:1.2px;stroke-linejoin:round;width:100%;height:100%}.ab-count{text-align:center;color:#fff;text-shadow:0 0 26px var(--mine),0 3px 0 #0006;pointer-events:none;font-size:clamp(60px,20vw,92px);font-weight:900;animation:.42s cubic-bezier(.2,1.4,.4,1) both ab-count;position:absolute;top:40%;left:0;right:0}@keyframes ab-count{0%{opacity:0;transform:scale(1.9)}}.ab-banner{text-align:center;pointer-events:none;justify-items:center;gap:0;padding:4px 8px;animation:.3s cubic-bezier(.2,1.2,.4,1) both ab-banner;display:grid;position:absolute;top:calc(50% - 34px);left:0;right:0}.ab-banner b{color:#fff;text-shadow:0 0 18px var(--c),0 2px 0 #06091a,0 0 6px #06091a;font-size:clamp(26px,8vw,34px);font-weight:900}.ab-banner span{color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;font-size:14px;font-weight:800}.ab-banner.gold{--c:var(--gold)}.ab-banner.good{--c:var(--mine)}.ab-banner.bad{--c:var(--foe)}@keyframes ab-banner{0%{opacity:0;transform:scaleY(.2)}}.ab-lines{pointer-events:none;justify-items:center;gap:4px;width:max-content;max-width:calc(100% - 28px);display:grid;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.ab-line{text-align:center;color:#fff;background:#06091adb;border-radius:9px;margin:0;padding:3px 10px;font-size:13px;font-weight:800;line-height:1.25;animation:.2s ease-out ab-tip}.ab-line b{font-weight:900}.ab-line span{color:#fffc;margin-left:6px;font-weight:700}.ab-line.gold b{color:var(--gold)}.ab-line.bad b{color:var(--foe)}.ab-line.good b{color:var(--mine)}.ab-tip{left:50%;top:calc(var(--field-top,0px) + 19.3*var(--field-row,16px));text-align:center;color:#fff;pointer-events:none;text-wrap:balance;background:#06091adb;border-radius:12px;width:max-content;max-width:44%;margin:0;padding:7px 10px;font-size:16px;font-weight:800;line-height:1.25;position:absolute;transform:translate(-50%)}.ab-tip.low,.ab-tip.offriver{font-size:15px}@media (max-width:380px){.ab-tip.low,.ab-tip.offriver{top:calc(var(--field-top,0px) + 19*var(--field-row,16px));max-width:47%;padding:5px 8px;font-size:14px;line-height:1.2}}.ab-tell{left:50%;top:calc(var(--keep-foot,7%) + 30px);text-align:center;text-wrap:balance;width:max-content;max-width:44%;color:var(--foe);pointer-events:none;background:#080a14ad;border-radius:10px;margin:0;padding:4px 8px;font-size:14px;font-weight:700;line-height:1.2;position:absolute;transform:translate(-50%)}@keyframes ab-tip{0%{opacity:0;transform:translateY(8px)}}.ab-sparks{z-index:2;background:#0a0d1a;align-items:center;gap:8px;padding:5px 10px 3px;display:flex;position:relative}.ab-meterword{color:var(--spark);white-space:nowrap;pointer-events:none;background:#06091adb;border-radius:9px;margin-bottom:4px;padding:3px 10px;font-size:13px;font-weight:800;animation:.24s both ab-tip;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ab-track{background:#1a1d26;border-radius:7px;flex:1;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f3efe624}.ab-fill{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#5d8a9c,#83abba 60%,#b4cdd2);position:absolute;inset:0;transform:scaleX(0)}.ab-track em{background:#070a14b8;width:1.5px;position:absolute;top:0;bottom:0}.ab-spark{color:var(--spark);flex:none;justify-content:flex-end;align-items:center;gap:2px;min-width:40px;display:flex}.ab-spark svg{fill:currentColor;width:18px;height:18px}.ab-spark b{color:#fff;font-variant-numeric:tabular-nums;text-align:center;min-width:15px;font-size:21px;font-weight:900}.ab-sparks.no .ab-track{box-shadow:inset 0 0 0 2px var(--foe);animation:.34s ab-no}.ab-sparks.rush .ab-track{animation:.8s ease-out 2 ab-rush;box-shadow:0 0 0 1.5px #e8ca8880}@keyframes ab-rush{0%{box-shadow:0 0 0 2px var(--gold),0 0 16px 4px #e8ca889e}to{box-shadow:0 0 0 1.5px #e8ca8826,0 0 4px #e8ca8800}}@media (prefers-reduced-motion:reduce){.ab-sparks.rush .ab-track{box-shadow:0 0 0 2px var(--gold);animation:none}}@keyframes ab-no{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.ab-hand{padding:5px 8px calc(8px + env(safe-area-inset-bottom));z-index:2;background:#0a0d1a;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,.66fr);align-items:end;gap:6px;display:grid;position:relative}.ab-freebar{opacity:0;border-radius:2px;height:3px;position:absolute;top:0;left:8px;right:8px;overflow:hidden}.ab-freebar b{background:var(--gold);transform-origin:0;height:100%;display:block}.ab.free .ab-freebar{opacity:1}.ab-slot{all:unset;box-sizing:border-box;cursor:grab;touch-action:none;width:100%;transition:transform .12s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.ab:not([data-ready]) .ab-hand>*{visibility:hidden}.ab[data-ready] .ab-slot{animation:.26s cubic-bezier(.2,1.2,.4,1) both ab-deal}.ab[data-ready] .ab-slot:nth-of-type(2){animation-delay:50ms}.ab[data-ready] .ab-slot:nth-of-type(3){animation-delay:.1s}.ab[data-ready] .ab-slot:nth-of-type(4){animation-delay:.15s}@keyframes ab-deal{0%{opacity:0;transform:translateY(30px)scale(.82)}}.ab-slot.sel{z-index:3;filter:drop-shadow(0 0 5px #f3efe680);transform:translateY(-10px)scale(1.04)}.ab-slot.teach{z-index:3;filter:drop-shadow(0 0 7px #e8ca88cc);animation:1s ease-in-out infinite ab-pulse}.ab-slot.held{opacity:.22;filter:none;animation:none;transform:none}.ab[data-teach] .ab-slot:not(.teach),.ab[data-teach] .ab-next{filter:brightness(.42)saturate(.6)}@keyframes ab-pulse{50%{filter:drop-shadow(0 0 5px #f3efe680);transform:translateY(-6px)}}.ab-slot.edge:after{content:"";background:var(--gold);clip-path:polygon(50% 0,100% 55%,70% 55%,70% 100%,30% 100%,30% 55%,0 55%);width:16px;height:16px;filter:drop-shadow(0 0 4px var(--gold));animation:1s ease-in-out infinite ab-edge;position:absolute;bottom:4px;right:4px}@keyframes ab-edge{50%{transform:translateY(-3px)}}.ab.free .ab-slot{filter:drop-shadow(0 0 5px #e8ca888c)}.ab-ribbon{background:var(--gold);color:#1a1405;border-radius:6px;padding:1px 8px;font-size:14px;font-weight:900;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 2px 8px #00000080}.ab-next{opacity:.92;pointer-events:none;justify-items:center;gap:2px;display:grid}.ab-next small{color:var(--dim);font-size:11px;font-weight:700}.ab-next>:last-child{width:100%}.ab[data-climax] .ab-top,.ab[data-climax] .ab-sparks>*,.ab[data-climax] .ab-hand>*{opacity:0;pointer-events:none;transition:opacity .3s;animation:none}.ab[data-climax] .ab-top .ab-ic,.ab[data-climax] .ab-field{pointer-events:none}.ab[data-climax] .ab-tell,.ab[data-climax] .ab-tip,.ab[data-climax] .ab-banner,.ab[data-climax] .ab-lines,.ab[data-climax] .ab-meterword{display:none}.ab[data-climax] .ab-field{overflow:visible}.ab[data-climax] .ab-sparks,.ab[data-climax] .ab-hand{background:0 0;transition:background .3s}.ab-lost{text-align:center;place-content:center;justify-items:center;gap:14px;font-size:16px;font-weight:700;display:grid;position:absolute;inset:0}.ab-lost p{margin:0}.ab-lost button{all:unset;background:var(--gold);color:#1a1712;cursor:pointer;border-radius:12px;place-items:center;min-height:44px;padding:0 22px;font-weight:800;display:grid}.ab-lost button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.ab-end{z-index:42;pointer-events:none;background:radial-gradient(60% 40% at 50% 46%,#070a1499,#0000 80%);animation:.4s both ab-endin;position:absolute;inset:0}.ab-end:before{content:"";opacity:0;background:#0d0b12;transition:opacity .45s ease-in;position:absolute;inset:0}.ab-end.rising:before{opacity:1}.ab-end b{font-size:clamp(44px,min(15vw,calc(125vw / var(--n))),100px);font-variation-settings:"wdth" 75;letter-spacing:-.02em;color:#eace87;-webkit-text-stroke:.08em #0a0608;paint-order:stroke fill;text-shadow:0 .08em #0a0608;justify-content:center;font-weight:800;line-height:.95;transition:top .45s cubic-bezier(.45,0,.2,1);display:flex;position:absolute;top:40%;left:0;right:0}.ab-end.lost b{color:#fff7ea;font-size:clamp(44px,min(15vw,calc(125vw / var(--n))),90px)}.ab-end.rising b{top:calc(clamp(30px,8dvh,90px) + env(safe-area-inset-top))}.ab-end b span{white-space:pre;animation:.46s cubic-bezier(.2,1.4,.3,1) both v5r-letter;display:inline-block}@media (prefers-reduced-motion:reduce){.ab-end b{top:calc(clamp(30px,8dvh,90px) + env(safe-area-inset-top));transition:none}.ab-end b span{animation:none}}@keyframes ab-endin{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ab-slot.teach,.ab-slot.edge:after{animation:none}}.ab-beat{flex:none;justify-content:center;align-items:center;gap:3px;width:34px;height:20px;display:inline-flex}.ab-beat i{background:#14131c;border-radius:50%;width:14px;height:14px;position:relative;overflow:hidden}.ab-beat i:after{content:"";background:var(--el);transition:transform .22s cubic-bezier(.3,1.5,.5,1);position:absolute;inset:0;transform:translateY(100%)}.ab-beat i:before{content:"";z-index:1;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #3a3644}.ab-beat i.half:after{transform:translateY(50%)}.ab-beat i.on:after{transform:none}.ab-beat i.on:before{box-shadow:inset 0 0 0 1.5px #2b1a25,inset 2px 2px 0 1px #fff6de47}.ab-beat b{color:#2b1a25;text-align:center;background:#e4c67d;border-radius:6px;width:34px;height:20px;font-size:14px;font-weight:900;line-height:20px;animation:.34s cubic-bezier(.3,1.7,.5,1) ab-beat-in,1.1s ease-in-out .34s infinite ab-beat-bob;display:block;box-shadow:inset 0 0 0 1.5px #2b1a25,inset 0 2px #fff6de8c}.ab-beat[data-side="1"] b{background:#c7a7a0}@keyframes ab-beat-in{0%{transform:scale(.4)rotate(-8deg)}}@keyframes ab-beat-bob{50%{transform:translateY(-1.5px)}}@media (prefers-reduced-motion:reduce){.ab-beat i:after{transition:none}.ab-beat b{animation:none}}.ab-slot.pair:not(.sel){transform:translateY(-6px)}.ab-slot.pair:before{content:"";z-index:0;box-shadow:0 0 0 2px var(--el),0 5px 12px color-mix(in srgb,var(--el) 70%,transparent);pointer-events:none;border-radius:11px;position:absolute;inset:-2px}.ab-slot.pair.new:not(.sel){animation:.9s ease-in-out infinite ab-pair-call}@keyframes ab-pair-call{50%{transform:translateY(-11px)}}.ab-slot.trio{filter:drop-shadow(0 0 4px #e4c67d99)}.ab-trio{z-index:2;pointer-events:none;background:linear-gradient(#0000,#0a080ee6 58%);border-radius:0 0 10px 10px;justify-content:center;align-items:flex-end;height:64%;padding-bottom:1px;animation:.3s cubic-bezier(.2,1.4,.4,1) both ab-trio-in;display:flex;position:absolute;bottom:-1px;left:0;right:0}.ab-trio img{object-fit:contain;object-position:50% 100%;width:48%;height:78%;margin:0 -8%;animation:.42s ease-in-out infinite alternate ab-trio-run}.ab-trio img:nth-child(2){z-index:1;height:100%;animation-delay:.14s}.ab-trio img:nth-child(3){animation-delay:.28s}.ab-trio b{z-index:2;color:#2b1a25;background:#e4c67d;border-radius:5px;padding:0 4px;font-size:13px;font-weight:900;line-height:16px;position:absolute;top:0;right:2px;box-shadow:inset 0 0 0 1.5px #2b1a25}@keyframes ab-trio-in{0%{opacity:0;transform:translateY(14px)}}@keyframes ab-trio-run{to{transform:translateY(-3px)}}.ab-beat{transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.ab-beat.loud{z-index:6;background:#080a14d1;border-radius:7px;outline:3px solid #080a14d1;position:relative;transform:translateY(-16px)scale(2.5)}.ab-beat[data-side="0"] i.on:after{transition-delay:.32s}.ab-beat[data-side="0"] b{animation-delay:.32s,.66s}.ab-dab{z-index:30;pointer-events:none;background-position:0 100%;background-size:300% 400%;width:46px;height:46px;position:fixed;top:0;left:0}@media (prefers-reduced-motion:reduce){.ab-slot.pair.new:not(.sel),.ab-trio,.ab-trio img{animation:none}.ab-beat,.ab-beat[data-side="0"] i.on:after{transition:none}}.ab-foebeat{flex:none;display:flex;position:relative}.ab-foebeat .ab-beat{pointer-events:none;background:#080a14ad;border-radius:8px;padding:2px 5px;position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%)}@media (max-width:380px){.ab-top{gap:5px}.ab-who{padding:3px 6px}}.ab-tip.bycard{z-index:4;text-align:left;text-wrap:balance;width:auto;max-width:none;padding:8px 10px;font-size:15px;line-height:1.2;animation:none;inset:50% calc(21% + 4px) auto calc(25% + 10px);transform:translateY(-50%)}.ab-tip.bycard:before{content:"";border:7px solid #0000;border-left-width:0;border-right-color:#06091adb;margin-top:-7px;position:absolute;top:50%;right:100%}.ab[data-held] .ab-tip.bycard{opacity:0}.ab-teachway{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ab-teachline{fill:none;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ab-teachline path{stroke:#f6e2ae;stroke-width:4.5px;stroke-dasharray:16 11;animation:1.1s linear infinite ab-way}.ab-teachline path.under{stroke:#2b1a2599;stroke-width:8.5px;stroke-dasharray:none;animation:none}@keyframes ab-way{to{stroke-dashoffset:-27px}}.ab[data-held] .ab-teachline,.ab[data-held] .ab-pointer{display:none}.ab-pointer{offset-anchor:42% 8%;offset-rotate:0deg;width:74px;height:74px;animation:2.8s cubic-bezier(.45,0,.35,1) infinite ab-point;position:absolute;top:0;left:0}.ab-pointer svg{fill:#f8eeda;stroke:#2b1a25;stroke-width:1.15px;stroke-linejoin:round;filter:drop-shadow(0 4px 4px #00000080);width:100%;height:100%;display:block;overflow:visible}@keyframes ab-point{0%{offset-distance:0%;opacity:0;transform:scale(1.08)}9%{offset-distance:0%;opacity:1;transform:scale(1)}18%{offset-distance:0%;transform:scale(.88)}70%{offset-distance:100%;opacity:1;transform:scale(.88)}82%{offset-distance:100%;opacity:1;transform:scale(1)}to{offset-distance:100%;opacity:0;transform:scale(1)}}@media (min-width:900px){.ab-tip{padding:9px 12px;font-size:18px}.ab-tip.low,.ab-tip.offriver{font-size:18px}.ab-tip.bycard{font-size:20px;line-height:1.25}.ab-line{font-size:16px}}.ab-heldcard{z-index:7;pointer-events:none;transform:translate(var(--x),var(--y)) translate(-50%,-62%) rotate(-3deg);filter:drop-shadow(0 6px 8px #00000080);transition:opacity 80ms linear;position:absolute;top:0;left:0}.ab-heldcard[data-over="1"]{opacity:0}@media (prefers-reduced-motion:reduce){.ab-pointer{offset-distance:55%;animation:none}.ab-teachline path,.ab-slot.teach,.ab-slot.edge:after{animation:none}}.ab-join,.ab-seam,.ab-side{display:none}@media (min-width:900px) and (min-aspect-ratio:1){.ab[data-road=grove]{--side-join:url(/card-battle/arena/field/river-join.webp);--side-seam:url(/card-battle/arena/field/river-seam.webp);--side-ground:url(/card-battle/arena/field/ground-wide.webp);--side-frame:#b6a892;--side-post:#c4b6a0}.ab[data-road=grove-ii]{--side-join:url(/card-battle/arena/field/grove-ii/river-join.webp);--side-seam:url(/card-battle/arena/field/grove-ii/river-seam.webp);--side-ground:url(/card-battle/arena/field/grove-ii/ground-wide.webp);--side-frame:#8a7f74;--side-post:#988c80;--side-water:.15}.ab[data-road=blaze]{--side-join:url(/card-battle/arena/field/river-join-blaze.webp);--side-ground:url(/card-battle/arena/field/ground-blaze-wide.webp);--side-frame:#7d6866;--side-post:#8e7876}.ab[data-road=blaze-ii]{--side-join:url(/card-battle/arena/field/blaze-ii/river-join-blaze.webp);--side-ground:url(/card-battle/arena/field/blaze-ii/ground-blaze-wide.webp);--side-frame:#726a6c;--side-post:#82797a;--side-water:0}.ab[data-road=frost]{--side-join:url(/card-battle/arena/field/river-join-frost.webp);--side-seam:url(/card-battle/arena/field/river-seam-frost.webp);--side-ground:url(/card-battle/arena/field/ground-frost-wide.webp);--side-frame:#98a8c4;--side-post:#aab8d0}.ab[data-road=frost-ii]{--side-join:url(/card-battle/arena/field/frost-ii/river-join-frost.webp);--side-seam:url(/card-battle/arena/field/frost-ii/river-seam-frost.webp);--side-ground:url(/card-battle/arena/field/frost-ii/ground-frost-wide.webp);--side-frame:#5f7090;--side-post:#6e7f9e;--side-water:.15}.ab[data-road=volt]{--side-join:url(/card-battle/arena/field/river-join-volt.webp);--side-seam:url(/card-battle/arena/field/river-seam-volt.webp);--side-ground:url(/card-battle/arena/field/ground-volt-wide.webp);--side-frame:#83819f;--side-post:#9391ad}.ab[data-road=volt-ii]{--side-join:url(/card-battle/arena/field/volt-ii/river-join-volt.webp);--side-seam:url(/card-battle/arena/field/volt-ii/river-seam-volt.webp);--side-ground:url(/card-battle/arena/field/volt-ii/ground-volt-wide.webp);--side-frame:#6c6c86;--side-post:#7a7a94;--side-water:.15}.ab[data-road=tide]{--side-join:url(/card-battle/arena/field/river-join-tide.webp);--side-seam:url(/card-battle/arena/field/river-seam-tide.webp);--side-ground:url(/card-battle/arena/field/ground-tide-wide.webp);--side-frame:#b4aa92;--side-post:#c2b8a0}.ab[data-road=tide-ii]{--side-join:url(/card-battle/arena/field/tide-ii/river-join-tide.webp);--side-seam:url(/card-battle/arena/field/tide-ii/river-seam-tide.webp);--side-ground:url(/card-battle/arena/field/tide-ii/ground-tide-wide.webp);--side-frame:#70788a;--side-post:#7e8698;--side-water:.15}.ab[data-road] .ab-col{box-shadow:none;background:0 0}.ab[data-road] .ab-field{background:0 0}.ab[data-road] .ab-col:before{content:"";left:50%;top:calc(var(--field-top,0px) - 7.18*var(--field-row,0px));width:454.68%;height:calc(50.36*var(--field-row,0px));z-index:-2;background:var(--side-ground) center/100% 100%;pointer-events:none;position:absolute;transform:translate(-50%)}.ab[data-road] .ab-col:after{content:"";width:800%;left:-275%;top:calc(var(--field-top,0px) + 13.55*var(--field-row,0px));height:calc(4.9*var(--field-row,0px));z-index:-2;opacity:var(--side-water,.62);pointer-events:none;background:url(/card-battle/arena/field/river-wide.webp) 0 0/15% 100%;animation:7.5s linear infinite ab-water;position:absolute}.ab[data-road=blaze] .ab-col:after{width:454.68%;left:50%;top:calc(var(--field-top,0px) + 13.1*var(--field-row,0px));height:calc(5.8*var(--field-row,0px));opacity:.3;background:url(/card-battle/arena/field/lava-wide.webp) 50%/100% 100%;animation:6.3s ease-in-out infinite alternate ab-lava;transform:translate(-50%)}.ab[data-road] .ab-join{left:50%;top:calc(var(--field-top,0px) + 12.9*var(--field-row,0px));width:454.68%;height:calc(6.2*var(--field-row,0px));z-index:-1;background:var(--side-join) center/100% 100%;pointer-events:none;display:block;position:absolute;transform:translate(-50%)}.ab[data-road] .ab-seam{left:0;right:0;top:calc(var(--field-top,0px) + 13.55*var(--field-row,0px));height:calc(4.9*var(--field-row,0px));background:var(--side-seam,none) center/100% 100%;pointer-events:none;display:block;position:absolute}.ab[data-road^=frost]{--side-from:13.188;--side-rows:5.634}.ab[data-road^=tide]{--side-from:11.858;--side-rows:8.294}.ab[data-road] .ab-side[data-on]{left:50%;top:calc(var(--field-top,0px) + (var(--side-from,0) + var(--strip-from,0)*var(--side-rows,0))*var(--field-row,0px));width:454.68%;height:calc(var(--strip-rows,1)*var(--side-rows,0)*var(--field-row,0px));z-index:-1;pointer-events:none;display:block;position:absolute;transform:translate(-50%)}.ab[data-road] .ab-seam{transition:opacity .6s}.ab[data-road] .ab-col[data-ice] .ab-seam{opacity:0}.ab[data-road] .ab-col[data-frozen]:after{visibility:hidden}.ab[data-road]:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07090c57,#0000 26% 74%,#07090c57);position:absolute;inset:0}.ab[data-road] .ab-sparks,.ab[data-road] .ab-hand{border:solid var(--side-frame);background:#171620;border-width:0 5px;box-shadow:0 0 0 1.5px #3e343c}.ab[data-road] .ab-sparks{border-top-width:5px;border-radius:14px 14px 0 0;box-shadow:0 0 0 1.5px #3e343c,0 -5px 16px #0e120a80}.ab[data-road] .ab-sparks:before,.ab[data-road] .ab-sparks:after{content:"";background:var(--side-post);border-radius:3px;width:17px;height:15px;position:absolute;top:-9px;box-shadow:0 0 0 1.5px #3e343c}.ab[data-road] .ab-sparks:before{left:-10px}.ab[data-road] .ab-sparks:after{right:-10px}.ab[data-road][data-climax] .ab-sparks,.ab[data-road][data-climax] .ab-hand{box-shadow:none;border-color:#0000}.ab[data-road][data-climax] .ab-sparks:before,.ab[data-road][data-climax] .ab-sparks:after{opacity:0}}@keyframes ab-water{to{transform:translate(-15%)}}@keyframes ab-lava{0%{opacity:.12}to{opacity:.5}}