/* WordlyPlay cosmetics runtime. Built by tools/build-cosmetics.py from design/ — edit the sources, not this file. */
/* ---------------- name styles. Markup: <span class="nm ns-ID" data-n="Name" [data-g]><span class="tx">Name</span></span>
   .tx is the text itself and handles truncation. Ornaments hang off .nm. Every glow is a filter, so truncation never clips it. Sizes are in em, so a style works at any size. */
.nm{position:relative;display:inline-block;max-width:100%;vertical-align:bottom;font-weight:800;line-height:1.25;isolation:isolate;--c:#F1F5F9;--cl:#0F172A}
.nm .tx{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c);padding:.14em .12em;margin:-.14em -.12em}
[data-theme="light"] .nm .tx{color:var(--cl)}
.nm[data-g] .tx{background:var(--g);background-size:var(--gs,100% 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* on the light theme every gradient has its own darker version (below), so names stay crisp without outlines */
.nm::before,.nm::after{pointer-events:none}
.nm.sheen .tx{background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%) 160% 0/250% 100% no-repeat,var(--g);-webkit-background-clip:text;background-clip:text;animation:nsheen var(--sd,6s) ease-in-out infinite}
@keyframes nsheen{0%,72%{background-position:160% 0,0 0}100%{background-position:-60% 0,0 0}}
.calm .nm *,.calm .nm,.calm .nm::before,.calm .nm::after{animation:none!important}
@media (prefers-reduced-motion:reduce){.nm *,.nm,.nm::before,.nm::after{animation:none!important}}

/* Common: one flat colour, tuned separately for dark and light backgrounds */
.ns-coral{--c:#FB7185;--cl:#E11D48}.ns-tangerine{--c:#FB923C;--cl:#C2410C}.ns-amber{--c:#FBBF24;--cl:#B45309}.ns-lime{--c:#A3E635;--cl:#4D7C0F}
.ns-mint{--c:#34D399;--cl:#047857}.ns-sky{--c:#38BDF8;--cl:#0369A1}.ns-violet{--c:#A78BFA;--cl:#6D28D9}.ns-pink{--c:#F472B6;--cl:#BE185D}

/* Rare: a gradient or a metal, with a slow glint */
.ns-sunset{--g:linear-gradient(90deg,#FDBA74,#FB7185 50%,#C084FC)}.ns-ocean{--g:linear-gradient(90deg,#67E8F9,#3B82F6 55%,#818CF8)}
.ns-aurora{--g:linear-gradient(90deg,#86EFAC,#22D3EE 50%,#A78BFA)}.ns-berry{--g:linear-gradient(90deg,#F9A8D4,#E879F9 50%,#8B5CF6)}
.ns-steel{--g:linear-gradient(180deg,#FFFFFF 14%,#B6C2D2 38%,#55647A 50%,#EEF2F7 54%,#93A3B8 74%,#3D4A5E 96%)}.ns-steel .tx{filter:drop-shadow(0 .06em 0 rgba(0,0,0,.55))}[data-theme="light"] .ns-steel .tx{filter:none}.ns-rosegold{--g:linear-gradient(180deg,#FFE9DD 12%,#F0A58F 48%,#FFEFE7 55%,#C96F5A 96%)}
[data-theme="light"] .ns-steel{--g:linear-gradient(180deg,#94A3B8 12%,#475569 48%,#94A3B8 55%,#334155 96%)}[data-theme="light"] .ns-rosegold{--g:linear-gradient(180deg,#E8907A 12%,#B4533C 48%,#E8907A 55%,#8A3A28 96%)}
[data-theme="light"] .ns-sunset{--g:linear-gradient(90deg,#EA580C,#E11D48 50%,#9333EA)}[data-theme="light"] .ns-ocean{--g:linear-gradient(90deg,#0891B2,#2563EB 55%,#4F46E5)}[data-theme="light"] .ns-aurora{--g:linear-gradient(90deg,#16A34A,#0891B2 50%,#7C3AED)}[data-theme="light"] .ns-berry{--g:linear-gradient(90deg,#DB2777,#C026D3 50%,#7C3AED)}
[data-theme="light"] .nm.sheen .tx{background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.7) 50%,transparent 58%) 160% 0/250% 100% no-repeat,var(--g);-webkit-background-clip:text;background-clip:text}

/* Epic: always moving */
.ns-neon .tx{color:#F5D0FE;filter:drop-shadow(0 0 .16em #E879F9) drop-shadow(0 0 .5em #C026D3);animation:nflick 3.4s infinite}
[data-theme="light"] .ns-neon .tx{color:#A21CAF;filter:drop-shadow(0 0 .22em rgba(217,70,239,.85))}
@keyframes nflick{0%,17%,21%,61%,64%,100%{opacity:1}19%,62.5%{opacity:.4}}
.ns-rainbow{--g:linear-gradient(90deg,#F87171,#FBBF24,#A3E635,#22D3EE,#818CF8,#E879F9,#F87171,#FBBF24,#A3E635,#22D3EE,#818CF8,#E879F9,#F87171);--gs:200% 100%}
.ns-rainbow .tx{animation:nflow 5s linear infinite}
[data-theme="light"] .ns-rainbow{--g:linear-gradient(90deg,#DC2626,#D97706,#65A30D,#0891B2,#4F46E5,#C026D3,#DC2626,#D97706,#65A30D,#0891B2,#4F46E5,#C026D3,#DC2626)}
@keyframes nflow{to{background-position:100% 0}}
.ns-glitch .tx{color:#F8FAFC;animation:ngl0 2.2s steps(1) infinite}[data-theme="light"] .ns-glitch .tx{color:#0F172A}
.ns-glitch::before,.ns-glitch::after{content:attr(data-n);position:absolute;left:0;right:0;top:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:-1}
.ns-glitch::before{color:#22D3EE;transform:translate(-.11em,-.03em);animation:ngl1 2.2s steps(1) infinite}.ns-glitch::after{color:#FF2E97;transform:translate(.11em,.03em);animation:ngl2 2.2s steps(1) infinite}
[data-theme="light"] .ns-glitch::before{color:#06B6D4}[data-theme="light"] .ns-glitch::after{color:#E11D74}
@keyframes ngl0{0%,100%{transform:none;clip-path:inset(0)}30%{transform:translateX(.12em) skewX(-12deg);clip-path:inset(0 0 46% 0)}33%{transform:translateX(-.1em);clip-path:inset(52% 0 0 0)}36%{transform:none;clip-path:inset(0)}70%{transform:skewX(10deg);clip-path:inset(18% 0 30% 0)}73%{transform:none;clip-path:inset(0)}}
@keyframes ngl1{0%,100%{clip-path:inset(0);transform:translate(-.11em,-.03em)}30%{clip-path:inset(8% 0 50% 0);transform:translate(-.34em,0)}36%{clip-path:inset(0);transform:translate(-.11em,-.03em)}70%{clip-path:inset(55% 0 4% 0);transform:translate(-.28em,0)}73%{clip-path:inset(0);transform:translate(-.11em,-.03em)}}
@keyframes ngl2{0%,100%{clip-path:inset(0);transform:translate(.11em,.03em)}31%{clip-path:inset(48% 0 10% 0);transform:translate(.34em,0)}36%{clip-path:inset(0);transform:translate(.11em,.03em)}71%{clip-path:inset(6% 0 60% 0);transform:translate(.3em,0)}73%{clip-path:inset(0);transform:translate(.11em,.03em)}}
.ns-frost{--g:linear-gradient(180deg,#fff 18%,#BAE6FD 55%,#38BDF8)}.ns-frost .tx{filter:drop-shadow(0 0 .28em rgba(125,211,252,.75))}
[data-theme="light"] .ns-frost{--g:linear-gradient(180deg,#38BDF8 10%,#0284C7 55%,#075985)}[data-theme="light"] .ns-frost .tx{filter:drop-shadow(0 0 .2em rgba(56,189,248,.45))}
.ns-frost::before,.ns-frost::after,.ns-ldiamond::after{content:'';position:absolute;width:.5em;height:.5em;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:ntwk 2.4s ease-in-out infinite}
.ns-frost::after,.ns-ldiamond::after{right:-.22em;top:-.14em}.ns-frost::before{left:-.2em;bottom:-.08em;width:.36em;height:.36em;animation-delay:-1.2s}
[data-theme="light"] .ns-frost::before,[data-theme="light"] .ns-frost::after,[data-theme="light"] .ns-ldiamond::after{background:#0EA5E9}
@keyframes ntwk{0%,100%{transform:scale(0) rotate(0)}50%{transform:scale(1) rotate(90deg)}}
.ns-ember{--g:linear-gradient(0deg,#B91C1C,#FB923C 45%,#FDE68A 92%);--gs:100% 190%}
.ns-ember .tx{animation:nheat 1.7s ease-in-out infinite alternate}
[data-theme="light"] .ns-ember{--g:linear-gradient(0deg,#991B1B,#EA580C 45%,#F59E0B 92%)}[data-theme="light"] .ns-ember .tx{animation-name:nheatl}
@keyframes nheatl{from{background-position:0 100%;filter:drop-shadow(0 0 .1em rgba(251,146,60,.25))}to{background-position:0 15%;filter:drop-shadow(0 0 .3em rgba(239,68,68,.5))}}
@keyframes nheat{from{background-position:0 100%;filter:drop-shadow(0 0 .12em rgba(251,146,60,.5))}to{background-position:0 15%;filter:drop-shadow(0 0 .42em rgba(239,68,68,.95))}}
.ns-gold,.ns-emperor,.ns-master,.ns-lgold{--g:linear-gradient(180deg,#FFF7C2 12%,#F5B301 46%,#FFE08A 54%,#B8860B 96%)}
[data-theme="light"] .ns-gold,[data-theme="light"] .ns-emperor,[data-theme="light"] .ns-master,[data-theme="light"] .ns-lgold{--g:linear-gradient(180deg,#EAB308 12%,#B45309 46%,#EAB308 54%,#92400E 96%)}
.ns-gold{--sd:2.8s}

/* Legendary: the effect leaves the letters */
.ns-phoenix,.ns-legend,.ns-streak{--gs:100% 190%}
.ns-phoenix{--g:linear-gradient(0deg,#DC2626,#FB923C 45%,#FEF08A 92%);--tint:#FB923C}.ns-legend{--g:linear-gradient(0deg,#F59E0B,#FDE047 50%,#FFFBEB 92%);--tint:#FDE047}.ns-streak{--g:linear-gradient(0deg,#1D4ED8,#38BDF8 50%,#EFF6FF 92%);--tint:#38BDF8}
[data-theme="light"] .ns-phoenix{--g:linear-gradient(0deg,#991B1B,#EA580C 45%,#F59E0B 92%)}[data-theme="light"] .ns-legend{--g:linear-gradient(0deg,#92400E,#CA8A04 55%,#EAB308 92%)}
[data-theme="light"] .ns-legend::before,[data-theme="light"] .ns-streak::before{animation-name:nflamel}
@keyframes nflamel{from{transform:scaleY(1.2) skewX(-3deg);opacity:.4}to{transform:scaleY(1.55) skewX(4deg);opacity:.2}}[data-theme="light"] .ns-streak{--g:linear-gradient(0deg,#1E3A8A,#2563EB 50%,#38BDF8 92%)}
.ns-phoenix .tx,.ns-legend .tx,.ns-streak .tx{animation:nheat2 1.5s ease-in-out infinite alternate}
@keyframes nheat2{from{background-position:0 100%}to{background-position:0 20%}}
.ns-legend::before,.ns-streak::before{content:attr(data-n);position:absolute;left:0;right:0;top:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:-1;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transform-origin:50% 88%;filter:blur(.09em);animation:nflame .8s ease-in-out infinite alternate}   /* a blurred copy of the name, stretched upward: the flames */
@keyframes nflame{from{transform:scaleY(1.2) skewX(-3deg);opacity:.75}to{transform:scaleY(1.6) skewX(4deg);opacity:.45}}
.ns-phoenix::after,.ns-legend::after,.ns-streak::after{content:'';position:absolute;left:-.2em;right:-.2em;bottom:.3em;height:1.9em;z-index:-1;background:radial-gradient(circle,var(--tint) 0 .055em,transparent .07em) 0 0/1.7em 1.3em,radial-gradient(circle,#FFF7CC 0 .04em,transparent .055em) .8em .5em/2.3em 1.7em;-webkit-mask-image:linear-gradient(to top,#000 20%,transparent 92%);mask-image:linear-gradient(to top,#000 20%,transparent 92%);animation:nrise 1.5s linear infinite}
@keyframes nrise{from{background-position:0 1.3em,.8em 2.2em}to{background-position:0 0,.8em .5em}}
/*PHXN*/
.ns-phoenix .tx{filter:drop-shadow(0 0 .2em rgba(239,68,68,.85))}[data-theme="light"] .ns-phoenix .tx{filter:drop-shadow(0 0 .16em rgba(234,88,12,.4))}
.ns-phoenix::before{content:'';position:absolute;z-index:-1;left:-0.97em;right:-0.97em;bottom:calc(100% - 0.51em);height:1.15em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.4 -1.5 38.5 42.4'%3E%3Cdefs%3E%3ClinearGradient id='f0' gradientUnits='userSpaceOnUse' x1='30.2' y1='31.4' x2='16.1' y2='32.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f1' gradientUnits='userSpaceOnUse' x1='27.4' y1='27.3' x2='7.4' y2='24.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' gradientUnits='userSpaceOnUse' x1='23.3' y1='22.9' x2='-0.2' y2='13.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' gradientUnits='userSpaceOnUse' x1='18.1' y1='18.9' x2='-1.9' y2='3.3'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f4' gradientUnits='userSpaceOnUse' x1='13.1' y1='16.0' x2='2.4' y2='-0.0'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3CradialGradient id='c' gradientUnits='userSpaceOnUse' cx='31.0' cy='33.0' r='34'%3E%3Cstop offset='.15' stop-color='%23FFFBEB'/%3E%3Cstop offset='.55' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='31.0' y1='33.0' x2='13.1' y2='16.0'%3E%3Cstop offset='0' stop-color='%23FFFBEB'/%3E%3Cstop offset='.6' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FB923C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='%237F1D1D' stroke-width='.8' stroke-linejoin='round'%3E%3Cpath d='M30.8 34.1 Q25.6 39.4 16.1 32.4 Q23.4 29.9 29.6 28.8Z' fill='url(%23f0)'/%3E%3Cpath d='M27.5 30.3 Q18.6 34.9 7.4 24.4 Q18.4 24.1 27.4 24.3Z' fill='url(%23f1)'/%3E%3Cpath d='M22.6 25.8 Q10.6 27.7 -0.2 13.4 Q13.1 17.2 24.0 20.0Z' fill='url(%23f2)'/%3E%3Cpath d='M16.7 21.4 Q4.8 19.6 -1.9 3.3 Q9.7 10.8 19.4 16.5Z' fill='url(%23f3)'/%3E%3Cpath d='M11.4 17.6 Q2.9 13.8 2.4 -0.0 Q9.2 7.9 14.9 14.3Z' fill='url(%23f4)'/%3E%3C/g%3E%3Cg fill='url(%23c)' stroke='%23EA580C' stroke-width='.5' stroke-linejoin='round'%3E%3Cpath d='M30.5 33.5 Q27.4 37.3 22.0 31.4 Q26.2 29.7 29.9 29.3Z'/%3E%3Cpath d='M27.3 29.6 Q21.9 32.9 16.0 24.8 Q22.4 24.4 27.6 24.9Z'/%3E%3Cpath d='M22.6 25.2 Q15.3 26.7 10.1 16.5 Q17.8 18.5 24.0 20.6Z'/%3E%3Cpath d='M16.9 20.8 Q9.6 20.0 7.2 9.1 Q13.9 13.3 19.3 17.0Z'/%3E%3Cpath d='M11.6 17.2 Q6.3 15.1 7.6 6.3 Q11.6 10.8 14.6 14.8Z'/%3E%3C/g%3E%3Cpath d='M33.6 31.8 L31.9 29.2 L30.0 26.8 L27.8 24.6 L25.4 22.5 L22.8 20.5 L19.9 18.7 L16.8 17.0 L13.4 15.4 L12.8 16.5 L15.8 18.5 L18.5 20.6 L20.9 22.8 L23.0 25.0 L24.8 27.3 L26.3 29.6 L27.5 31.9 L28.4 34.2Z' fill='url(%23b)'/%3E%3Ccircle cx='31.0' cy='33.0' r='3' fill='%23FFFBEB'/%3E%3C/svg%3E") 0 100%/1.04em auto no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.4 -1.5 38.5 42.4'%3E%3Cdefs%3E%3ClinearGradient id='f0' gradientUnits='userSpaceOnUse' x1='30.2' y1='31.4' x2='16.1' y2='32.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f1' gradientUnits='userSpaceOnUse' x1='27.4' y1='27.3' x2='7.4' y2='24.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' gradientUnits='userSpaceOnUse' x1='23.3' y1='22.9' x2='-0.2' y2='13.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' gradientUnits='userSpaceOnUse' x1='18.1' y1='18.9' x2='-1.9' y2='3.3'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f4' gradientUnits='userSpaceOnUse' x1='13.1' y1='16.0' x2='2.4' y2='-0.0'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3CradialGradient id='c' gradientUnits='userSpaceOnUse' cx='31.0' cy='33.0' r='34'%3E%3Cstop offset='.15' stop-color='%23FFFBEB'/%3E%3Cstop offset='.55' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='31.0' y1='33.0' x2='13.1' y2='16.0'%3E%3Cstop offset='0' stop-color='%23FFFBEB'/%3E%3Cstop offset='.6' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FB923C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='matrix(-1 0 0 1 31.8 0)'%3E%3Cg stroke='%237F1D1D' stroke-width='.8' stroke-linejoin='round'%3E%3Cpath d='M30.8 34.1 Q25.6 39.4 16.1 32.4 Q23.4 29.9 29.6 28.8Z' fill='url(%23f0)'/%3E%3Cpath d='M27.5 30.3 Q18.6 34.9 7.4 24.4 Q18.4 24.1 27.4 24.3Z' fill='url(%23f1)'/%3E%3Cpath d='M22.6 25.8 Q10.6 27.7 -0.2 13.4 Q13.1 17.2 24.0 20.0Z' fill='url(%23f2)'/%3E%3Cpath d='M16.7 21.4 Q4.8 19.6 -1.9 3.3 Q9.7 10.8 19.4 16.5Z' fill='url(%23f3)'/%3E%3Cpath d='M11.4 17.6 Q2.9 13.8 2.4 -0.0 Q9.2 7.9 14.9 14.3Z' fill='url(%23f4)'/%3E%3C/g%3E%3Cg fill='url(%23c)' stroke='%23EA580C' stroke-width='.5' stroke-linejoin='round'%3E%3Cpath d='M30.5 33.5 Q27.4 37.3 22.0 31.4 Q26.2 29.7 29.9 29.3Z'/%3E%3Cpath d='M27.3 29.6 Q21.9 32.9 16.0 24.8 Q22.4 24.4 27.6 24.9Z'/%3E%3Cpath d='M22.6 25.2 Q15.3 26.7 10.1 16.5 Q17.8 18.5 24.0 20.6Z'/%3E%3Cpath d='M16.9 20.8 Q9.6 20.0 7.2 9.1 Q13.9 13.3 19.3 17.0Z'/%3E%3Cpath d='M11.6 17.2 Q6.3 15.1 7.6 6.3 Q11.6 10.8 14.6 14.8Z'/%3E%3C/g%3E%3Cpath d='M33.6 31.8 L31.9 29.2 L30.0 26.8 L27.8 24.6 L25.4 22.5 L22.8 20.5 L19.9 18.7 L16.8 17.0 L13.4 15.4 L12.8 16.5 L15.8 18.5 L18.5 20.6 L20.9 22.8 L23.0 25.0 L24.8 27.3 L26.3 29.6 L27.5 31.9 L28.4 34.2Z' fill='url(%23b)'/%3E%3Ccircle cx='31.0' cy='33.0' r='3' fill='%23FFFBEB'/%3E%3C/g%3E%3C/svg%3E") 100% 100%/1.04em auto no-repeat;transform-origin:50% 81%;animation:nwing 1.3s ease-in-out infinite alternate}
@keyframes nwing{from{transform:scale(.97,.78)}to{transform:scale(1.03,1.1)}}
/*END-PHXN*/
.ns-void{--g:linear-gradient(90deg,#C084FC,#F0ABFC,#67E8F9,#C084FC,#F0ABFC,#67E8F9,#C084FC);--gs:200% 100%;--tint:#C084FC}
[data-theme="light"] .ns-void{--g:linear-gradient(90deg,#7C3AED,#C026D3,#0891B2,#7C3AED,#C026D3,#0891B2,#7C3AED)}
.ns-void .tx{animation:nflow 6s linear infinite;filter:drop-shadow(0 0 .32em rgba(124,58,237,.95))}[data-theme="light"] .ns-void .tx{filter:drop-shadow(0 0 .22em rgba(124,58,237,.35))}
.ns-void::before{content:'';position:absolute;inset:-.55em -.7em;z-index:-1;background:radial-gradient(circle,#fff 0 .035em,transparent .05em) 0 0/1.9em 1.25em,radial-gradient(circle,#E9B8FF 0 .05em,transparent .065em) .6em .4em/2.7em 1.7em;-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%);animation:ndrift 5s linear infinite}
[data-theme="light"] .ns-void::before{background:radial-gradient(circle,#7C3AED 0 .04em,transparent .055em) 0 0/1.9em 1.25em,radial-gradient(circle,#C026D3 0 .05em,transparent .065em) .6em .4em/2.7em 1.7em}
@keyframes ndrift{to{background-position:-1.9em 0,-2.1em .4em}}
.ns-void::after{content:'';position:absolute;left:0;right:0;bottom:-.16em;height:.1em;border-radius:1em;background:linear-gradient(90deg,transparent,#D946EF,#38BDF8,transparent);animation:npulse 2.4s ease-in-out infinite}
@keyframes npulse{0%,100%{transform:scaleX(.55);opacity:.5}50%{transform:scaleX(1);opacity:1}}
.ns-storm{--g:linear-gradient(180deg,#fff 15%,#BFDBFE 55%,#60A5FA);--tint:#60A5FA}[data-theme="light"] .ns-storm{--g:linear-gradient(180deg,#60A5FA 10%,#2563EB 55%,#1E3A8A)}
.ns-storm .tx{animation:nzap 3.2s infinite}[data-theme="light"] .ns-storm .tx{animation-name:nzapl}
@keyframes nzapl{0%,46%,49%,55%,100%{filter:none}47%,51%{filter:brightness(1.5) drop-shadow(0 0 .35em #60A5FA)}}
.ns-storm,.ns-void,.ns-emperor{margin-bottom:.32em}
@keyframes nzap{0%,100%{filter:drop-shadow(0 0 .14em rgba(96,165,250,.7))}46%{filter:drop-shadow(0 0 .14em rgba(96,165,250,.7))}47%{filter:brightness(2.2) drop-shadow(0 0 .5em #BFDBFE)}49%{filter:drop-shadow(0 0 .14em rgba(96,165,250,.7))}51%{filter:brightness(1.9) drop-shadow(0 0 .45em #BFDBFE)}55%{filter:drop-shadow(0 0 .14em rgba(96,165,250,.7))}}
.ns-storm::after{content:'';position:absolute;left:0;right:0;bottom:-.3em;height:.3em;background:linear-gradient(135deg,transparent 38%,#BFDBFE 38% 62%,transparent 62%) 0 0/.52em 100%,linear-gradient(45deg,transparent 38%,#BFDBFE 38% 62%,transparent 62%) .26em 0/.52em 100%;filter:drop-shadow(0 0 .2em #60A5FA);animation:nbolt 3.2s steps(1) infinite}
[data-theme="light"] .ns-storm::after{filter:none;background:linear-gradient(135deg,transparent 38%,#2563EB 38% 62%,transparent 62%) 0 0/.52em 100%,linear-gradient(45deg,transparent 38%,#2563EB 38% 62%,transparent 62%) .26em 0/.52em 100%}
@keyframes nbolt{0%,100%{opacity:.22}47%{opacity:1}49%{opacity:.22}51%{opacity:1}55%{opacity:.22}}
.ns-emperor{padding-left:1.2em;--tint:#F5B301;--sd:2.8s}
.ns-emperor::before{content:'';position:absolute;left:0;top:.2em;width:.98em;height:.7em;background:linear-gradient(180deg,#FFF1B8,#F5B301 55%,#B8860B);clip-path:polygon(0 100%,0 22%,24% 58%,50% 0,76% 58%,100% 22%,100% 100%);filter:drop-shadow(0 .05em 0 rgba(0,0,0,.4))}
.ns-emperor::after{content:'';position:absolute;left:1.2em;right:0;bottom:-.2em;height:.16em;background:radial-gradient(circle,#F43F5E 0 .07em,transparent .08em) 0 50%/1.2em 100%,radial-gradient(circle,#38BDF8 0 .07em,transparent .08em) .4em 50%/1.2em 100%,radial-gradient(circle,#34D399 0 .07em,transparent .08em) .8em 50%/1.2em 100%,linear-gradient(#B8860B,#B8860B) 0 50%/100% .03em no-repeat}

/* Earned */
.ns-ldiamond{--g:linear-gradient(120deg,#fff,#A5F3FC 28%,#fff 48%,#7DD3FC 70%,#E0F2FE);--sd:4.5s}[data-theme="light"] .ns-ldiamond{--g:linear-gradient(120deg,#0EA5E9,#0369A1 28%,#38BDF8 48%,#0284C7 70%,#075985)}
.ns-master{padding:0 1.15em;--tint:#F5B301;--sd:3.6s}
.ns-master::before,.ns-master::after{content:'';position:absolute;top:.06em;width:1em;height:1.12em;background:linear-gradient(180deg,#FFF1B8,#F5B301 55%,#B8860B);clip-path:polygon(100% 100%,62% 86%,18% 94%,46% 70%,4% 62%,40% 50%,8% 30%,50% 36%,34% 4%,72% 30%,88% 66%)}
.ns-master::before{left:0}.ns-master::after{right:0;transform:scaleX(-1)}
.ns-harvest{--g:linear-gradient(180deg,#F7C08A 12%,#D0703A 50%,#8A3E14 96%);padding-right:.85em}[data-theme="light"] .ns-harvest{--g:linear-gradient(180deg,#D0703A 12%,#9A4A18 50%,#6A2E0C 96%)}
.ns-harvest::after{content:'';position:absolute;right:0;top:.06em;width:.62em;height:.62em;background:linear-gradient(135deg,#FBBF24,#EA580C);border-radius:0 100% 0 100%;transform-origin:0 100%;animation:nsway 2.6s ease-in-out infinite}
@keyframes nsway{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(18deg)}}
.ns-founder{--g:linear-gradient(180deg,#F5D0A9 12%,#B45309 55%,#78350F 96%);padding-right:.7em}[data-theme="light"] .ns-founder{--g:linear-gradient(180deg,#B45309 12%,#78350F 55%,#451A03 96%)}
.ns-founder::after{content:'';position:absolute;right:0;top:0;width:.5em;height:.5em;background:#D97706;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}

/* ---------------- titles. Markup comes from titleHTML() in titles.js:
   <span class="tt tt-ID t-TIER [plate] [m-METAL]">[<em>97</em>][<i>icon svg</i>]<b>Text</b>[<u></u>]</span>
   i = drawn icon, em = live number, u = glint. Sizes are in em: the surface sets font-size (10px in lists, 13px on the VS card). */
.tt{position:relative;display:inline-flex;align-items:center;gap:.42em;max-width:100%;font:800 1em/1 'Nunito',system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;isolation:isolate;color:var(--ti,var(--c,#A9B6CC))}
.tt b{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:.1em 0}
.tt i{flex:none;display:block;width:1.4em;height:1.4em;margin:-.2em 0;color:var(--ic,currentColor);--ic2:var(--icd,rgba(0,0,0,.45))}
.tt i svg{display:block;width:100%;height:100%;overflow:visible}
.tt u{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;text-decoration:none}
.tt u::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) 160% 0/250% 100% no-repeat;animation:tsheen var(--sd,6s) ease-in-out infinite}
@keyframes tsheen{0%,62%{background-position:160% 0}100%{background-position:-60% 0}}
.tt em{align-self:stretch;display:flex;align-items:center;font-style:normal;font-weight:900;font-size:1.15em;letter-spacing:0;font-variant-numeric:tabular-nums;padding:0 .5em;margin:-.4em 0 -.4em -.48em;border-radius:.4em 0 0 .4em;background:rgba(0,0,0,.3);color:#fff}
.calm .tt,.calm .tt *,.calm .tt::before,.calm .tt::after,.calm .tt *::after{animation:none!important}
@media (prefers-reduced-motion:reduce){.tt,.tt *,.tt::before,.tt::after,.tt *::after{animation:none!important}}
/* icon parts that move */
.tt [class^="i-"]{transform-box:fill-box;transform-origin:50% 50%}
.i-spin{animation:i-spin 4s linear infinite}@keyframes i-spin{to{transform:rotate(360deg)}}
.i-tick{animation:i-spin 3.2s steps(16) infinite}
.i-blink{animation:i-blink 3.4s infinite}@keyframes i-blink{0%,44%,52%,100%{transform:scaleY(1)}48%{transform:scaleY(.08)}}
.i-look{animation:i-look 3.4s ease-in-out infinite}@keyframes i-look{0%,40%,100%{transform:translateX(0)}60%,72%{transform:translateX(1.6px)}84%,92%{transform:translateX(-1.6px)}}
.i-bob{animation:i-bob .9s ease-in-out infinite alternate}@keyframes i-bob{from{transform:translateY(1.6px)}to{transform:translateY(-1.8px)}}
.i-flick{animation:i-flick 1.6s steps(1) infinite}@keyframes i-flick{0%,100%{opacity:1;transform:scale(1)}46%{opacity:.45}50%{opacity:1;transform:scale(1.18)}56%{opacity:.6;transform:scale(1)}60%{opacity:1}}
.i-flip{animation:i-flip 1.5s ease-in-out infinite}@keyframes i-flip{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.08)}}
.i-nudge{animation:i-nudge .5s ease-in-out infinite alternate}@keyframes i-nudge{from{transform:translateX(-1.5px)}to{transform:translateX(2px)}}
.i-burn{transform-origin:50% 100%!important;animation:i-burn .36s ease-in-out infinite alternate}@keyframes i-burn{from{transform:scale(1,.9) skewX(-4deg)}to{transform:scale(.95,1.12) skewX(4deg)}}

/* Free and Common: words only */
.t-free{--c:#7385A3}[data-theme="light"] .t-free{--c:#64748B}
.t-common{gap:.5em}
.t-common::before{content:'';flex:none;width:.5em;height:.5em;background:currentColor;transform:rotate(45deg);border-radius:.07em}
.tt-vowel{--c:#FB7185}.tt-coffee{--c:#D6A374}.tt-owl{--c:#A78BFA}.tt-early{--c:#FBBF24}.tt-lucky{--c:#34D399}.tt-onemore{--c:#38BDF8}.tt-grey{--c:#94A3B8}.tt-warm{--c:#FB923C}
[data-theme="light"] .tt-vowel{--c:#BE123C}[data-theme="light"] .tt-coffee{--c:#92400E}[data-theme="light"] .tt-owl{--c:#6D28D9}[data-theme="light"] .tt-early{--c:#B45309}[data-theme="light"] .tt-lucky{--c:#047857}[data-theme="light"] .tt-onemore{--c:#0369A1}[data-theme="light"] .tt-grey{--c:#475569}[data-theme="light"] .tt-warm{--c:#C2410C}

/* a plate: the title carries its own surface from Rare upward */
.plate{padding:.5em .85em .5em .55em;border-radius:.5em;background:var(--pl);box-shadow:inset 0 0 0 .09em var(--rim),0 .12em 0 rgba(0,0,0,.35)}
/* Rare: a material and a drawn icon, with a slow glint */
.tt-bookworm{--pl:linear-gradient(#F7EAC8,#E6CE98);--ti:#4A3410;--rim:#B8935A;--icd:#F7EAC8;border-radius:.2em;padding-right:1.25em;clip-path:polygon(0 0,100% 0,calc(100% - .5em) 50%,100% 100%,0 100%)}
.tt-ink{--pl:linear-gradient(#2B2776,#16133F);--ti:#C7D2FE;--rim:#6366F1;--icd:#16133F;border-radius:.5em .5em .5em .15em}
.tt-ink::before{content:'';position:absolute;z-index:-1;right:-.2em;bottom:-.32em;width:.75em;height:.7em;border-radius:50% 60% 45% 55%;background:#2B2776;box-shadow:-.75em .12em 0 -.2em #2B2776,-1.3em -.02em 0 -.27em #2B2776}
.tt-bee{--pl:repeating-linear-gradient(115deg,#1C1917 0 .42em,#FACC15 .42em .84em) 100% 0/1.25em 100% no-repeat,linear-gradient(#FDE047,#EAB308);--ti:#1C1917;--rim:#1C1917;--icd:#FDE047;padding-right:1.75em}
.tt-hard{--pl:radial-gradient(circle at .3em .3em,#334155 0 .09em,transparent .11em),radial-gradient(circle at calc(100% - .3em) .3em,#334155 0 .09em,transparent .11em),radial-gradient(circle at .3em calc(100% - .3em),#334155 0 .09em,transparent .11em),radial-gradient(circle at calc(100% - .3em) calc(100% - .3em),#334155 0 .09em,transparent .11em),linear-gradient(#F1F5F9,#94A3B8 55%,#CBD5E1);--ti:#0F172A;--rim:#475569;--icd:#E2E8F0;border-radius:.22em;padding-left:.7em;padding-right:1em}
.tt-green{--pl:linear-gradient(#34D399,#16A34A);--ti:#fff;--rim:#166534;--icd:#166534;--ic:#fff;border-radius:.35em;box-shadow:inset 0 0 0 .09em #166534,0 .18em 0 #14532D}
.tt-whisper{--pl:linear-gradient(#155E59,#0B3532);--ti:#99F6E4;--rim:#2DD4BF;--icd:#0B3532;border-radius:1.2em;padding-left:.7em;padding-right:1em}
.tt-twist{--pl:linear-gradient(#EC4899,#BE185D);--ti:#fff;--rim:#9D174D;--icd:#9D174D;border-radius:.12em;margin-inline:.5em}
.tt-twist::before,.tt-twist::after{content:'';position:absolute;z-index:-1;top:.3em;bottom:-.3em;width:.8em;background:#831843}
.tt-twist::before{left:-.5em;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%)}.tt-twist::after{right:-.5em;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%)}

/* Epic: the plate and its icon never stop moving */
.tt-speed{--ti:#FDE68A;--rim:#F59E0B;--icd:#1C1407;background:linear-gradient(90deg,transparent,rgba(251,191,36,.5),transparent) 0 22%/2.6em .1em repeat-x,linear-gradient(90deg,transparent,rgba(251,191,36,.35),transparent) 1.3em 80%/3.4em .1em repeat-x,linear-gradient(#2A1D06,#150E03);animation:tstreak .6s linear infinite}
@keyframes tstreak{to{background-position:-2.6em 22%,-2.1em 80%,0 0}}
.tt-comeback{--ti:#fff;--rim:rgba(255,255,255,.35);--icd:#14532D;background:linear-gradient(90deg,#B91C1C,#C2410C 30%,#15803D 50%,#C2410C 70%,#B91C1C) 0 0/200% 100%;animation:tflow 3.5s linear infinite;text-shadow:0 .08em 0 rgba(0,0,0,.35)}
@keyframes tflow{to{background-position:-200% 0}}
.tt-mind{--pl:radial-gradient(circle at 1.25em 50%,#6B21A8,#2A0F4F 3.4em);--ti:#F3E8FF;--rim:#C084FC;--icd:#2A0F4F;animation:tpulse 2.2s ease-out infinite}
@keyframes tpulse{0%{box-shadow:inset 0 0 0 .09em var(--rim),0 0 0 0 rgba(192,132,252,.75)}80%,100%{box-shadow:inset 0 0 0 .09em var(--rim),0 0 0 .55em rgba(192,132,252,0)}}
.tt-cold{--pl:linear-gradient(#103A5C,#0A1F33);--ti:#E0F7FF;--rim:#7DD3FC;--icd:#0A1F33;margin-bottom:.5em;animation:tfrost 2.6s ease-in-out infinite alternate}
@keyframes tfrost{from{box-shadow:inset 0 0 0 .09em var(--rim),0 0 .2em rgba(125,211,252,.3)}to{box-shadow:inset 0 0 0 .09em #fff,0 0 .8em rgba(125,211,252,.85)}}
.tt-cold::before{content:'';position:absolute;left:.5em;right:.5em;top:calc(100% - .02em);height:.55em;background:linear-gradient(#fff,#7DD3FC);clip-path:polygon(0 0,100% 0,97% 45%,94% 0,86% 0,82% 100%,78% 0,68% 0,65% 55%,62% 0,50% 0,46% 85%,42% 0,31% 0,28% 40%,25% 0,15% 0,11% 95%,7% 0,3% 0,1.5% 35%)}
.tt-clock{--pl:linear-gradient(#4A3413,#1E1408);--ti:#F5E1B0;--rim:#E0A030;--icd:#1E1408;--ic:#E0A030;margin-right:.5em}
.tt-clock::before,.tt-clock::after{content:'';position:absolute;border-radius:50%;background:radial-gradient(circle,#1E1408 0 20%,#E0A030 23% 56%,transparent 58%),repeating-conic-gradient(#E0A030 0 22.5deg,transparent 0 45deg);-webkit-mask-image:radial-gradient(circle,#000 0 69%,transparent 71%);mask-image:radial-gradient(circle,#000 0 69%,transparent 71%)}
.tt-clock::after{right:-.62em;top:-.5em;width:1.25em;height:1.25em;animation:i-spin 3.2s steps(16) infinite}.tt-clock::before{right:-.5em;bottom:-.42em;width:.9em;height:.9em;animation:i-spin 3.2s steps(16) infinite reverse;filter:brightness(.8)}
.tt-volt{--ti:#FDE047;--rim:#FDE047;--icd:#0E1524;background:repeating-linear-gradient(115deg,#FDE047 0 .32em,#0E1524 .32em .64em) 100% 0/1.05em 100% no-repeat,#0E1524;padding-right:1.55em;animation:tzap 2.6s infinite}
@keyframes tzap{0%,45%,49%,55%,100%{box-shadow:inset 0 0 0 .09em var(--rim),0 0 .25em rgba(253,224,71,.35)}47%,51%{box-shadow:inset 0 0 0 .09em #fff,0 0 1.1em #FDE047}}
.tt-coin{--ti:#fff;--rim:transparent;--ic:#FDE047;--icd:#B45309;border-radius:0;background:radial-gradient(circle,#FDE047 0 .09em,transparent .11em) 0 0/.6em .34em repeat-x,radial-gradient(circle,#FDE047 0 .09em,transparent .11em) .3em 100%/.6em .34em repeat-x,#1E1B4B;box-shadow:0 -.18em 0 0 #9A9AE0,0 .18em 0 0 #9A9AE0,-.18em 0 0 0 #9A9AE0,.18em 0 0 0 #9A9AE0;margin:.18em;padding-block:.62em;animation:tchase .5s steps(2) infinite}
@keyframes tchase{to{background-position:.6em 0,-.3em 100%,0 0}}

/* Legendary: a small living scene; the effect leaves the plate */
.tt-ashes{--ti:#FFE9D0;--ic:#FDBA74;--icd:#FEF08A;border:.13em solid transparent;background:linear-gradient(#170805,#170805) padding-box,linear-gradient(180deg,#FDE047,#FB923C 45%,#DC2626) border-box;box-shadow:none;margin:1.25em .95em .1em;animation:theat 1.7s ease-in-out infinite alternate}
@keyframes theat{from{box-shadow:0 -.1em .4em -.1em rgba(251,146,60,.5),0 0 .4em rgba(220,38,38,.4)}to{box-shadow:0 -.25em .9em -.1em rgba(253,186,116,.95),0 0 .8em rgba(220,38,38,.7)}}
.tt-ashes b{background:linear-gradient(0deg,#FB923C,#FEF08A 80%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/*PHXT*/
.tt-ashes::before{content:'';position:absolute;z-index:-1;left:-0.87em;right:-0.87em;bottom:calc(100% - 0.54em);height:1.70em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.4 -1.5 38.5 42.4'%3E%3Cdefs%3E%3ClinearGradient id='f0' gradientUnits='userSpaceOnUse' x1='30.2' y1='31.4' x2='16.1' y2='32.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f1' gradientUnits='userSpaceOnUse' x1='27.4' y1='27.3' x2='7.4' y2='24.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' gradientUnits='userSpaceOnUse' x1='23.3' y1='22.9' x2='-0.2' y2='13.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' gradientUnits='userSpaceOnUse' x1='18.1' y1='18.9' x2='-1.9' y2='3.3'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f4' gradientUnits='userSpaceOnUse' x1='13.1' y1='16.0' x2='2.4' y2='-0.0'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3CradialGradient id='c' gradientUnits='userSpaceOnUse' cx='31.0' cy='33.0' r='34'%3E%3Cstop offset='.15' stop-color='%23FFFBEB'/%3E%3Cstop offset='.55' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='31.0' y1='33.0' x2='13.1' y2='16.0'%3E%3Cstop offset='0' stop-color='%23FFFBEB'/%3E%3Cstop offset='.6' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FB923C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='%237F1D1D' stroke-width='.8' stroke-linejoin='round'%3E%3Cpath d='M30.8 34.1 Q25.6 39.4 16.1 32.4 Q23.4 29.9 29.6 28.8Z' fill='url(%23f0)'/%3E%3Cpath d='M27.5 30.3 Q18.6 34.9 7.4 24.4 Q18.4 24.1 27.4 24.3Z' fill='url(%23f1)'/%3E%3Cpath d='M22.6 25.8 Q10.6 27.7 -0.2 13.4 Q13.1 17.2 24.0 20.0Z' fill='url(%23f2)'/%3E%3Cpath d='M16.7 21.4 Q4.8 19.6 -1.9 3.3 Q9.7 10.8 19.4 16.5Z' fill='url(%23f3)'/%3E%3Cpath d='M11.4 17.6 Q2.9 13.8 2.4 -0.0 Q9.2 7.9 14.9 14.3Z' fill='url(%23f4)'/%3E%3C/g%3E%3Cg fill='url(%23c)' stroke='%23EA580C' stroke-width='.5' stroke-linejoin='round'%3E%3Cpath d='M30.5 33.5 Q27.4 37.3 22.0 31.4 Q26.2 29.7 29.9 29.3Z'/%3E%3Cpath d='M27.3 29.6 Q21.9 32.9 16.0 24.8 Q22.4 24.4 27.6 24.9Z'/%3E%3Cpath d='M22.6 25.2 Q15.3 26.7 10.1 16.5 Q17.8 18.5 24.0 20.6Z'/%3E%3Cpath d='M16.9 20.8 Q9.6 20.0 7.2 9.1 Q13.9 13.3 19.3 17.0Z'/%3E%3Cpath d='M11.6 17.2 Q6.3 15.1 7.6 6.3 Q11.6 10.8 14.6 14.8Z'/%3E%3C/g%3E%3Cpath d='M33.6 31.8 L31.9 29.2 L30.0 26.8 L27.8 24.6 L25.4 22.5 L22.8 20.5 L19.9 18.7 L16.8 17.0 L13.4 15.4 L12.8 16.5 L15.8 18.5 L18.5 20.6 L20.9 22.8 L23.0 25.0 L24.8 27.3 L26.3 29.6 L27.5 31.9 L28.4 34.2Z' fill='url(%23b)'/%3E%3Ccircle cx='31.0' cy='33.0' r='3' fill='%23FFFBEB'/%3E%3C/svg%3E") 0 100%/1.54em auto no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.4 -1.5 38.5 42.4'%3E%3Cdefs%3E%3ClinearGradient id='f0' gradientUnits='userSpaceOnUse' x1='30.2' y1='31.4' x2='16.1' y2='32.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f1' gradientUnits='userSpaceOnUse' x1='27.4' y1='27.3' x2='7.4' y2='24.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' gradientUnits='userSpaceOnUse' x1='23.3' y1='22.9' x2='-0.2' y2='13.4'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' gradientUnits='userSpaceOnUse' x1='18.1' y1='18.9' x2='-1.9' y2='3.3'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f4' gradientUnits='userSpaceOnUse' x1='13.1' y1='16.0' x2='2.4' y2='-0.0'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3CradialGradient id='c' gradientUnits='userSpaceOnUse' cx='31.0' cy='33.0' r='34'%3E%3Cstop offset='.15' stop-color='%23FFFBEB'/%3E%3Cstop offset='.55' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='31.0' y1='33.0' x2='13.1' y2='16.0'%3E%3Cstop offset='0' stop-color='%23FFFBEB'/%3E%3Cstop offset='.6' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FB923C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='matrix(-1 0 0 1 31.8 0)'%3E%3Cg stroke='%237F1D1D' stroke-width='.8' stroke-linejoin='round'%3E%3Cpath d='M30.8 34.1 Q25.6 39.4 16.1 32.4 Q23.4 29.9 29.6 28.8Z' fill='url(%23f0)'/%3E%3Cpath d='M27.5 30.3 Q18.6 34.9 7.4 24.4 Q18.4 24.1 27.4 24.3Z' fill='url(%23f1)'/%3E%3Cpath d='M22.6 25.8 Q10.6 27.7 -0.2 13.4 Q13.1 17.2 24.0 20.0Z' fill='url(%23f2)'/%3E%3Cpath d='M16.7 21.4 Q4.8 19.6 -1.9 3.3 Q9.7 10.8 19.4 16.5Z' fill='url(%23f3)'/%3E%3Cpath d='M11.4 17.6 Q2.9 13.8 2.4 -0.0 Q9.2 7.9 14.9 14.3Z' fill='url(%23f4)'/%3E%3C/g%3E%3Cg fill='url(%23c)' stroke='%23EA580C' stroke-width='.5' stroke-linejoin='round'%3E%3Cpath d='M30.5 33.5 Q27.4 37.3 22.0 31.4 Q26.2 29.7 29.9 29.3Z'/%3E%3Cpath d='M27.3 29.6 Q21.9 32.9 16.0 24.8 Q22.4 24.4 27.6 24.9Z'/%3E%3Cpath d='M22.6 25.2 Q15.3 26.7 10.1 16.5 Q17.8 18.5 24.0 20.6Z'/%3E%3Cpath d='M16.9 20.8 Q9.6 20.0 7.2 9.1 Q13.9 13.3 19.3 17.0Z'/%3E%3Cpath d='M11.6 17.2 Q6.3 15.1 7.6 6.3 Q11.6 10.8 14.6 14.8Z'/%3E%3C/g%3E%3Cpath d='M33.6 31.8 L31.9 29.2 L30.0 26.8 L27.8 24.6 L25.4 22.5 L22.8 20.5 L19.9 18.7 L16.8 17.0 L13.4 15.4 L12.8 16.5 L15.8 18.5 L18.5 20.6 L20.9 22.8 L23.0 25.0 L24.8 27.3 L26.3 29.6 L27.5 31.9 L28.4 34.2Z' fill='url(%23b)'/%3E%3Ccircle cx='31.0' cy='33.0' r='3' fill='%23FFFBEB'/%3E%3C/g%3E%3C/svg%3E") 100% 100%/1.54em auto no-repeat;transform-origin:50% 81%;animation:nwing 1.3s ease-in-out infinite alternate}
@keyframes nwing{from{transform:scale(.97,.78)}to{transform:scale(1.03,1.1)}}
/*END-PHXT*/
.tt-void{--ti:#F0D9FF;--ic:#E9B8FF;--icd:#67E8F9;border:.13em solid transparent;background:radial-gradient(circle,#fff 0 .04em,transparent .06em) 0 0/1.5em 1em padding-box,radial-gradient(circle,#E9B8FF 0 .055em,transparent .075em) .6em .35em/2.1em 1.3em padding-box,linear-gradient(#0A0614,#0A0614) padding-box,linear-gradient(90deg,#C084FC,#67E8F9,#F0ABFC,#C084FC,#67E8F9,#F0ABFC,#C084FC) 0 0/200% 100% border-box;box-shadow:0 0 .9em rgba(124,58,237,.9);margin-bottom:.45em;animation:tvoid 6s linear infinite}
@keyframes tvoid{to{background-position:-1.5em 0,-1.5em .35em,0 0,100% 0}}
.tt-void::after{content:'';position:absolute;left:14%;right:14%;top:calc(100% + .3em);height:.1em;border-radius:1em;background:linear-gradient(90deg,transparent,#D946EF,#38BDF8,transparent);animation:tline 2.4s ease-in-out infinite}
@keyframes tline{0%,100%{transform:scaleX(.45);opacity:.5}50%{transform:scaleX(1);opacity:1}}
.tt-storm{--pl:linear-gradient(#27364F,#0B1220);--ti:#E0F2FE;--rim:#60A5FA;--ic:#CBD5E1;--icd:#FDE047;margin-inline:.75em;animation:tzapb 3s infinite}
@keyframes tzapb{0%,45%,49%,55%,100%{box-shadow:inset 0 0 0 .09em var(--rim),0 0 .3em rgba(96,165,250,.45)}47%,51%{box-shadow:inset 0 0 0 .09em #fff,0 0 1.2em #BFDBFE,inset 0 0 .8em rgba(191,219,254,.5)}}
.tt-storm::before,.tt-storm::after{content:'';position:absolute;top:-.25em;width:.75em;height:calc(100% + .5em);background:#FDE047;clip-path:polygon(60% 0,0 55%,42% 55%,22% 100%,100% 38%,58% 38%,85% 0);filter:drop-shadow(0 0 .2em #FDE047);animation:tbolt 3s steps(1) infinite}
.tt-storm::before{left:-.8em}.tt-storm::after{right:-.8em;transform:scaleX(-1);animation-delay:-.12s}
@keyframes tbolt{0%,100%{opacity:.5}47%{opacity:1}49%{opacity:.5}51%{opacity:1}55%{opacity:.5}}
.tt-emperor{--ti:#F5E7B8;--ic:#F43F5E;--icd:#FFE4E6;border:.14em solid transparent;background:linear-gradient(#0C0A07,#0C0A07) padding-box,linear-gradient(135deg,#FFF1B8,#F5B301 30%,#B8860B 55%,#FFE08A 80%,#B8860B) border-box;box-shadow:inset 0 0 0 .09em #5A4516,0 0 .6em rgba(245,179,1,.4);margin:.75em 0 .3em}
.tt-emperor::before{content:'';position:absolute;left:50%;bottom:calc(100% + .02em);width:1.5em;height:.95em;margin-left:-.75em;background:linear-gradient(180deg,#FFF1B8,#F5B301 55%,#B8860B);clip-path:polygon(0 100%,0 22%,24% 58%,50% 0,76% 58%,100% 22%,100% 100%);filter:drop-shadow(0 0 .2em rgba(245,179,1,.7));animation:tcrown 2.6s ease-in-out infinite}
@keyframes tcrown{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-.14em) rotate(4deg)}}
.tt-emperor::after{content:'';position:absolute;left:.8em;right:.8em;top:calc(100% - .1em);height:.34em;background:radial-gradient(circle,#F43F5E 0 .12em,transparent .14em) 0 50%/1.8em 100%,radial-gradient(circle,#38BDF8 0 .12em,transparent .14em) .6em 50%/1.8em 100%,radial-gradient(circle,#34D399 0 .12em,transparent .14em) 1.2em 50%/1.8em 100%}

/* Earned: struck in metal, by how hard the feat is */
.m-bronze{--pl:linear-gradient(180deg,#EDBB8A,#B0703A 50%,#D99A5E 56%,#8A4E22);--ti:#2B1505;--rim:#6B3A14;--icd:#EDBB8A}
.m-silver{--pl:linear-gradient(180deg,#FFFFFF,#B6C2D2 50%,#E7ECF2 56%,#7C8AA0);--ti:#111827;--rim:#55647A;--icd:#F1F5F9}
.m-gold{--pl:linear-gradient(180deg,#FFF1B8,#F5B301 50%,#FFE08A 56%,#B8860B);--ti:#2A1D00;--rim:#8A6508;--icd:#FFF1B8;--sd:3.4s}
.m-diamond{--ti:#0C2340;--rim:#38BDF8;--icd:#fff;background:linear-gradient(120deg,#E0F2FE,#A5F3FC 20%,#C4B5FD 40%,#F0ABFC 55%,#E0F2FE 70%,#A5F3FC 85%,#E0F2FE) 0 0/220% 100%;animation:tflow2 5s linear infinite;--sd:3s}
@keyframes tflow2{to{background-position:-220% 0}}
.m-master{--ti:#F5E7B8;--ic:#F5C73A;--icd:#0C0A07;border:.14em solid transparent;background:linear-gradient(#0C0A07,#0C0A07) padding-box,linear-gradient(135deg,#FFF1B8,#F5B301 30%,#B8860B 55%,#FFE08A 80%,#B8860B) border-box;box-shadow:0 0 .6em rgba(245,179,1,.4);margin-inline:.85em;--sd:3.4s}
.m-master::before,.m-master::after{content:'';position:absolute;bottom:-.35em;width:1.05em;height:1.95em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -2 24 42'%3E%3Cpath d='M15 39 Q2 26 8 3' fill='none' stroke='%238A6508' stroke-width='1.4' stroke-linecap='round'/%3E%3Cellipse cx='11.8' cy='35' rx='2.6' ry='5.6' transform='rotate(-38 11.8 35)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='18.4' cy='33' rx='2.3' ry='5' transform='rotate(34 18.4 33)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='5.8' cy='28' rx='2.6' ry='5.6' transform='rotate(-24 5.8 28)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='12.4' cy='26' rx='2.3' ry='5' transform='rotate(46 12.4 26)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='2.3' cy='20' rx='2.6' ry='5.6' transform='rotate(-10 2.3 20)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='8.9' cy='18' rx='2.3' ry='5' transform='rotate(58 8.9 18)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='1.7999999999999998' cy='12' rx='2.6' ry='5.6' transform='rotate(4 1.7999999999999998 12)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='8.4' cy='10' rx='2.3' ry='5' transform='rotate(70 8.4 10)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='8.4' cy='2.5' rx='2.2' ry='4.6' transform='rotate(12 8.4 2.5)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3C/svg%3E") center/contain no-repeat}
.m-master::before{left:-.85em}.m-master::after{right:-.85em;transform:scaleX(-1)}
.m-legend{--ti:#FFF7CC;--ic:#FDE047;--icd:#B45309;border:.14em solid transparent;background:linear-gradient(#150B02,#150B02) padding-box,linear-gradient(90deg,#F59E0B,#FDE047,#FFFBEB,#FDE047,#F59E0B,#DC2626,#F59E0B) 0 0/200% 100% border-box;animation:tlegend 3s linear infinite}
@keyframes tlegend{0%{background-position:0 0,0 0;box-shadow:0 0 .5em rgba(245,158,11,.5)}50%{box-shadow:0 0 1.1em rgba(253,224,71,.95)}100%{background-position:0 0,-200% 0;box-shadow:0 0 .5em rgba(245,158,11,.5)}}
.m-legend b{background:linear-gradient(0deg,#F59E0B,#FFFBEB 85%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.m-harvest{--pl:linear-gradient(180deg,#F7C08A,#D0703A 55%,#8A3E14);--ti:#2A1004;--rim:#6B2E0C;--icd:#F7C08A}
.m-founder{--pl:linear-gradient(135deg,#3A2412,#1A1008);--ti:#F5D9B8;--rim:#D9A066;--ic:#F59E0B;--icd:#1A1008}
.m-pass{--pl:linear-gradient(135deg,#4338CA,#7C3AED 60%,#DB2777);--ti:#fff;--rim:rgba(255,255,255,.5);--icd:#4338CA;--ic:#fff;border-radius:.2em}

/* ---------------- banners: the backdrop of a player's card. Markup: <div class="bn bn-ID"><i></i><i></i></div>
   It fills whatever box it is put in (half the duel card, the profile header, a shop tile). Big shapes are sized in cqmin so they scale with the box. */
.bn{position:absolute;inset:0;overflow:hidden;container-type:size;background:radial-gradient(120% 90% at 50% 0,#1B2A4A,#0B1220);isolation:isolate}
.bn i,.bn::before,.bn::after{position:absolute;display:block;pointer-events:none}
.bn::before,.bn::after{content:''}
.still .bn,.still .bn *,.still .bn::before,.still .bn::after{animation:none!important}
@media (prefers-reduced-motion:reduce){.bn,.bn *,.bn::before,.bn::after{animation:none!important}}
@keyframes b-spin{to{transform:rotate(360deg)}}
@keyframes b-up{to{background-position:0 -220px,60px -330px}}
@keyframes b-down{to{background-position:0 220px,60px 330px}}

/* Common: two colours and a soft light */
.bn-dusk{background:linear-gradient(160deg,#FB7185,#9F1239 52%,#3B0716)}.bn-lagoon{background:linear-gradient(160deg,#2DD4BF,#0E7490 52%,#0A2540)}.bn-grape{background:linear-gradient(160deg,#A78BFA,#6D28D9 52%,#220C52)}
.bn-amber{background:linear-gradient(160deg,#FBBF24,#B45309 52%,#3A1503)}.bn-forest{background:linear-gradient(160deg,#4ADE80,#15803D 52%,#04250F)}.bn-slate{background:linear-gradient(160deg,#94A3B8,#475569 52%,#0F172A)}
.bn.c::before{left:-20cqmin;top:-45cqmin;width:110cqmin;height:110cqmin;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.28),rgba(255,255,255,0))}
.bn.c::after{inset:0;background:linear-gradient(115deg,transparent 48%,rgba(255,255,255,.07) 56% 64%,transparent 74%)}

/* Rare: a material or a pattern */
.bn-tiles{background:radial-gradient(90% 80% at 50% 30%,#1D3160,#0B1428)}
.bn-tiles::before{inset:-30%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 236 98'%3E%3Crect x='6' y='6' width='40' height='40' rx='8' fill='%2316A34A' stroke='none' stroke-width='2'/%3E%3Ctext x='26' y='35' text-anchor='middle' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='24' fill='%23fff'%3EW%3C/text%3E%3Crect x='52' y='6' width='40' height='40' rx='8' fill='%231B2E58' stroke='%233A5A9C' stroke-width='2'/%3E%3Ctext x='72' y='35' text-anchor='middle' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='24' fill='%237E97CC'%3EO%3C/text%3E%3Crect x='98' y='6' width='40' height='40' rx='8' fill='%231B2E58' stroke='%233A5A9C' stroke-width='2'/%3E%3Ctext x='118' y='35' text-anchor='middle' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='24' fill='%237E97CC'%3ER%3C/text%3E%3Crect x='144' y='6' width='40' height='40' rx='8' fill='%23D97706' stroke='none' stroke-width='2'/%3E%3Ctext x='164' y='35' text-anchor='middle' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='24' fill='%23fff'%3ED%3C/text%3E%3Crect x='190' y='6' width='40' height='40' rx='8' fill='%231B2E58' stroke='%233A5A9C' stroke-width='2'/%3E%3Ctext x='210' y='35' text-anchor='middle' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='24' fill='%237E97CC'%3EL%3C/text%3E%3Crect x='6' y='52' width='40' height='40' rx='8' fill='%231B2E58' stroke='%233A5A9C' stroke-width='2'/%3E%3Ctext x='26' y='81' text-anchor='middle' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='24' fill='%237E97CC'%3EY%3C/text%3E%3Crect x='52' y='52' width='40' height='40' rx='8' fill='%2316A34A' stroke='none' stroke-width='2'/%3E%3Ctext x='72' y='81' text-anchor='middle' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='24' fill='%23fff'%3EP%3C/text%3E%3Crect x='98' y='52' width='40' height='40' rx='8' fill='%231B2E58' stroke='%233A5A9C' stroke-width='2'/%3E%3Ctext x='118' y='81' text-anchor='middle' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='24' fill='%237E97CC'%3EL%3C/text%3E%3Crect x='144' y='52' width='40' height='40' rx='8' fill='%23D97706' stroke='none' stroke-width='2'/%3E%3Ctext x='164' y='81' text-anchor='middle' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='24' fill='%23fff'%3EA%3C/text%3E%3Crect x='190' y='52' width='40' height='40' rx='8' fill='%231B2E58' stroke='%233A5A9C' stroke-width='2'/%3E%3Ctext x='210' y='81' text-anchor='middle' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='24' fill='%237E97CC'%3EY%3C/text%3E%3C/svg%3E") 0 0/46cqmin auto;transform:rotate(-10deg);opacity:.55}
.bn-chalk{background:radial-gradient(90% 70% at 30% 20%,#2F4A3E,#1B2C25)}
.bn-chalk::before{inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='24' y='150' width='36' height='36' rx='5' stroke-width='2.4' stroke-dasharray='30 3' transform='rotate(-3.0 42 168)' opacity='.8'/%3E%3Crect x='68' y='153' width='36' height='36' rx='5' stroke-width='2.4' stroke-dasharray='33 3' transform='rotate(-1.5 86 168)' opacity='.8'/%3E%3Crect x='112' y='150' width='36' height='36' rx='5' stroke-width='2.4' stroke-dasharray='36 3' transform='rotate(0.0 130 168)' opacity='.8'/%3E%3Crect x='156' y='153' width='36' height='36' rx='5' stroke-width='2.4' stroke-dasharray='39 3' transform='rotate(1.5 174 168)' opacity='.8'/%3E%3Crect x='200' y='150' width='36' height='36' rx='5' stroke-width='2.4' stroke-dasharray='42 3' transform='rotate(3.0 218 168)' opacity='.8'/%3E%3Cpath d='M30 204 q40 -9 80 0 t80 0 t50 -3' stroke-width='2.6' opacity='.7'/%3E%3Cpath d='M270 40 l8 18 20 2 -15 13 5 20 -18 -11 -17 11 5 -20 -15 -13 20 -2z' stroke-width='2.4' opacity='.75'/%3E%3Ccircle cx='76' cy='62' r='30' stroke-width='2.6' stroke-dasharray='150 8' opacity='.7'/%3E%3Cpath d='M62 62 l10 11 20 -24' stroke-width='3.4' opacity='.85'/%3E%3Cpath d='M300 150 l34 34 M334 150 l-34 34' stroke-width='2.8' opacity='.6'/%3E%3C/g%3E%3Cellipse cx='200' cy='96' rx='70' ry='16' fill='%23fff' opacity='.07'/%3E%3Cellipse cx='120' cy='130' rx='50' ry='10' fill='%23fff' opacity='.05'/%3E%3C/svg%3E") 50% 50%/cover no-repeat;opacity:.7}
.bn-chalk::after{left:0;right:0;bottom:0;height:5cqmin;background:linear-gradient(#8A5A2B,#5A3819);box-shadow:0 -1px 0 rgba(255,255,255,.15)}
.bn-blueprint{background:repeating-linear-gradient(rgba(255,255,255,.22) 0 1px,transparent 1px 12cqmin),repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 12cqmin),repeating-linear-gradient(rgba(255,255,255,.08) 0 1px,transparent 1px 3cqmin),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3cqmin),linear-gradient(#17479A,#0E2D66)}
.bn-blueprint::before{right:-18cqmin;top:-18cqmin;width:80cqmin;height:80cqmin;border-radius:50%;background:radial-gradient(circle,transparent 0 30%,rgba(255,255,255,.45) 30% 30.6%,transparent 30.6% 46%,rgba(255,255,255,.35) 46% 46.5%,transparent 46.5% 68%,rgba(255,255,255,.3) 68% 68.5%,transparent 68.5%)}
.bn-blueprint::after{left:6cqmin;bottom:8cqmin;width:42cqmin;height:22cqmin;border:1px dashed rgba(255,255,255,.55);border-radius:1px;background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)) 0 50%/100% 1px no-repeat}
.bn-news{background:#201B14}
.bn-news::before{inset:-10% -10% -10% -10%;transform:rotate(-4deg);background:linear-gradient(#E7DCC4,#E7DCC4) 6% 9%/58% 5% no-repeat,linear-gradient(#E7DCC4,#E7DCC4) 6% 17%/36% 2.4% no-repeat,repeating-linear-gradient(90deg,transparent 0 30%,#201B14 30% 33.3%),repeating-linear-gradient(rgba(231,220,196,.5) 0 .9cqmin,transparent .9cqmin 2.6cqmin);-webkit-mask-image:linear-gradient(#000,rgba(0,0,0,.55));mask-image:linear-gradient(#000,rgba(0,0,0,.55));opacity:.3}
.bn-wood{background:repeating-linear-gradient(91deg,rgba(0,0,0,.16) 0 1px,transparent 1px 5px),repeating-linear-gradient(89deg,rgba(255,220,170,.07) 0 2px,transparent 2px 11px),repeating-linear-gradient(90deg,#6B4423 0 24cqw,#3E2510 24cqw 24.8cqw,#7A4E28 24.8cqw 49cqw,#3E2510 49cqw 49.8cqw),#6B4423}
.bn-wood::before{left:14%;top:22%;width:16cqmin;height:9cqmin;border-radius:50%;background:radial-gradient(closest-side,#2E1A0A 0 18%,#5A3819 20% 36%,#3E2510 38% 52%,#6B4423 54% 70%,transparent 72%);box-shadow:52cqw 34cqh 0 -1cqmin rgba(46,26,10,.55)}
.bn-wood::after{inset:0;background:linear-gradient(rgba(0,0,0,0) 40%,rgba(0,0,0,.45))}
.bn-candy{background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,0) 38%,rgba(120,10,70,.55)),repeating-linear-gradient(135deg,#F472B6 0 9cqmin,#DB2777 9cqmin 18cqmin)}
.bn-pixel{background:linear-gradient(#0B0A1F,#0B0A1F) 0 100%/14% 34% no-repeat,linear-gradient(#0B0A1F,#0B0A1F) 14% 100%/10% 22% no-repeat,linear-gradient(#0B0A1F,#0B0A1F) 27% 100%/13% 44% no-repeat,linear-gradient(#0B0A1F,#0B0A1F) 44% 100%/9% 27% no-repeat,linear-gradient(#0B0A1F,#0B0A1F) 58% 100%/16% 38% no-repeat,linear-gradient(#0B0A1F,#0B0A1F) 78% 100%/11% 24% no-repeat,linear-gradient(#0B0A1F,#0B0A1F) 100% 100%/15% 48% no-repeat,linear-gradient(#1E1B4B,#3730A3 55%,#7C3AED 78%,#F472B6)}
.bn-pixel::before{inset:0 0 40% 0;background:conic-gradient(from 270deg at 3px 3px,#fff 90deg,transparent 0) 0 0/71px 53px,conic-gradient(from 270deg at 2px 2px,#C4B5FD 90deg,transparent 0) 37px 23px/97px 61px;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}
.bn-pixel::after{right:14%;top:12%;width:12cqmin;height:12cqmin;background:#FDE68A;box-shadow:inset -3cqmin -3cqmin 0 #F5B301;clip-path:polygon(25% 0,75% 0,75% 12.5%,87.5% 12.5%,87.5% 25%,100% 25%,100% 75%,87.5% 75%,87.5% 87.5%,75% 87.5%,75% 100%,25% 100%,25% 87.5%,12.5% 87.5%,12.5% 75%,0 75%,0 25%,12.5% 25%,12.5% 12.5%,25% 12.5%)}

/* Epic: a scene that moves */
.bn-space{background:radial-gradient(80% 60% at 72% 18%,#3B1D6E,transparent),radial-gradient(60% 50% at 12% 82%,#0E3A5C,transparent),#070B1A}
.bn-space i:nth-child(1){inset:0 -220px 0 0;background:radial-gradient(circle,#fff 0 .7px,transparent 1.2px) 0 0/73px 61px,radial-gradient(circle,#BFDBFE 0 .9px,transparent 1.4px) 31px 17px/109px 83px;animation:b-drift 26s linear infinite}
@keyframes b-drift{to{transform:translateX(-219px)}}
.bn-space i:nth-child(2){inset:0;background:radial-gradient(circle,#fff 0 1.3px,transparent 2px) 20px 30px/167px 131px;animation:b-twinkle 2.4s ease-in-out infinite alternate}
@keyframes b-twinkle{from{opacity:.25}to{opacity:1}}
.bn-space::before{right:-6cqmin;bottom:-10cqmin;width:44cqmin;height:44cqmin;border-radius:50%;background:radial-gradient(circle at 35% 30%,#A78BFA,#5B21B6 55%,#1E0B45);box-shadow:inset -4cqmin -4cqmin 8cqmin rgba(0,0,0,.6),0 0 6cqmin rgba(124,58,237,.5)}
.bn-space::after{left:-30%;top:22%;width:26cqmin;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff);transform:rotate(18deg);animation:b-shoot 5.5s ease-in infinite}
@keyframes b-shoot{0%,70%{transform:translate(0,0) rotate(18deg);opacity:0}72%{opacity:1}86%,100%{transform:translate(150cqw,48cqw) rotate(18deg);opacity:0}}
.bn-ocean{background:linear-gradient(#22B8CF,#0E7490 30%,#0C4A6E 62%,#061A33)}
.bn-ocean::before{left:-20%;right:-20%;top:-10%;height:120%;background:repeating-linear-gradient(100deg,transparent 0 9%,rgba(255,255,255,.16) 11% 14%,transparent 16% 24%,rgba(255,255,255,.1) 26% 31%,transparent 33%);-webkit-mask-image:linear-gradient(#000,transparent 85%);mask-image:linear-gradient(#000,transparent 85%);transform-origin:50% 0;animation:b-sway 5s ease-in-out infinite alternate}
@keyframes b-sway{from{transform:skewX(-9deg)}to{transform:skewX(9deg)}}
.bn-ocean i{inset:0 0 -220px 0;background:radial-gradient(circle,transparent 0 2px,rgba(255,255,255,.7) 2.4px 3.2px,transparent 3.8px) 0 0/97px 220px,radial-gradient(circle,transparent 0 1px,rgba(255,255,255,.6) 1.4px 2px,transparent 2.6px) 43px 80px/61px 110px;animation:b-rise 7s linear infinite}
.bn-ocean i:nth-child(2){background-size:151px 220px,113px 110px;background-position:70px 40px,10px 0;animation-duration:11s;opacity:.7}
@keyframes b-rise{to{transform:translateY(-220px)}}
.bn-ocean::after{left:0;right:0;bottom:0;height:22%;background:radial-gradient(60% 100% at 20% 100%,#052033 0 60%,transparent 62%),radial-gradient(50% 80% at 78% 100%,#041828 0 60%,transparent 62%)}
.bn-forge{background:linear-gradient(#150A06 28%,#3A1505 62%,#9A3412 88%,#F97316)}
.bn-forge::before{left:-10%;right:-10%;bottom:-30cqmin;height:60cqmin;border-radius:50%;background:radial-gradient(closest-side,rgba(253,186,116,.95),rgba(249,115,22,.5) 45%,rgba(249,115,22,0));animation:b-glow 1.8s ease-in-out infinite alternate}
@keyframes b-glow{from{transform:scale(.9);opacity:.65}to{transform:scale(1.08);opacity:1}}
.bn-forge i{inset:0 0 -220px 0;background:radial-gradient(circle,#FDBA74 0 1.2px,transparent 1.8px) 0 0/67px 110px,radial-gradient(circle,#FEF08A 0 .9px,transparent 1.5px) 29px 60px/89px 220px;-webkit-mask-image:linear-gradient(transparent 10%,#000 55%);mask-image:linear-gradient(transparent 10%,#000 55%);animation:b-rise 4.2s linear infinite}
.bn-forge i:nth-child(2){background-size:113px 220px,53px 110px;background-position:50px 30px,0 0;animation-duration:6.5s}
.bn-forge::after{left:50%;bottom:0;width:60cqmin;height:16cqmin;margin-left:-30cqmin;background:#0D0603;clip-path:polygon(4% 100%,10% 62%,0 62%,0 34%,20% 34%,24% 0,100% 0,100% 26%,80% 40%,84% 100%)}
.bn-frost{background:linear-gradient(#071626,#0C2A44 55%,#123F63)}
.bn-frost::before{left:-30%;right:-30%;top:-8%;height:62%;background:linear-gradient(100deg,transparent 5%,rgba(52,211,153,.75) 22%,rgba(34,211,238,.6) 40%,transparent 52%,rgba(167,139,250,.7) 68%,rgba(52,211,153,.5) 82%,transparent 95%);filter:blur(4cqmin);-webkit-mask-image:linear-gradient(transparent,#000 30%,transparent);mask-image:linear-gradient(transparent,#000 30%,transparent);animation:b-aurora 9s ease-in-out infinite alternate}
@keyframes b-aurora{from{transform:translateX(-12%) skewX(-14deg)}to{transform:translateX(12%) skewX(12deg)}}
.bn-frost i{inset:-220px 0 0 0;background:radial-gradient(circle,#fff 0 1.3px,transparent 2px) 0 0/59px 110px,radial-gradient(circle,#E0F7FF 0 1px,transparent 1.6px) 23px 50px/83px 220px;animation:b-fall 8s linear infinite}
.bn-frost i:nth-child(2){background-size:127px 220px,47px 110px;background-position:40px 0,9px 70px;animation-duration:13s;opacity:.7}
@keyframes b-fall{to{transform:translate(18px,220px)}}
.bn-frost::after{left:-10%;right:-10%;bottom:-6cqmin;height:26cqmin;background:radial-gradient(50% 100% at 25% 100%,#E0F2FE 0 60%,transparent 62%),radial-gradient(60% 80% at 75% 100%,#BAE6FD 0 60%,transparent 62%)}
.bn-storm{background:linear-gradient(#070B14,#141E33 55%,#1E293B)}
.bn-storm::before{left:-40%;right:-40%;top:-12cqmin;height:44cqmin;background:radial-gradient(18cqmin 14cqmin at 10% 50%,#334155 0 98%,transparent),radial-gradient(22cqmin 16cqmin at 28% 44%,#1E293B 0 98%,transparent),radial-gradient(20cqmin 15cqmin at 46% 54%,#334155 0 98%,transparent),radial-gradient(24cqmin 17cqmin at 64% 44%,#1E293B 0 98%,transparent),radial-gradient(20cqmin 15cqmin at 82% 52%,#334155 0 98%,transparent),radial-gradient(18cqmin 14cqmin at 96% 46%,#1E293B 0 98%,transparent);animation:b-cloud 16s ease-in-out infinite alternate}
@keyframes b-cloud{from{transform:translateX(-10%)}to{transform:translateX(10%)}}
.bn-storm i:nth-child(1){left:22%;top:14cqmin;width:13cqmin;height:44cqmin;background:linear-gradient(#fff,#FDE047);clip-path:polygon(58% 0,8% 46%,44% 46%,0 100%,96% 36%,58% 36%,90% 0);filter:drop-shadow(0 0 2cqmin #FDE047);animation:b-bolt 4.2s steps(1) infinite}
@keyframes b-bolt{0%,100%{opacity:0}40%{opacity:1}42%{opacity:0}44%{opacity:1}49%{opacity:0}}
.bn-storm i:nth-child(2){inset:-20% -20% -20% -20%;background:repeating-linear-gradient(103deg,transparent 0 13px,rgba(191,219,254,.28) 13px 14px,transparent 14px 31px);animation:b-rain .45s linear infinite}
@keyframes b-rain{to{transform:translate(-14px,60px)}}
.bn-storm::after{inset:0;background:radial-gradient(70% 60% at 28% 20%,rgba(219,234,254,.85),rgba(219,234,254,0));animation:b-flash 4.2s steps(1) infinite}
@keyframes b-flash{0%,100%{opacity:0}40%{opacity:.9}42%{opacity:.1}44%{opacity:.7}49%{opacity:0}}
.bn-arcade{background:linear-gradient(#150629 0,#3B0764 40%,#86198F 54%,#0B0218 54.5%)}
.bn-arcade::before{left:50%;top:54%;width:50cqmin;height:50cqmin;margin:-37cqmin 0 0 -25cqmin;border-radius:50%;background:linear-gradient(#FDE047,#FB923C 45%,#EC4899);-webkit-mask-image:linear-gradient(#000 0 52%,transparent 52% 56%,#000 56% 64%,transparent 64% 69%,#000 69% 74%,transparent 74%);mask-image:linear-gradient(#000 0 52%,transparent 52% 56%,#000 56% 64%,transparent 64% 69%,#000 69% 74%,transparent 74%);filter:drop-shadow(0 0 4cqmin #EC4899)}
.bn-arcade i:nth-child(1){left:-60%;right:-60%;top:54.5%;bottom:-10%;background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 1px),#F0ABFC calc(5% - 1px) 5%),repeating-linear-gradient(transparent 0 23px,#F0ABFC 23px 24px);transform:perspective(60cqmin) rotateX(62deg);transform-origin:50% 0;animation:b-grid .7s linear infinite;-webkit-mask-image:linear-gradient(transparent,#000 35%);mask-image:linear-gradient(transparent,#000 35%)}
@keyframes b-grid{to{background-position:0 0,0 24px}}
.bn-arcade i:nth-child(2){inset:0 0 50% 0;background:radial-gradient(circle,#fff 0 .8px,transparent 1.3px) 0 0/61px 47px,radial-gradient(circle,#F0ABFC 0 1px,transparent 1.6px) 27px 19px/97px 71px;animation:b-twinkle 1.8s ease-in-out infinite alternate}
.bn-arcade::after{left:0;right:0;top:54%;height:2px;background:#fff;box-shadow:0 0 3cqmin 1cqmin #F0ABFC}
.bn-clock{background:radial-gradient(90% 80% at 50% 40%,#4A3413,#150D04)}
.bn-clock i,.bn-clock::before,.bn-clock::after{border-radius:50%;background:radial-gradient(circle,#150D04 0 12%,var(--g,#E0A030) 13% 17%,transparent 18% 23%,var(--g,#E0A030) 24% 27%,var(--g2,#7A4F12) 28% 54%,var(--g,#E0A030) 55% 60%,transparent 61%),repeating-conic-gradient(var(--g,#E0A030) 0 calc(180deg/var(--n,12)),transparent 0 calc(360deg/var(--n,12)));-webkit-mask-image:radial-gradient(circle,#000 0 69%,transparent 70%);mask-image:radial-gradient(circle,#000 0 69%,transparent 70%)}
.bn-clock::before{left:-22cqmin;bottom:-26cqmin;width:86cqmin;height:86cqmin;--n:16;animation:b-spin 32s steps(64) infinite;opacity:.9}
.bn-clock::after{right:-16cqmin;top:-18cqmin;width:60cqmin;height:60cqmin;--n:12;--g:#C98A25;animation:b-spin 24s steps(48) infinite reverse;opacity:.8}
.bn-clock i:nth-child(1){right:2cqmin;bottom:-6cqmin;width:38cqmin;height:38cqmin;--n:10;--g:#F0C060;animation:b-spin 15s steps(30) infinite}
.bn-clock i:nth-child(2){left:20cqmin;top:-4cqmin;width:26cqmin;height:26cqmin;--n:8;--g:#B07C22;animation:b-spin 12s steps(24) infinite reverse;opacity:.75}

/* Legendary: a living scene built around the player */
.bn-phoenix{background:radial-gradient(70% 62% at 50% 46%,#9A3412,#3A0F05 62%,#120403)}
.bn-phoenix i:nth-child(1){left:50%;top:46%;width:96cqmin;height:96cqmin;margin:-48cqmin 0 0 -48cqmin;border-radius:50%;background:radial-gradient(closest-side,rgba(254,240,138,.75),rgba(251,146,60,.45) 40%,rgba(251,146,60,0));animation:b-glow 1.7s ease-in-out infinite alternate}
.bn-phoenix i:nth-child(2){inset:0 0 -220px 0;background:radial-gradient(circle,#FDBA74 0 1.3px,transparent 2px) 0 0/71px 110px,radial-gradient(circle,#FEF08A 0 1px,transparent 1.6px) 31px 50px/97px 220px;animation:b-rise 5s linear infinite}
/*PHXB*/
.bn-phoenix::before,.bn-phoenix::after{top:calc(50% - 38.1cqmin);width:72.0cqmin;height:52.4cqmin;background:center/100% 100% no-repeat;filter:drop-shadow(0 0 3cqmin rgba(251,146,60,.6))}
.bn-phoenix::before{left:calc(50% - 79.3cqmin);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20.8 3.7 55.4 40.3'%3E%3Cdefs%3E%3ClinearGradient id='f0' gradientUnits='userSpaceOnUse' x1='30.2' y1='32.1' x2='22.0' y2='42.5'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f1' gradientUnits='userSpaceOnUse' x1='27.5' y1='29.7' x2='14.3' y2='40.7'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' gradientUnits='userSpaceOnUse' x1='24.2' y1='27.2' x2='5.4' y2='37.1'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' gradientUnits='userSpaceOnUse' x1='20.6' y1='24.9' x2='-3.8' y2='31.9'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f4' gradientUnits='userSpaceOnUse' x1='16.7' y1='23.0' x2='-11.6' y2='25.0'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f5' gradientUnits='userSpaceOnUse' x1='12.5' y1='21.5' x2='-17.6' y2='17.2'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f6' gradientUnits='userSpaceOnUse' x1='8.3' y1='20.3' x2='-19.3' y2='10.2'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f7' gradientUnits='userSpaceOnUse' x1='4.9' y1='19.6' x2='-17.4' y2='5.6'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f8' gradientUnits='userSpaceOnUse' x1='3.2' y1='19.3' x2='-11.4' y2='5.2'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3CradialGradient id='c' gradientUnits='userSpaceOnUse' cx='31.0' cy='33.0' r='34'%3E%3Cstop offset='.15' stop-color='%23FFFBEB'/%3E%3Cstop offset='.55' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='31.0' y1='33.0' x2='3.2' y2='19.3'%3E%3Cstop offset='0' stop-color='%23FFFBEB'/%3E%3Cstop offset='.6' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FB923C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='%237F1D1D' stroke-width='.8' stroke-linejoin='round'%3E%3Cpath d='M32.1 33.2 Q32.1 39.9 22.0 42.5 Q25.2 36.1 28.2 31.1Z' fill='url(%23f0)'/%3E%3Cpath d='M29.3 31.3 Q27.0 39.4 14.3 40.7 Q20.5 33.7 25.7 28.1Z' fill='url(%23f1)'/%3E%3Cpath d='M25.8 29.2 Q20.6 38.0 5.4 37.1 Q14.9 30.6 22.6 25.1Z' fill='url(%23f2)'/%3E%3Cpath d='M21.7 27.4 Q13.2 35.8 -3.8 31.9 Q9.1 27.0 19.4 22.5Z' fill='url(%23f3)'/%3E%3Cpath d='M17.3 25.7 Q5.9 32.5 -11.6 25.0 Q3.7 23.0 16.0 20.4Z' fill='url(%23f4)'/%3E%3Cpath d='M12.5 24.1 Q-0.9 28.2 -17.6 17.2 Q-1.1 18.8 12.4 18.9Z' fill='url(%23f5)'/%3E%3Cpath d='M7.8 22.7 Q-5.7 23.7 -19.3 10.2 Q-4.0 15.2 8.7 17.9Z' fill='url(%23f6)'/%3E%3Cpath d='M4.1 21.6 Q-8.0 20.1 -17.4 5.6 Q-4.9 12.8 5.8 17.6Z' fill='url(%23f7)'/%3E%3Cpath d='M2.1 20.8 Q-6.9 18.0 -11.4 5.2 Q-3.0 12.4 4.3 17.7Z' fill='url(%23f8)'/%3E%3C/g%3E%3Cg fill='url(%23c)' stroke='%23EA580C' stroke-width='.5' stroke-linejoin='round'%3E%3Cpath d='M31.6 33.1 Q32.0 37.3 25.1 37.8 Q26.7 33.9 28.7 31.2Z'/%3E%3Cpath d='M28.9 31.0 Q27.8 36.2 19.5 35.6 Q22.9 31.4 26.2 28.4Z'/%3E%3Cpath d='M25.3 28.9 Q22.4 34.5 12.9 32.2 Q18.4 28.2 23.1 25.4Z'/%3E%3Cpath d='M21.3 26.9 Q16.4 32.3 6.2 28.0 Q13.6 25.1 19.8 22.9Z'/%3E%3Cpath d='M17.0 25.2 Q10.3 29.5 0.2 23.0 Q9.1 21.9 16.3 20.9Z'/%3E%3Cpath d='M12.3 23.5 Q4.4 26.2 -4.8 17.8 Q4.8 18.8 12.6 19.4Z'/%3E%3Cpath d='M7.8 22.1 Q-0.2 22.9 -7.3 13.3 Q1.5 16.3 8.8 18.5Z'/%3E%3Cpath d='M4.1 21.1 Q-3.1 20.4 -7.4 10.6 Q-0.3 14.8 5.7 18.0Z'/%3E%3Cpath d='M2.2 20.5 Q-3.2 18.9 -4.7 10.6 Q0.2 14.7 4.1 18.1Z'/%3E%3C/g%3E%3Cpath d='M33.1 31.0 L30.1 28.4 L26.8 26.2 L23.3 24.2 L19.7 22.5 L15.9 21.1 L11.9 20.1 L7.7 19.2 L3.3 18.7 L3.1 19.9 L7.3 21.0 L11.2 22.3 L14.8 23.9 L18.2 25.7 L21.2 27.7 L24.0 29.9 L26.6 32.3 L28.9 35.0Z' fill='url(%23b)'/%3E%3Ccircle cx='31.0' cy='33.0' r='3' fill='%23FFFBEB'/%3E%3C/svg%3E");transform-origin:93.5% 72.7%;animation:b-wingl 1.5s ease-in-out infinite alternate}
.bn-phoenix::after{left:calc(50% + 7.3cqmin);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20.8 3.7 55.4 40.3'%3E%3Cdefs%3E%3ClinearGradient id='f0' gradientUnits='userSpaceOnUse' x1='30.2' y1='32.1' x2='22.0' y2='42.5'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f1' gradientUnits='userSpaceOnUse' x1='27.5' y1='29.7' x2='14.3' y2='40.7'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' gradientUnits='userSpaceOnUse' x1='24.2' y1='27.2' x2='5.4' y2='37.1'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' gradientUnits='userSpaceOnUse' x1='20.6' y1='24.9' x2='-3.8' y2='31.9'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f4' gradientUnits='userSpaceOnUse' x1='16.7' y1='23.0' x2='-11.6' y2='25.0'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f5' gradientUnits='userSpaceOnUse' x1='12.5' y1='21.5' x2='-17.6' y2='17.2'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f6' gradientUnits='userSpaceOnUse' x1='8.3' y1='20.3' x2='-19.3' y2='10.2'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f7' gradientUnits='userSpaceOnUse' x1='4.9' y1='19.6' x2='-17.4' y2='5.6'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f8' gradientUnits='userSpaceOnUse' x1='3.2' y1='19.3' x2='-11.4' y2='5.2'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3CradialGradient id='c' gradientUnits='userSpaceOnUse' cx='31.0' cy='33.0' r='34'%3E%3Cstop offset='.15' stop-color='%23FFFBEB'/%3E%3Cstop offset='.55' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='31.0' y1='33.0' x2='3.2' y2='19.3'%3E%3Cstop offset='0' stop-color='%23FFFBEB'/%3E%3Cstop offset='.6' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FB923C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='matrix(-1 0 0 1 13.8 0)'%3E%3Cg stroke='%237F1D1D' stroke-width='.8' stroke-linejoin='round'%3E%3Cpath d='M32.1 33.2 Q32.1 39.9 22.0 42.5 Q25.2 36.1 28.2 31.1Z' fill='url(%23f0)'/%3E%3Cpath d='M29.3 31.3 Q27.0 39.4 14.3 40.7 Q20.5 33.7 25.7 28.1Z' fill='url(%23f1)'/%3E%3Cpath d='M25.8 29.2 Q20.6 38.0 5.4 37.1 Q14.9 30.6 22.6 25.1Z' fill='url(%23f2)'/%3E%3Cpath d='M21.7 27.4 Q13.2 35.8 -3.8 31.9 Q9.1 27.0 19.4 22.5Z' fill='url(%23f3)'/%3E%3Cpath d='M17.3 25.7 Q5.9 32.5 -11.6 25.0 Q3.7 23.0 16.0 20.4Z' fill='url(%23f4)'/%3E%3Cpath d='M12.5 24.1 Q-0.9 28.2 -17.6 17.2 Q-1.1 18.8 12.4 18.9Z' fill='url(%23f5)'/%3E%3Cpath d='M7.8 22.7 Q-5.7 23.7 -19.3 10.2 Q-4.0 15.2 8.7 17.9Z' fill='url(%23f6)'/%3E%3Cpath d='M4.1 21.6 Q-8.0 20.1 -17.4 5.6 Q-4.9 12.8 5.8 17.6Z' fill='url(%23f7)'/%3E%3Cpath d='M2.1 20.8 Q-6.9 18.0 -11.4 5.2 Q-3.0 12.4 4.3 17.7Z' fill='url(%23f8)'/%3E%3C/g%3E%3Cg fill='url(%23c)' stroke='%23EA580C' stroke-width='.5' stroke-linejoin='round'%3E%3Cpath d='M31.6 33.1 Q32.0 37.3 25.1 37.8 Q26.7 33.9 28.7 31.2Z'/%3E%3Cpath d='M28.9 31.0 Q27.8 36.2 19.5 35.6 Q22.9 31.4 26.2 28.4Z'/%3E%3Cpath d='M25.3 28.9 Q22.4 34.5 12.9 32.2 Q18.4 28.2 23.1 25.4Z'/%3E%3Cpath d='M21.3 26.9 Q16.4 32.3 6.2 28.0 Q13.6 25.1 19.8 22.9Z'/%3E%3Cpath d='M17.0 25.2 Q10.3 29.5 0.2 23.0 Q9.1 21.9 16.3 20.9Z'/%3E%3Cpath d='M12.3 23.5 Q4.4 26.2 -4.8 17.8 Q4.8 18.8 12.6 19.4Z'/%3E%3Cpath d='M7.8 22.1 Q-0.2 22.9 -7.3 13.3 Q1.5 16.3 8.8 18.5Z'/%3E%3Cpath d='M4.1 21.1 Q-3.1 20.4 -7.4 10.6 Q-0.3 14.8 5.7 18.0Z'/%3E%3Cpath d='M2.2 20.5 Q-3.2 18.9 -4.7 10.6 Q0.2 14.7 4.1 18.1Z'/%3E%3C/g%3E%3Cpath d='M33.1 31.0 L30.1 28.4 L26.8 26.2 L23.3 24.2 L19.7 22.5 L15.9 21.1 L11.9 20.1 L7.7 19.2 L3.3 18.7 L3.1 19.9 L7.3 21.0 L11.2 22.3 L14.8 23.9 L18.2 25.7 L21.2 27.7 L24.0 29.9 L26.6 32.3 L28.9 35.0Z' fill='url(%23b)'/%3E%3Ccircle cx='31.0' cy='33.0' r='3' fill='%23FFFBEB'/%3E%3C/g%3E%3C/svg%3E");transform-origin:6.5% 72.7%;animation:b-wingr 1.5s ease-in-out infinite alternate}
@keyframes b-wingl{from{transform:rotate(-9deg) scale(.97,.9)}to{transform:rotate(8deg) scale(1.02,1.06)}}
@keyframes b-wingr{from{transform:rotate(9deg) scale(.97,.9)}to{transform:rotate(-8deg) scale(1.02,1.06)}}
/*END-PHXB*/
.bn-void{background:radial-gradient(60% 55% at 50% 46%,#1E0B45,#05030D 70%)}
.bn-void::before{left:50%;top:46%;width:118cqmin;height:118cqmin;margin:-59cqmin 0 0 -59cqmin;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 8%,#7C3AED 22%,#22D3EE 30%,transparent 42% 58%,#C026D3 72%,#F0ABFC 79%,transparent 92%);-webkit-mask-image:radial-gradient(circle,transparent 0 30%,#000 38% 52%,transparent 68%);mask-image:radial-gradient(circle,transparent 0 30%,#000 38% 52%,transparent 68%);filter:blur(1.2cqmin);animation:b-spin 9s linear infinite}
.bn-void::after{left:50%;top:46%;width:150cqmin;height:150cqmin;margin:-75cqmin 0 0 -75cqmin;border-radius:50%;background:conic-gradient(from 90deg,transparent 0 20%,rgba(34,211,238,.7) 30%,transparent 40% 70%,rgba(192,132,252,.7) 82%,transparent 92%);-webkit-mask-image:radial-gradient(circle,transparent 0 44%,#000 47% 49%,transparent 53%);mask-image:radial-gradient(circle,transparent 0 44%,#000 47% 49%,transparent 53%);animation:b-spin 14s linear infinite reverse}
.bn-void i{left:50%;top:46%;width:200cqmax;height:200cqmax;margin:-100cqmax 0 0 -100cqmax;background:radial-gradient(circle,#fff 0 1px,transparent 1.6px) 0 0/83px 67px,radial-gradient(circle,#E9B8FF 0 1.3px,transparent 2px) 37px 29px/131px 103px;animation:b-pull 4s linear infinite}
.bn-void i:nth-child(2){animation-delay:-2s}
@keyframes b-pull{0%{transform:scale(1.5) rotate(0);opacity:0}25%{opacity:1}100%{transform:scale(.12) rotate(70deg);opacity:0}}
.bn-emperor{background:radial-gradient(70% 62% at 50% 46%,#5A4108,#1A1203 60%,#0A0703)}
.bn-emperor::before{left:50%;top:46%;width:240cqmax;height:240cqmax;margin:-120cqmax 0 0 -120cqmax;border-radius:50%;background:repeating-conic-gradient(rgba(253,224,71,.3) 0 5deg,transparent 5deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 0 12%,transparent 46%);mask-image:radial-gradient(circle,#000 0 12%,transparent 46%);animation:b-spin 50s linear infinite}
.bn-emperor i:nth-child(1){inset:-220px 0 0 0;background:radial-gradient(circle,#FDE047 0 1.2px,transparent 1.8px) 0 0/67px 110px,radial-gradient(circle,#FFF7CC 0 .9px,transparent 1.5px) 31px 60px/101px 220px;animation:b-fall 10s linear infinite}
.bn-emperor i:nth-child(2){inset:0;background:repeating-linear-gradient(90deg,#7F1D1D 0 2.2cqmin,#450A0A 2.2cqmin 3.4cqmin,#991B1B 3.4cqmin 5.6cqmin,#5B1010 5.6cqmin 7cqmin);-webkit-mask-image:linear-gradient(90deg,#000 0 9%,transparent 17% 83%,#000 91%);mask-image:linear-gradient(90deg,#000 0 9%,transparent 17% 83%,#000 91%);box-shadow:inset 0 3cqmin 0 #B8860B}
.bn-emperor::after{inset:0;background:linear-gradient(110deg,transparent 42%,rgba(255,241,184,.35) 50%,transparent 58%) 160% 0/250% 100% no-repeat;animation:b-sheen 5s ease-in-out infinite}
@keyframes b-sheen{0%,55%{background-position:160% 0}100%{background-position:-60% 0}}
.bn-glass{background:#14100D}
.bn-glass::before{left:50%;top:46%;width:150cqmin;height:150cqmin;margin:-75cqmin 0 0 -75cqmin;border-radius:50%;background:repeating-conic-gradient(#1FA85A 0 27deg,#14100D 27deg 30deg,#F0A020 30deg 57deg,#14100D 57deg 60deg,#E11D48 60deg 87deg,#14100D 87deg 90deg,#3B82F6 90deg 117deg,#14100D 117deg 120deg,#A855F7 120deg 147deg,#14100D 147deg 150deg,#14B8A6 150deg 177deg,#14100D 177deg 180deg);-webkit-mask-image:radial-gradient(circle,transparent 0 33%,#000 34% 47%,transparent 48% 50%,#000 51% 60%,transparent 61%);mask-image:radial-gradient(circle,transparent 0 33%,#000 34% 47%,transparent 48% 50%,#000 51% 60%,transparent 61%);animation:b-spin 90s linear infinite}
.bn-glass i:nth-child(1){left:50%;top:46%;width:250cqmax;height:250cqmax;margin:-125cqmax 0 0 -125cqmax;border-radius:50%;background:repeating-conic-gradient(from 15deg,#A855F7 0 13deg,#14100D 13deg 15deg,#3B82F6 15deg 28deg,#14100D 28deg 30deg,#F0A020 30deg 43deg,#14100D 43deg 45deg,#E11D48 45deg 58deg,#14100D 58deg 60deg);-webkit-mask-image:radial-gradient(circle,transparent 0 18.8%,#000 19% 60%);mask-image:radial-gradient(circle,transparent 0 18.8%,#000 19% 60%);opacity:.5;animation:b-spin 140s linear infinite reverse}
.bn-glass i:nth-child(2){inset:0;background:radial-gradient(40% 30% at 22% 96%,rgba(31,168,90,.7),transparent),radial-gradient(40% 30% at 50% 100%,rgba(240,160,32,.7),transparent),radial-gradient(40% 30% at 78% 96%,rgba(168,85,247,.7),transparent);animation:b-twinkle 3s ease-in-out infinite alternate}
.bn-glass::after{inset:-20%;background:linear-gradient(118deg,transparent 40%,rgba(255,255,255,.3) 47%,rgba(255,255,255,.06) 54%,transparent 60%);animation:b-beam 7s ease-in-out infinite}
@keyframes b-beam{0%{transform:translateX(-70%)}60%,100%{transform:translateX(70%)}}

/* Earned */
.bn-lgold{background:radial-gradient(80% 70% at 50% 40%,#8A6508,#2A1D00 70%,#120C00)}
.bn-ldiamond{background:linear-gradient(120deg,#0C4A6E,#0EA5E9 25%,#7DD3FC 40%,#C4B5FD 55%,#0EA5E9 75%,#0C4A6E) 0 0/220% 100%;animation:b-flow 9s linear infinite}
@keyframes b-flow{to{background-position:-220% 0}}
.bn-ldiamond::before{inset:0;background:repeating-conic-gradient(from 20deg at 50% 46%,rgba(255,255,255,.16) 0 15deg,transparent 15deg 30deg,rgba(0,0,0,.14) 30deg 45deg,transparent 45deg 60deg)}
.bn-ldiamond::after{inset:0;background:linear-gradient(rgba(6,26,51,.15),rgba(6,26,51,.7))}
.bn-lgold::before,.bn-lmaster::before,.bn-llegend::before{left:50%;top:46%;width:240cqmax;height:240cqmax;margin:-120cqmax 0 0 -120cqmax;border-radius:50%;background:repeating-conic-gradient(rgba(253,224,71,.22) 0 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 0 10%,transparent 44%);mask-image:radial-gradient(circle,#000 0 10%,transparent 44%)}
.bn-lmaster{background:radial-gradient(70% 62% at 50% 46%,#3A2A05,#0C0A07 62%)}
.bn-lmaster::before{animation:b-spin 60s linear infinite}
.bn-lmaster i,.bn-llegend i{top:46%;width:38cqmin;height:70cqmin;margin-top:-38cqmin;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -2 24 42'%3E%3Cpath d='M15 39 Q2 26 8 3' fill='none' stroke='%238A6508' stroke-width='1.4' stroke-linecap='round'/%3E%3Cellipse cx='11.8' cy='35' rx='2.6' ry='5.6' transform='rotate(-38 11.8 35)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='18.4' cy='33' rx='2.3' ry='5' transform='rotate(34 18.4 33)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='5.8' cy='28' rx='2.6' ry='5.6' transform='rotate(-24 5.8 28)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='12.4' cy='26' rx='2.3' ry='5' transform='rotate(46 12.4 26)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='2.3' cy='20' rx='2.6' ry='5.6' transform='rotate(-10 2.3 20)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='8.9' cy='18' rx='2.3' ry='5' transform='rotate(58 8.9 18)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='1.7999999999999998' cy='12' rx='2.6' ry='5.6' transform='rotate(4 1.7999999999999998 12)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='8.4' cy='10' rx='2.3' ry='5' transform='rotate(70 8.4 10)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='8.4' cy='2.5' rx='2.2' ry='4.6' transform='rotate(12 8.4 2.5)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.5}
.bn-lmaster i:nth-child(1),.bn-llegend i:nth-child(1){left:50%;margin-left:-68cqmin}
.bn-lmaster i:nth-child(2),.bn-llegend i:nth-child(2){left:50%;margin-left:30cqmin;transform:scaleX(-1)}
.bn-lmaster::after,.bn-lgold::after{inset:0;background:linear-gradient(110deg,transparent 42%,rgba(255,241,184,.3) 50%,transparent 58%) 160% 0/250% 100% no-repeat;animation:b-sheen 6s ease-in-out infinite}
.bn-llegend{background:radial-gradient(70% 62% at 50% 46%,#9A3412,#3A1505 55%,#0C0502)}
.bn-llegend::before{background:repeating-conic-gradient(rgba(254,240,138,.4) 0 6deg,transparent 6deg 18deg);animation:b-spin 24s linear infinite}
.bn-llegend::after{left:-10%;right:-10%;bottom:-26cqmin;height:60cqmin;border-radius:50%;background:radial-gradient(closest-side,rgba(254,240,138,.95),rgba(249,115,22,.55) 45%,rgba(249,115,22,0));animation:b-glow 1.5s ease-in-out infinite alternate}
.bn-harvest{background:linear-gradient(#7C2D12,#C2410C 45%,#F59E0B 78%,#FDE68A)}
.bn-harvest::before{left:50%;bottom:-22cqmin;width:70cqmin;height:70cqmin;margin-left:-35cqmin;border-radius:50%;background:radial-gradient(closest-side,#FFFBEB,#FDE047 45%,rgba(253,224,71,0))}
.bn-harvest i{inset:-240px -60px 0 -60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 240'%3E%3Cg transform='translate(24 40) rotate(30)'%3E%3Cpath d='M0 -11 Q10 -3 0 12 Q-10 -3 0 -11Z' fill='%23F59E0B'/%3E%3Cpath d='M0 -9 V14' stroke='%237C2D12' stroke-width='1.2'/%3E%3C/g%3E%3Cg transform='translate(88 120) rotate(-40)'%3E%3Cpath d='M0 -11 Q10 -3 0 12 Q-10 -3 0 -11Z' fill='%23DC2626'/%3E%3Cpath d='M0 -9 V14' stroke='%237C2D12' stroke-width='1.2'/%3E%3C/g%3E%3Cg transform='translate(46 200) rotate(75)'%3E%3Cpath d='M0 -11 Q10 -3 0 12 Q-10 -3 0 -11Z' fill='%23FBBF24'/%3E%3Cpath d='M0 -9 V14' stroke='%237C2D12' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 240px;animation:b-leaf 9s linear infinite}
.bn-harvest i:nth-child(2){background-position:60px 110px;background-size:170px 240px;animation-duration:13s;opacity:.75}
@keyframes b-leaf{to{transform:translate(44px,240px)}}
.bn-harvest::after{left:0;right:0;bottom:0;height:16%;background:radial-gradient(60% 100% at 20% 100%,#451A03 0 60%,transparent 62%),radial-gradient(50% 90% at 80% 100%,#3A1503 0 60%,transparent 62%)}
.bn-founder{background:repeating-radial-gradient(circle at 50% 46%,transparent 0 3.4cqmin,rgba(0,0,0,.22) 3.4cqmin 4cqmin),radial-gradient(circle at 50% 46%,#B0703A,#5A3214 60%,#24130A)}
.bn-founder::before{left:50%;top:46%;width:96cqmin;height:96cqmin;margin:-48cqmin 0 0 -48cqmin;background:rgba(245,158,11,.55);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:b-spin 80s linear infinite}
.bn-founder::after{inset:0;background:linear-gradient(110deg,transparent 42%,rgba(255,225,180,.3) 50%,transparent 58%) 160% 0/250% 100% no-repeat;animation:b-sheen 6s ease-in-out infinite}

/* ---------------- chat bubbles. Markup: <div class="msg [mine]"><div class="bb bb-ID [new]">text</div></div>
   The inside of a bubble is always a calm, solid surface with high-contrast text. Decoration lives on the border and outside it. */
.bb{position:relative;display:inline-block;max-width:100%;padding:.6em .85em;border-radius:1.1em;border:1px solid var(--bd);background:var(--bg);color:var(--ink);font:500 15px/1.35 'Nunito',system-ui,sans-serif;text-align:left;overflow-wrap:anywhere;isolation:isolate;--bg:#1B2740;--bd:#2B3B5C;--ink:#F1F5F9}
[data-theme="light"] .bb-plain{--bg:#FFFFFF;--bd:#C9DAF5;--ink:#0F172A}   /* only Plain follows the theme; every other bubble carries its own surface */
.msg.mine .bb{border-bottom-right-radius:.3em}.msg:not(.mine) .bb{border-bottom-left-radius:.3em}
.bb::before,.bb::after{pointer-events:none}
.msg.new{animation:bpop .32s cubic-bezier(.2,1.5,.4,1);transform-origin:0 100%}.msg.mine.new{transform-origin:100% 100%}
@keyframes bpop{from{transform:scale(.6);opacity:0}}
.old .bb,.old .bb::before,.old .bb::after{animation:none!important}
.old.msg{animation:none}
@media (prefers-reduced-motion:reduce){.msg,.bb,.bb::before,.bb::after{animation:none!important}}

/* Common: a tinted fill */
.bb-coral{--bg:#4C1220;--bd:#FB7185;--ink:#FFE4E6}.bb-amber{--bg:#422006;--bd:#FBBF24;--ink:#FEF3C7}.bb-mint{--bg:#052E24;--bd:#34D399;--ink:#D1FAE5}.bb-sky{--bg:#082F49;--bd:#38BDF8;--ink:#E0F2FE}.bb-violet{--bg:#2E1065;--bd:#A78BFA;--ink:#EDE9FE}.bb-pink{--bg:#500724;--bd:#F472B6;--ink:#FCE7F3}
[data-theme="light"] .bb-coral{--bg:#FFE4E6;--ink:#881337}[data-theme="light"] .bb-amber{--bg:#FEF3C7;--bd:#F59E0B;--ink:#78350F}[data-theme="light"] .bb-mint{--bg:#D1FAE5;--bd:#10B981;--ink:#064E3B}[data-theme="light"] .bb-sky{--bg:#E0F2FE;--bd:#0EA5E9;--ink:#0C4A6E}[data-theme="light"] .bb-violet{--bg:#EDE9FE;--bd:#8B5CF6;--ink:#4C1D95}[data-theme="light"] .bb-pink{--bg:#FCE7F3;--bd:#EC4899;--ink:#831843}

/* Rare: a material or a shape */
.bb.bb-comic{--bg:#fff;--ink:#111;border:.16em solid #111;border-radius:1.2em;font-weight:800;box-shadow:.18em .22em 0 #111;margin-bottom:.6em}
.bb-comic::before,.bb-comic::after{content:'';position:absolute;top:100%;left:1.1em;width:1em;height:.8em;clip-path:polygon(0 0,100% 0,30% 100%)}
.bb-comic::before{background:#111;transform:translate(-.1em,0) scale(1.35);transform-origin:50% 0}.bb-comic::after{background:#fff;margin-top:-.14em}
.mine .bb-comic::before,.mine .bb-comic::after{left:auto;right:1.1em;clip-path:polygon(0 0,100% 0,70% 100%)}.mine .bb-comic::before{transform:translate(.1em,0) scale(1.35)}
.bb.bb-note{--bg:#FDE68A;--ink:#3A2A06;border:0;border-radius:.15em;box-shadow:0 .25em .55em rgba(0,0,0,.35);transform:rotate(-1.6deg);font-weight:700;margin-top:.5em}.mine .bb-note{transform:rotate(1.6deg)}
.bb-note::before{content:'';position:absolute;top:-.5em;left:50%;width:2.8em;height:.95em;margin-left:-1.4em;background:rgba(255,255,255,.6);box-shadow:0 1px 2px rgba(0,0,0,.2);transform:rotate(-3deg)}
.bb-note::after{content:'';position:absolute;right:0;bottom:0;width:.8em;height:.8em;background:linear-gradient(135deg,#D9B84A 50%,rgba(0,0,0,.18) 50%);clip-path:polygon(100% 0,0 100%,100% 100%)}
.bb.bb-chalk{--bg:#23382F;--ink:#fff;border:.13em dashed rgba(255,255,255,.8);border-radius:1em 1.3em .9em 1.2em/1.2em .9em 1.3em 1em;font-weight:700}
.bb.bb-neon{--bg:#0A0714;--ink:#F5D0FE;border:.12em solid #F0ABFC;box-shadow:0 0 .6em #D946EF,inset 0 0 .7em rgba(217,70,239,.35)}
.bb.bb-pixel{--bg:#262650;--ink:#fff;border:0;border-radius:0!important;font-weight:800;margin:.25em;box-shadow:0 -.22em 0 0 #9A9AE0,0 .22em 0 0 #9A9AE0,-.22em 0 0 0 #9A9AE0,.22em 0 0 0 #9A9AE0,inset -.2em -.2em 0 0 #15153A,inset .2em .2em 0 0 #3A3A78}
.bb.bb-candy{--ink:#fff;border:0;background:linear-gradient(#FF8FC7,#F0409A);border-radius:1.4em;box-shadow:0 .22em 0 #B81F6E;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.22)}
.bb-candy::before{content:'';position:absolute;z-index:-1;top:.2em;left:.8em;right:.8em;height:38%;border-radius:1em;background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,0))}
.bb.bb-blueprint{--ink:#fff;border:1px solid rgba(255,255,255,.85);border-radius:.15em;background:repeating-linear-gradient(rgba(255,255,255,.13) 0 1px,transparent 1px .8em),repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 1px,transparent 1px .8em),#143F86;font-weight:700}
.bb-blueprint::before,.bb-blueprint::after{content:'';position:absolute;width:.6em;height:.6em;border:1px solid #fff}
.bb-blueprint::before{left:-.38em;top:-.38em;border-right:0;border-bottom:0}.bb-blueprint::after{right:-.38em;bottom:-.38em;border-left:0;border-top:0}

/* Epic: the border is alive */
.bb.bb-frost{--bg:#0C2A44;--ink:#E0F7FF;border:.15em solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#fff,#7DD3FC,#E0F2FE,#38BDF8) border-box;box-shadow:0 0 .7em rgba(125,211,252,.5)}
[data-theme="light"] .bb-frost{--bg:#E8F7FF;--ink:#0C4A6E}
.bb.bb-frost{margin-bottom:.75em}
.bb-frost::before{content:'';position:absolute;left:.7em;right:.7em;top:calc(100% + .1em);height:.7em;background:linear-gradient(#fff,#7DD3FC);clip-path:polygon(0 0,100% 0,97% 45%,94% 0,86% 0,82% 100%,78% 0,68% 0,65% 55%,62% 0,50% 0,46% 85%,42% 0,31% 0,28% 40%,25% 0,15% 0,11% 95%,7% 0,3% 0,1.5% 35%);filter:drop-shadow(0 0 .15em #7DD3FC)}
.bb-frost::after{content:'';position:absolute;right:-.4em;top:-.45em;width:.95em;height:.95em;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:btw 2.4s ease-in-out infinite}
@keyframes btw{0%,100%{transform:scale(.2) rotate(0)}50%{transform:scale(1) rotate(90deg)}}
.bb.bb-ember{--ink:#FFE1C4;border:.14em solid #F97316;background:linear-gradient(0deg,rgba(234,88,12,.55),rgba(234,88,12,0) 60%),#1A0D08;animation:bember 1.6s ease-in-out infinite alternate;margin-top:.5em}
@keyframes bember{from{box-shadow:0 0 .3em rgba(249,115,22,.45),inset 0 0 .4em rgba(249,115,22,.15);border-color:#C2410C}to{box-shadow:0 0 1em rgba(239,68,68,.95),inset 0 0 .8em rgba(249,115,22,.4);border-color:#FDBA74}}
.bb-ember::after{content:'';position:absolute;z-index:-1;left:.3em;right:.3em;bottom:100%;height:1.2em;background:radial-gradient(circle,#FDBA74 0 .07em,transparent .09em) 0 0/1.7em 1.2em,radial-gradient(circle,#F97316 0 .055em,transparent .075em) .8em .5em/2.3em 1.2em;-webkit-mask-image:linear-gradient(to top,#000 20%,transparent 95%);mask-image:linear-gradient(to top,#000 20%,transparent 95%);animation:bspark 1.8s linear infinite}
@keyframes bspark{from{background-position:0 1.2em,.8em 1.7em}to{background-position:0 0,.8em .5em}}
.bb.bb-rainbow{--bg:#0F172A;border:.17em solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(90deg,#F87171,#FBBF24,#A3E635,#22D3EE,#818CF8,#E879F9,#F87171,#FBBF24,#A3E635,#22D3EE,#818CF8,#E879F9,#F87171) 0 0/200% 100% border-box;animation:bflow 4s linear infinite}
[data-theme="light"] .bb-rainbow{--bg:#fff;--ink:#0F172A}
@keyframes bflow{to{background-position:0 0,100% 0}}
.bb.bb-ocean{--ink:#E0F7FF;border:0;background:linear-gradient(#0C6FA6,#063A66);overflow:hidden;padding-bottom:.9em}
.bb-ocean::after{content:'';position:absolute;z-index:-1;left:-1.4em;right:0;bottom:0;height:.75em;background:radial-gradient(circle at 50% -30%,transparent 0 .62em,rgba(125,211,252,.75) .64em) 0 0/1.4em 100% repeat-x;animation:bwave 1.8s linear infinite}
.bb-ocean::before{content:'';position:absolute;z-index:-1;left:-1.4em;right:0;bottom:0;height:.55em;background:radial-gradient(circle at 50% -30%,transparent 0 .62em,rgba(224,247,255,.5) .64em) .7em 0/1.4em 100% repeat-x;animation:bwave 2.6s linear infinite reverse}
@keyframes bwave{to{transform:translateX(1.4em)}}
.bb.bb-clock{--bg:#1E1408;--ink:#F5E1B0;border:.14em solid #E0A030;box-shadow:inset 0 0 0 .1em #6B4418}
.bb.bb-clock{margin-top:.6em}
.bb-clock::before,.bb-clock::after{content:'';position:absolute;background:center/contain no-repeat}
.bb-clock::after{right:-.7em;top:-.85em;width:1.7em;height:1.7em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.3 10.5 L21.9 10.7 L21.9 13.3 L19.3 13.5 L18.2 16.1 L19.9 18.1 L18.1 19.9 L16.1 18.2 L13.5 19.3 L13.3 21.9 L10.7 21.9 L10.5 19.3 L7.9 18.2 L5.9 19.9 L4.1 18.1 L5.8 16.1 L4.7 13.5 L2.1 13.3 L2.1 10.7 L4.7 10.5 L5.8 7.9 L4.1 5.9 L5.9 4.1 L7.9 5.8 L10.5 4.7 L10.7 2.1 L13.3 2.1 L13.5 4.7 L16.1 5.8 L18.1 4.1 L19.9 5.9 L18.2 7.9Z' fill='%23E0A030' stroke='%236B4418' stroke-width='1'/%3E%3Ccircle cx='12' cy='12' r='3.2' fill='%231E1408' stroke='%236B4418' stroke-width='1'/%3E%3C/svg%3E");animation:bgear 3.2s steps(16) infinite}
.bb-clock::before{right:.72em;top:-1.02em;width:1.25em;height:1.25em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.3 10.5 L21.9 10.7 L21.9 13.3 L19.3 13.5 L18.2 16.1 L19.9 18.1 L18.1 19.9 L16.1 18.2 L13.5 19.3 L13.3 21.9 L10.7 21.9 L10.5 19.3 L7.9 18.2 L5.9 19.9 L4.1 18.1 L5.8 16.1 L4.7 13.5 L2.1 13.3 L2.1 10.7 L4.7 10.5 L5.8 7.9 L4.1 5.9 L5.9 4.1 L7.9 5.8 L10.5 4.7 L10.7 2.1 L13.3 2.1 L13.5 4.7 L16.1 5.8 L18.1 4.1 L19.9 5.9 L18.2 7.9Z' fill='%23B07C22' stroke='%234A2E0E' stroke-width='1'/%3E%3Ccircle cx='12' cy='12' r='3.2' fill='%231E1408' stroke='%234A2E0E' stroke-width='1'/%3E%3C/svg%3E");animation:bgear 3.2s steps(16) infinite reverse}
@keyframes bgear{to{transform:rotate(360deg)}}
.bb.bb-storm{--bg:#0E1524;--ink:#DCE8FF;border:.14em solid #5B7FB8;margin-top:.85em;animation:bzap 3s infinite}
@keyframes bzap{0%,45%,49%,55%,100%{box-shadow:0 0 .35em rgba(96,165,250,.45)}47%,51%{box-shadow:0 0 1.3em #BFDBFE,inset 0 0 .9em rgba(191,219,254,.5);border-color:#fff}}
.bb-storm::before{content:'';position:absolute;right:-.5em;bottom:calc(100% - .5em);width:2.5em;height:1.25em;background:radial-gradient(circle at 26% 66%,#64748B 0 .44em,transparent .46em),radial-gradient(circle at 52% 44%,#94A3B8 0 .54em,transparent .56em),radial-gradient(circle at 77% 66%,#64748B 0 .42em,transparent .44em),linear-gradient(#64748B,#64748B) 50% 100%/58% 36% no-repeat;filter:drop-shadow(0 .1em .1em rgba(0,0,0,.5))}
.bb-storm::after{content:'';position:absolute;right:-.62em;top:.05em;width:.8em;height:1.35em;background:#FDE047;clip-path:polygon(55% 0,0 58%,42% 58%,28% 100%,100% 38%,56% 38%,78% 0);animation:bbolt 3s steps(1) infinite}
@keyframes bbolt{0%,100%{opacity:.5}47%{opacity:1;transform:scale(1.25)}49%{opacity:.5;transform:none}51%{opacity:1;transform:scale(1.2)}55%{opacity:.5;transform:none}}
.old .bb-storm::after{opacity:.7}

/* Legendary: the effect leaves the bubble */
/*PHX*/
.bb.bb-phoenix{--bg:#170805;--ink:#FFE9D0;border:.16em solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(180deg,#FDE047,#FB923C 45%,#DC2626) border-box;margin:1.33em 1.06em .15em;animation:bheat 1.7s ease-in-out infinite alternate}
@keyframes bheat{from{box-shadow:0 -.1em .5em -.1em rgba(251,146,60,.5),0 0 .5em rgba(220,38,38,.4),inset 0 .55em .5em -.5em rgba(251,146,60,.3)}to{box-shadow:0 -.3em 1.1em -.1em rgba(253,186,116,.9),0 0 1em rgba(220,38,38,.7),inset 0 .7em .6em -.5em rgba(251,146,60,.6)}}
.bb-phoenix::before,.bb-phoenix::after{content:'';position:absolute;z-index:-1;bottom:calc(100% - 0.58em);width:2.20em;height:2.54em;background-position:50% 100%,0 0,.55em .5em,50% 85%;background-size:100% auto,1.1em 1.15em,1.3em 1.15em,100% 78%;background-repeat:no-repeat,repeat,repeat,no-repeat;-webkit-mask-image:linear-gradient(to top,#000 64%,transparent 97%);mask-image:linear-gradient(to top,#000 64%,transparent 97%)}
.bb-phoenix::before{left:-1.01em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-9.3 6.5 44.1 35.8'%3E%3Cdefs%3E%3ClinearGradient id='f0' gradientUnits='userSpaceOnUse' x1='30.3' y1='32.1' x2='20.4' y2='40.8'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f1' gradientUnits='userSpaceOnUse' x1='28.0' y1='29.7' x2='12.6' y2='37.5'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' gradientUnits='userSpaceOnUse' x1='24.7' y1='27.1' x2='4.0' y2='31.8'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' gradientUnits='userSpaceOnUse' x1='21.0' y1='24.8' x2='-3.3' y2='24.3'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f4' gradientUnits='userSpaceOnUse' x1='16.8' y1='22.8' x2='-7.7' y2='16.2'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f5' gradientUnits='userSpaceOnUse' x1='12.6' y1='21.2' x2='-7.8' y2='9.9'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f6' gradientUnits='userSpaceOnUse' x1='9.7' y1='20.4' x2='-3.6' y2='8.0'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3CradialGradient id='c' gradientUnits='userSpaceOnUse' cx='31.0' cy='33.0' r='34'%3E%3Cstop offset='.15' stop-color='%23FFFBEB'/%3E%3Cstop offset='.55' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='31.0' y1='33.0' x2='9.7' y2='20.4'%3E%3Cstop offset='0' stop-color='%23FFFBEB'/%3E%3Cstop offset='.6' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FB923C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='%237F1D1D' stroke-width='.8' stroke-linejoin='round'%3E%3Cpath d='M31.9 33.5 Q30.6 40.0 20.4 40.8 Q24.8 35.1 28.7 30.8Z' fill='url(%23f0)'/%3E%3Cpath d='M29.3 31.6 Q25.2 38.9 12.6 37.5 Q20.3 32.2 26.6 27.9Z' fill='url(%23f1)'/%3E%3Cpath d='M25.7 29.4 Q18.3 36.4 4.0 31.8 Q14.9 28.1 23.8 24.8Z' fill='url(%23f2)'/%3E%3Cpath d='M21.3 27.3 Q11.2 32.5 -3.3 24.3 Q9.9 23.6 20.6 22.3Z' fill='url(%23f3)'/%3E%3Cpath d='M16.5 25.2 Q4.9 27.6 -7.7 16.2 Q5.8 19.0 17.0 20.4Z' fill='url(%23f4)'/%3E%3Cpath d='M11.8 23.3 Q1.0 22.9 -7.8 9.9 Q3.7 15.4 13.3 19.2Z' fill='url(%23f5)'/%3E%3Cpath d='M8.7 22.0 Q0.4 19.8 -3.6 8.0 Q4.2 14.2 10.8 18.8Z' fill='url(%23f6)'/%3E%3C/g%3E%3Cg fill='url(%23c)' stroke='%23EA580C' stroke-width='.5' stroke-linejoin='round'%3E%3Cpath d='M31.5 33.3 Q30.9 37.5 24.2 36.7 Q26.6 33.3 29.1 31.0Z'/%3E%3Cpath d='M28.9 31.3 Q26.6 35.9 18.8 33.6 Q23.2 30.4 27.0 28.2Z'/%3E%3Cpath d='M25.4 29.0 Q21.1 33.5 12.6 29.0 Q18.9 26.7 24.1 25.2Z'/%3E%3Cpath d='M21.1 26.8 Q15.1 30.1 7.0 23.5 Q14.6 23.1 20.9 22.8Z'/%3E%3Cpath d='M16.4 24.6 Q9.5 26.3 2.9 18.0 Q10.7 19.6 17.1 20.9Z'/%3E%3Cpath d='M11.9 22.8 Q5.3 22.8 1.2 13.9 Q7.9 17.1 13.3 19.7Z'/%3E%3Cpath d='M8.8 21.6 Q3.7 20.5 2.5 12.7 Q7.1 16.2 10.7 19.2Z'/%3E%3C/g%3E%3Cpath d='M33.3 31.2 L31.1 29.1 L28.6 27.2 L26.0 25.5 L23.2 24.0 L20.2 22.7 L16.9 21.6 L13.5 20.6 L9.9 19.8 L9.6 21.0 L13.0 22.3 L16.1 23.8 L18.9 25.3 L21.4 27.0 L23.7 28.8 L25.6 30.7 L27.3 32.7 L28.7 34.8Z' fill='url(%23b)'/%3E%3Ccircle cx='31.0' cy='33.0' r='3' fill='%23FFFBEB'/%3E%3C/svg%3E"),radial-gradient(circle,#FDBA74 0 .055em,transparent .075em),radial-gradient(circle,#FEF08A 0 .045em,transparent .065em),radial-gradient(closest-side,rgba(251,146,60,.5),rgba(251,146,60,0));transform-origin:91.4% 81.8%;animation:bwingl 1.3s ease-in-out infinite alternate,bsparks 1.5s linear infinite}
.bb-phoenix::after{right:-1.01em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-9.3 6.5 44.1 35.8'%3E%3Cdefs%3E%3ClinearGradient id='f0' gradientUnits='userSpaceOnUse' x1='30.3' y1='32.1' x2='20.4' y2='40.8'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f1' gradientUnits='userSpaceOnUse' x1='28.0' y1='29.7' x2='12.6' y2='37.5'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f2' gradientUnits='userSpaceOnUse' x1='24.7' y1='27.1' x2='4.0' y2='31.8'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f3' gradientUnits='userSpaceOnUse' x1='21.0' y1='24.8' x2='-3.3' y2='24.3'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f4' gradientUnits='userSpaceOnUse' x1='16.8' y1='22.8' x2='-7.7' y2='16.2'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f5' gradientUnits='userSpaceOnUse' x1='12.6' y1='21.2' x2='-7.8' y2='9.9'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3ClinearGradient id='f6' gradientUnits='userSpaceOnUse' x1='9.7' y1='20.4' x2='-3.6' y2='8.0'%3E%3Cstop offset='.1' stop-color='%23FDBA74'/%3E%3Cstop offset='.5' stop-color='%23F97316'/%3E%3Cstop offset='.85' stop-color='%23DC2626'/%3E%3Cstop offset='1' stop-color='%23991B1B'/%3E%3C/linearGradient%3E%3CradialGradient id='c' gradientUnits='userSpaceOnUse' cx='31.0' cy='33.0' r='34'%3E%3Cstop offset='.15' stop-color='%23FFFBEB'/%3E%3Cstop offset='.55' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='31.0' y1='33.0' x2='9.7' y2='20.4'%3E%3Cstop offset='0' stop-color='%23FFFBEB'/%3E%3Cstop offset='.6' stop-color='%23FDE047'/%3E%3Cstop offset='1' stop-color='%23FB923C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='matrix(-1 0 0 1 25.5 0)'%3E%3Cg stroke='%237F1D1D' stroke-width='.8' stroke-linejoin='round'%3E%3Cpath d='M31.9 33.5 Q30.6 40.0 20.4 40.8 Q24.8 35.1 28.7 30.8Z' fill='url(%23f0)'/%3E%3Cpath d='M29.3 31.6 Q25.2 38.9 12.6 37.5 Q20.3 32.2 26.6 27.9Z' fill='url(%23f1)'/%3E%3Cpath d='M25.7 29.4 Q18.3 36.4 4.0 31.8 Q14.9 28.1 23.8 24.8Z' fill='url(%23f2)'/%3E%3Cpath d='M21.3 27.3 Q11.2 32.5 -3.3 24.3 Q9.9 23.6 20.6 22.3Z' fill='url(%23f3)'/%3E%3Cpath d='M16.5 25.2 Q4.9 27.6 -7.7 16.2 Q5.8 19.0 17.0 20.4Z' fill='url(%23f4)'/%3E%3Cpath d='M11.8 23.3 Q1.0 22.9 -7.8 9.9 Q3.7 15.4 13.3 19.2Z' fill='url(%23f5)'/%3E%3Cpath d='M8.7 22.0 Q0.4 19.8 -3.6 8.0 Q4.2 14.2 10.8 18.8Z' fill='url(%23f6)'/%3E%3C/g%3E%3Cg fill='url(%23c)' stroke='%23EA580C' stroke-width='.5' stroke-linejoin='round'%3E%3Cpath d='M31.5 33.3 Q30.9 37.5 24.2 36.7 Q26.6 33.3 29.1 31.0Z'/%3E%3Cpath d='M28.9 31.3 Q26.6 35.9 18.8 33.6 Q23.2 30.4 27.0 28.2Z'/%3E%3Cpath d='M25.4 29.0 Q21.1 33.5 12.6 29.0 Q18.9 26.7 24.1 25.2Z'/%3E%3Cpath d='M21.1 26.8 Q15.1 30.1 7.0 23.5 Q14.6 23.1 20.9 22.8Z'/%3E%3Cpath d='M16.4 24.6 Q9.5 26.3 2.9 18.0 Q10.7 19.6 17.1 20.9Z'/%3E%3Cpath d='M11.9 22.8 Q5.3 22.8 1.2 13.9 Q7.9 17.1 13.3 19.7Z'/%3E%3Cpath d='M8.8 21.6 Q3.7 20.5 2.5 12.7 Q7.1 16.2 10.7 19.2Z'/%3E%3C/g%3E%3Cpath d='M33.3 31.2 L31.1 29.1 L28.6 27.2 L26.0 25.5 L23.2 24.0 L20.2 22.7 L16.9 21.6 L13.5 20.6 L9.9 19.8 L9.6 21.0 L13.0 22.3 L16.1 23.8 L18.9 25.3 L21.4 27.0 L23.7 28.8 L25.6 30.7 L27.3 32.7 L28.7 34.8Z' fill='url(%23b)'/%3E%3Ccircle cx='31.0' cy='33.0' r='3' fill='%23FFFBEB'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle,#FDBA74 0 .055em,transparent .075em),radial-gradient(circle,#FEF08A 0 .045em,transparent .065em),radial-gradient(closest-side,rgba(251,146,60,.5),rgba(251,146,60,0));transform-origin:8.6% 81.8%;animation:bwingr 1.3s ease-in-out infinite alternate,bsparks 1.5s linear infinite}
@keyframes bwingl{from{transform:rotate(-10deg) scale(.96,.9)}to{transform:rotate(9deg) scale(1.02,1.05)}}
@keyframes bwingr{from{transform:rotate(10deg) scale(.96,.9)}to{transform:rotate(-9deg) scale(1.02,1.05)}}
@keyframes bsparks{from{background-position:50% 100%,0 1.15em,.55em 1.65em,50% 85%}to{background-position:50% 100%,0 0,.55em .5em,50% 85%}}
/*END-PHX*/
.bb.bb-void{--ink:#F0D9FF;border:.15em solid transparent;background:radial-gradient(circle,#fff 0 .04em,transparent .06em) 0 0/1.9em 1.3em padding-box,radial-gradient(circle,#E9B8FF 0 .055em,transparent .075em) .7em .4em/2.7em 1.8em padding-box,linear-gradient(#0A0614,#0A0614) padding-box,linear-gradient(90deg,#C084FC,#67E8F9,#F0ABFC,#C084FC,#67E8F9,#F0ABFC,#C084FC) 0 0/200% 100% border-box;box-shadow:0 0 1em rgba(124,58,237,.85);animation:bvoid 6s linear infinite}
@keyframes bvoid{to{background-position:-1.9em 0,-2em .4em,0 0,100% 0}}
.bb-void::after{content:'';position:absolute;left:12%;right:12%;top:calc(100% + .28em);height:.1em;border-radius:1em;background:linear-gradient(90deg,transparent,#D946EF,#38BDF8,transparent);animation:bpulse 2.4s ease-in-out infinite}
@keyframes bpulse{0%,100%{transform:scaleX(.5);opacity:.5}50%{transform:scaleX(1);opacity:1}}
.bb.bb-emperor,.bb.bb-master{--bg:#0C0A07;--ink:#F5E7B8;border:.17em solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#FFF1B8,#F5B301 30%,#B8860B 55%,#FFE08A 80%,#B8860B) border-box;box-shadow:inset 0 0 0 .1em #5A4516,0 0 .7em rgba(245,179,1,.35)}
.bb.bb-emperor{margin-top:.8em;margin-bottom:.3em}
.bb-emperor::before{content:'';position:absolute;left:.7em;bottom:calc(100% + .02em);width:1.5em;height:1em;background:linear-gradient(180deg,#FFF1B8,#F5B301 55%,#B8860B);clip-path:polygon(0 100%,0 22%,24% 58%,50% 0,76% 58%,100% 22%,100% 100%);filter:drop-shadow(0 0 .2em rgba(245,179,1,.7));animation:bcrown 2.6s ease-in-out infinite}
.mine .bb-emperor::before{left:auto;right:.7em}
@keyframes bcrown{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-.14em) rotate(4deg)}}
.bb-emperor::after{content:'';position:absolute;left:.9em;right:.9em;top:calc(100% - .13em);height:.34em;top:calc(100% - .1em);background:radial-gradient(circle,#F43F5E 0 .13em,transparent .15em) 0 50%/1.8em 100%,radial-gradient(circle,#38BDF8 0 .13em,transparent .15em) .6em 50%/1.8em 100%,radial-gradient(circle,#34D399 0 .13em,transparent .15em) 1.2em 50%/1.8em 100%}
.bb.bb-glass{--ink:#fff;border:.14em solid #17120F;border-radius:.9em;padding:.85em 1.1em;font-weight:700;background:repeating-linear-gradient(115deg,#1FA85A 0.00em 1.15em,#17120F 1.15em 1.28em,#F0A020 1.28em 2.43em,#17120F 2.43em 2.56em,#E11D48 2.56em 3.71em,#17120F 3.71em 3.84em,#3B82F6 3.84em 4.99em,#17120F 4.99em 5.12em,#A855F7 5.12em 6.27em,#17120F 6.27em 6.40em,#14B8A6 6.40em 7.55em,#17120F 7.55em 7.68em);animation:bspill 4s ease-in-out infinite;margin-bottom:.7em}
@keyframes bspill{0%,100%{box-shadow:-1.3em .7em 1.1em -.5em rgba(31,168,90,.55),-.4em .8em 1.1em -.5em rgba(240,160,32,.55),.5em .8em 1.1em -.5em rgba(59,130,246,.6),1.3em .7em 1.1em -.5em rgba(168,85,247,.55)}50%{box-shadow:-1.1em 1em 1.3em -.4em rgba(31,168,90,.95),-.3em 1.1em 1.3em -.4em rgba(240,160,32,.95),.6em 1.1em 1.3em -.4em rgba(59,130,246,.95),1.4em 1em 1.3em -.4em rgba(168,85,247,.95)}}
.bb-glass::before{content:'';position:absolute;z-index:-1;inset:.42em;border-radius:.45em;background:rgba(14,11,9,.94);box-shadow:0 0 0 .12em #17120F}
.bb-glass::after{content:'';position:absolute;z-index:-1;inset:0;border-radius:.6em;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) 160% 0/250% 100% no-repeat;animation:bsheen 4s ease-in-out infinite}
@keyframes bsheen{0%,60%{background-position:160% 0}100%{background-position:-60% 0}}

/* Earned */
.bb.bb-master{margin:.2em .8em}
.bb-master::before,.bb-master::after{content:'';position:absolute;bottom:-.3em;width:1.25em;height:2.3em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -2 24 42'%3E%3Cpath d='M15 39 Q2 26 8 3' fill='none' stroke='%238A6508' stroke-width='1.4' stroke-linecap='round'/%3E%3Cellipse cx='11.8' cy='35' rx='2.6' ry='5.6' transform='rotate(-38 11.8 35)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='18.4' cy='33' rx='2.3' ry='5' transform='rotate(34 18.4 33)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='5.8' cy='28' rx='2.6' ry='5.6' transform='rotate(-24 5.8 28)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='12.4' cy='26' rx='2.3' ry='5' transform='rotate(46 12.4 26)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='2.3' cy='20' rx='2.6' ry='5.6' transform='rotate(-10 2.3 20)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='8.9' cy='18' rx='2.3' ry='5' transform='rotate(58 8.9 18)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='1.7999999999999998' cy='12' rx='2.6' ry='5.6' transform='rotate(4 1.7999999999999998 12)' fill='%23F5C73A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='8.4' cy='10' rx='2.3' ry='5' transform='rotate(70 8.4 10)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3Cellipse cx='8.4' cy='2.5' rx='2.2' ry='4.6' transform='rotate(12 8.4 2.5)' fill='%23FFE08A' stroke='%238A6508' stroke-width='.7'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 .15em rgba(245,179,1,.6))}
.bb-master::before{left:-.95em}.bb-master::after{right:-.95em;transform:scaleX(-1)}
.bb.bb-harvest{--bg:#1F1109;--ink:#FCE3C8;border:.16em solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#F7C08A,#D0703A 40%,#8A3E14 70%,#E89A5A) border-box}
.bb-harvest::after{content:'';position:absolute;right:-.3em;top:-.5em;width:.95em;height:.95em;background:linear-gradient(135deg,#FBBF24,#EA580C);border-radius:0 100% 0 100%;transform-origin:0 100%;animation:bsway 2.6s ease-in-out infinite}
@keyframes bsway{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(18deg)}}
.bb.bb-founder{--bg:#1A1008;--ink:#F5D9B8;border:.16em solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#F5D0A9,#B45309 45%,#78350F 75%,#D9A066) border-box}
.bb-founder::after{content:'';position:absolute;right:-.3em;top:-.4em;width:.85em;height:.85em;background:#F59E0B;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}

/* ---------------- emotes: the tile buddy. All motion is CSS on inline SVG parts. */
.emo{display:block;width:100%;height:auto;overflow:visible}
.emo [class^="e-"]{transform-box:fill-box;transform-origin:50% 50%}   /* only animated parts: a transform-origin would also shift plain transform attributes */
.emo>g[class]{transform-box:view-box;transform-origin:50px 93px}
.e-bounce{animation:e-bounce 1.1s cubic-bezier(.3,.6,.4,1) infinite}
@keyframes e-bounce{0%,100%{transform:translateY(0) scale(1.07,.93)}35%{transform:translateY(-13px) scale(.95,1.06)}62%{transform:translateY(0) scale(1.06,.94)}78%{transform:translateY(-4px) scale(.99,1.01)}}
.e-nod{animation:e-nod 1.7s ease-in-out infinite}
@keyframes e-nod{0%,50%,100%{transform:rotate(0)}15%,35%{transform:rotate(9deg) translateY(2px)}25%{transform:rotate(2deg)}}
.e-shake{animation:e-shake 1.3s linear infinite}
@keyframes e-shake{0%,60%,100%{transform:translateX(0)}6%,22%,38%,54%{transform:translateX(-3.5px) rotate(-2deg)}14%,30%,46%{transform:translateX(3.5px) rotate(2deg)}}
.e-tilt{animation:e-tilt 2.6s ease-in-out infinite}
@keyframes e-tilt{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(7deg)}}
.e-sink{animation:e-sink 2.3s ease-in-out infinite}
@keyframes e-sink{0%,100%{transform:scale(1,1)}45%,70%{transform:scale(1.06,.88)}}
.e-pulse{animation:e-pulse 1.3s ease-out infinite}
@keyframes e-pulse{0%,55%,100%{transform:scale(1)}12%{transform:scale(1.16,1.2)}24%{transform:scale(.97)}34%{transform:scale(1.04)}}
.e-float{animation:e-float 3s ease-in-out infinite}
@keyframes e-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(4px) rotate(3deg)}}
.e-bow{animation:e-bow 2.3s ease-in-out infinite}
@keyframes e-bow{0%,70%,100%{transform:rotate(0)}22%,48%{transform:rotate(11deg) scale(1.04,.86)}}
.emo>g.e-clink0,.emo>g.e-clink1{transform-box:fill-box;transform-origin:50% 100%;animation:e-clink0 1.1s ease-in-out infinite}
.emo>g.e-clink1{animation-name:e-clink1}
@keyframes e-clink0{0%,100%{transform:translateX(-7px) rotate(-12deg)}45%,55%{transform:translateX(4px) rotate(9deg)}}
@keyframes e-clink1{0%,100%{transform:translateX(7px) rotate(12deg)}45%,55%{transform:translateX(-4px) rotate(-9deg)}}
.e-wave{transform-origin:40% 100%!important;animation:e-wave .4s ease-in-out infinite alternate}
@keyframes e-wave{from{transform:rotate(-20deg)}to{transform:rotate(20deg)}}
.e-drip{animation:e-drip 1.2s ease-in infinite}
@keyframes e-drip{0%{transform:translateY(-3px) scale(.6);opacity:0}25%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(15px) scale(1);opacity:0}}
.e-zz{animation:e-zz 2.4s linear infinite}
@keyframes e-zz{0%{transform:translate(-5px,8px) scale(.6);opacity:0}30%,60%{opacity:1}100%{transform:translate(6px,-8px) scale(1.1);opacity:0}}
.e-blink{animation:e-blink .9s steps(1) infinite}
@keyframes e-blink{0%{opacity:1}50%{opacity:.2}}
.e-rise{animation:e-rise 2s ease-out infinite}
@keyframes e-rise{0%{transform:translateY(16px) scale(.4);opacity:0}30%{opacity:1}100%{transform:translateY(-14px) scale(1.1);opacity:0}}
.e-pop{animation:e-pop 1.3s cubic-bezier(.2,1.6,.4,1) infinite}
@keyframes e-pop{0%{transform:scale(0)}18%,80%{transform:scale(1)}100%{transform:scale(0)}}
.e-wob{animation:e-wob 1.4s ease-in-out infinite alternate}
@keyframes e-wob{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
.e-flick{transform-origin:50% 100%!important;animation:e-flick .32s ease-in-out infinite alternate}
@keyframes e-flick{from{transform:scale(1,.9) skewX(-4deg)}to{transform:scale(.96,1.14) skewX(4deg)}}
.e-fall{animation:e-fall 2.4s linear infinite}
@keyframes e-fall{0%{transform:translateY(-10px) rotate(0);opacity:0}20%,75%{opacity:1}100%{transform:translateY(30px) rotate(140deg);opacity:0}}
.e-tw{animation:e-tw 1.6s ease-in-out infinite}
@keyframes e-tw{0%,100%{transform:scale(.25) rotate(0)}50%{transform:scale(1) rotate(90deg)}}
.e-shoot{animation:e-shoot 1.2s ease-out infinite}
@keyframes e-shoot{0%{transform:translate(0,0) scale(.3);opacity:1}70%{opacity:1}100%{transform:translate(var(--tx),var(--ty)) scale(1.1);opacity:0}}
.e-glow{animation:e-glow .8s ease-in-out infinite alternate}
@keyframes e-glow{from{transform:scale(.9)}to{transform:scale(1.1)}}
.e-puff{animation:e-puff 2.3s ease-out infinite}
@keyframes e-puff{0%,40%{transform:translateX(-8px) scale(.3);opacity:0}55%{opacity:.95}100%{transform:translateX(12px) scale(1.15);opacity:0}}
.e-beat{animation:e-beat .55s ease-in-out infinite alternate}
@keyframes e-beat{from{transform:scale(.85)}to{transform:scale(1.2)}}
.still .emo [class]{animation:none!important}
@media (prefers-reduced-motion:reduce){.emo [class]{animation:none!important}}

.bn-feast{background:linear-gradient(#3A1206,#7C2D12 48%,#C2410C 78%,#F59E0B)}
.bn-feast::before{left:50%;top:44%;width:120cqmin;height:120cqmin;margin:-60cqmin 0 0 -60cqmin;border-radius:50%;background:radial-gradient(closest-side,rgba(253,224,71,.55),rgba(251,146,60,.25) 45%,transparent);animation:b-glow 2.6s ease-in-out infinite alternate}
.bn-feast i:nth-child(1){inset:-240px -60px 0 -60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 240'%3E%3Cg transform='translate(26 40) rotate(20)'%3E%3Cpath d='M0 -11 L3 -4 L10 -7 L7 0 L12 4 L4 5 L3 12 L0 7 L-3 12 L-4 5 L-12 4 L-7 0 L-10 -7 L-3 -4Z' fill='%23F59E0B'/%3E%3C/g%3E%3Cg transform='translate(96 110) rotate(-35)'%3E%3Cpath d='M0 -11 L3 -4 L10 -7 L7 0 L12 4 L4 5 L3 12 L0 7 L-3 12 L-4 5 L-12 4 L-7 0 L-10 -7 L-3 -4Z' fill='%23DC2626'/%3E%3C/g%3E%3Cg transform='translate(50 190) rotate(70)'%3E%3Cpath d='M0 -11 L3 -4 L10 -7 L7 0 L12 4 L4 5 L3 12 L0 7 L-3 12 L-4 5 L-12 4 L-7 0 L-10 -7 L-3 -4Z' fill='%23FBBF24'/%3E%3C/g%3E%3Cg transform='translate(110 220) rotate(10)'%3E%3Cpath d='M0 -11 L3 -4 L10 -7 L7 0 L12 4 L4 5 L3 12 L0 7 L-3 12 L-4 5 L-12 4 L-7 0 L-10 -7 L-3 -4Z' fill='%23EA580C'/%3E%3C/g%3E%3C/svg%3E") 0 0/130px 240px;animation:b-leaf 10s linear infinite}
.bn-feast i:nth-child(2){left:0;right:0;bottom:0;height:24cqmin;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 88'%3E%3Cg transform='translate(40 60) scale(1)'%3E%3Cpath d='M0 -26 q4 -8 10 -6' fill='none' stroke='%233F6212' stroke-width='4' stroke-linecap='round'/%3E%3Cellipse cx='-14' cy='0' rx='14' ry='22' fill='%23EA580C'/%3E%3Cellipse cx='14' cy='0' rx='14' ry='22' fill='%23EA580C'/%3E%3Cellipse cx='0' cy='0' rx='15' ry='24' fill='%23EA580C' stroke='%237C2D12' stroke-width='1.5'/%3E%3C/g%3E%3Cg transform='translate(100 60) scale(0.7)'%3E%3Cpath d='M0 -26 q4 -8 10 -6' fill='none' stroke='%233F6212' stroke-width='4' stroke-linecap='round'/%3E%3Cellipse cx='-14' cy='0' rx='14' ry='22' fill='%23F59E0B'/%3E%3Cellipse cx='14' cy='0' rx='14' ry='22' fill='%23F59E0B'/%3E%3Cellipse cx='0' cy='0' rx='15' ry='24' fill='%23F59E0B' stroke='%237C2D12' stroke-width='1.5'/%3E%3C/g%3E%3Cg transform='translate(170 60) scale(1.1)'%3E%3Cpath d='M0 -26 q4 -8 10 -6' fill='none' stroke='%233F6212' stroke-width='4' stroke-linecap='round'/%3E%3Cellipse cx='-14' cy='0' rx='14' ry='22' fill='%23C2410C'/%3E%3Cellipse cx='14' cy='0' rx='14' ry='22' fill='%23C2410C'/%3E%3Cellipse cx='0' cy='0' rx='15' ry='24' fill='%23C2410C' stroke='%237C2D12' stroke-width='1.5'/%3E%3C/g%3E%3Cg transform='translate(232 60) scale(0.62)'%3E%3Cpath d='M0 -26 q4 -8 10 -6' fill='none' stroke='%233F6212' stroke-width='4' stroke-linecap='round'/%3E%3Cellipse cx='-14' cy='0' rx='14' ry='22' fill='%23FB923C'/%3E%3Cellipse cx='14' cy='0' rx='14' ry='22' fill='%23FB923C'/%3E%3Cellipse cx='0' cy='0' rx='15' ry='24' fill='%23FB923C' stroke='%237C2D12' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E") 50% 100%/auto 100% repeat-x}
.bn-feast::after{left:0;right:0;bottom:0;height:5cqmin;background:repeating-linear-gradient(90deg,#B91C1C 0 4cqmin,#F8FAFC 4cqmin 8cqmin);opacity:.9;box-shadow:0 -1cqmin 0 #7F1D1D}
.bn-xmas{background:linear-gradient(#071226,#0F2A4A 55%,#1B4A6E)}
.bn-xmas::before{right:12%;top:8%;width:22cqmin;height:22cqmin;border-radius:50%;background:radial-gradient(circle at 40% 38%,#FFFFFF,#E0F2FE 60%,#BAE6FD);box-shadow:0 0 10cqmin 3cqmin rgba(186,230,253,.4)}
.bn-xmas i:nth-child(1){inset:-220px 0 0 0;background:radial-gradient(circle,#fff 0 1.4px,transparent 2.1px) 0 0/59px 110px,radial-gradient(circle,#E0F7FF 0 1px,transparent 1.6px) 23px 50px/83px 220px;animation:b-fall 9s linear infinite}
.bn-xmas i:nth-child(2){left:0;right:0;bottom:0;height:46cqmin;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 170'%3E%3Cg transform='translate(40 150) scale(0.8)'%3E%3Cpath d='M0 -120 L26 -70 H12 L36 -30 H16 L44 12 H-44 L-16 -30 H-36 L-12 -70 H-26Z' fill='%230F3D2A' stroke='%230A2A1D' stroke-width='2'/%3E%3Crect x='-5' y='12' width='10' height='14' fill='%233A2412'/%3E%3Ccircle cx='-8' cy='-78' r='3.6' fill='%23FDE047'/%3E%3Ccircle cx='10' cy='-56' r='3.6' fill='%23EF4444'/%3E%3Ccircle cx='-16' cy='-36' r='3.6' fill='%2338BDF8'/%3E%3Ccircle cx='14' cy='-22' r='3.6' fill='%23FDE047'/%3E%3Ccircle cx='-24' cy='-4' r='3.6' fill='%23EF4444'/%3E%3Ccircle cx='2' cy='-2' r='3.6' fill='%234ADE80'/%3E%3Ccircle cx='26' cy='2' r='3.6' fill='%2338BDF8'/%3E%3Cpath d='M0 -132 l3 8 8 1 -6 6 2 8 -7 -4 -7 4 2 -8 -6 -6 8 -1z' fill='%23FDE047'/%3E%3C/g%3E%3Cg transform='translate(150 150) scale(1.05)'%3E%3Cpath d='M0 -120 L26 -70 H12 L36 -30 H16 L44 12 H-44 L-16 -30 H-36 L-12 -70 H-26Z' fill='%230F3D2A' stroke='%230A2A1D' stroke-width='2'/%3E%3Crect x='-5' y='12' width='10' height='14' fill='%233A2412'/%3E%3Ccircle cx='-8' cy='-78' r='3.6' fill='%23FDE047'/%3E%3Ccircle cx='10' cy='-56' r='3.6' fill='%23EF4444'/%3E%3Ccircle cx='-16' cy='-36' r='3.6' fill='%2338BDF8'/%3E%3Ccircle cx='14' cy='-22' r='3.6' fill='%23FDE047'/%3E%3Ccircle cx='-24' cy='-4' r='3.6' fill='%23EF4444'/%3E%3Ccircle cx='2' cy='-2' r='3.6' fill='%234ADE80'/%3E%3Ccircle cx='26' cy='2' r='3.6' fill='%2338BDF8'/%3E%3Cpath d='M0 -132 l3 8 8 1 -6 6 2 8 -7 -4 -7 4 2 -8 -6 -6 8 -1z' fill='%23FDE047'/%3E%3C/g%3E%3Cg transform='translate(250 150) scale(0.7)'%3E%3Cpath d='M0 -120 L26 -70 H12 L36 -30 H16 L44 12 H-44 L-16 -30 H-36 L-12 -70 H-26Z' fill='%230F3D2A' stroke='%230A2A1D' stroke-width='2'/%3E%3Crect x='-5' y='12' width='10' height='14' fill='%233A2412'/%3E%3Ccircle cx='-8' cy='-78' r='3.6' fill='%23FDE047'/%3E%3Ccircle cx='10' cy='-56' r='3.6' fill='%23EF4444'/%3E%3Ccircle cx='-16' cy='-36' r='3.6' fill='%2338BDF8'/%3E%3Ccircle cx='14' cy='-22' r='3.6' fill='%23FDE047'/%3E%3Ccircle cx='-24' cy='-4' r='3.6' fill='%23EF4444'/%3E%3Ccircle cx='2' cy='-2' r='3.6' fill='%234ADE80'/%3E%3Ccircle cx='26' cy='2' r='3.6' fill='%2338BDF8'/%3E%3Cpath d='M0 -132 l3 8 8 1 -6 6 2 8 -7 -4 -7 4 2 -8 -6 -6 8 -1z' fill='%23FDE047'/%3E%3C/g%3E%3C/svg%3E") 50% 100%/auto 100% repeat-x;animation:b-twinkle2 1.4s steps(2) infinite}
.bn-xmas::after{left:-10%;right:-10%;bottom:-6cqmin;height:16cqmin;background:radial-gradient(50% 100% at 25% 100%,#F8FAFC 0 60%,transparent 62%),radial-gradient(60% 90% at 78% 100%,#E0F2FE 0 60%,transparent 62%)}
.bn-newyear{background:linear-gradient(#05061A,#161A45 60%,#2A1A52)}
.bn-newyear::before{left:14%;top:8%;width:44cqmin;height:44cqmin;border-radius:50%;background:repeating-conic-gradient(#FDE047 0 3deg,transparent 3deg 15deg);-webkit-mask-image:radial-gradient(circle,transparent 0 12%,#000 16% 44%,transparent 50%);mask-image:radial-gradient(circle,transparent 0 12%,#000 16% 44%,transparent 50%);animation:b-fw 2.6s ease-out infinite}
.bn-newyear i:nth-child(1){right:8%;top:20%;width:34cqmin;height:34cqmin;border-radius:50%;background:repeating-conic-gradient(#F472B6 0 3deg,transparent 3deg 18deg);-webkit-mask-image:radial-gradient(circle,transparent 0 12%,#000 16% 44%,transparent 50%);mask-image:radial-gradient(circle,transparent 0 12%,#000 16% 44%,transparent 50%);animation:b-fw 2.6s -1.2s ease-out infinite}
.bn-newyear i:nth-child(2){inset:-220px 0 0 0;background:conic-gradient(from 270deg at 5px 9px,#FDE047 90deg,transparent 0) 0 0/89px 110px,conic-gradient(from 270deg at 4px 8px,#F472B6 90deg,transparent 0) 37px 60px/113px 220px,conic-gradient(from 270deg at 5px 5px,#67E8F9 90deg,transparent 0) 71px 130px/67px 220px;animation:b-fall 6s linear infinite;opacity:.85}
.bn-newyear::after{left:0;right:0;bottom:0;height:20cqmin;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 70'%3E%3Cpath d='M0 70 V40 H18 V22 H40 V46 H58 V12 H64 V4 H68 V12 H76 V50 H98 V30 H122 V54 H140 V18 H160 V44 H178 V26 H186 V8 H190 V26 H200 V52 H222 V34 H240 V70Z' fill='%23070816'/%3E%3Cg fill='%23FDE047' opacity='.8'%3E%3Crect x='24' y='30' width='4' height='5'/%3E%3Crect x='32' y='40' width='4' height='5'/%3E%3Crect x='62' y='22' width='4' height='5'/%3E%3Crect x='68' y='36' width='4' height='5'/%3E%3Crect x='104' y='38' width='4' height='5'/%3E%3Crect x='146' y='26' width='4' height='5'/%3E%3Crect x='152' y='38' width='4' height='5'/%3E%3Crect x='184' y='34' width='4' height='5'/%3E%3Crect x='228' y='42' width='4' height='5'/%3E%3C/g%3E%3C/svg%3E") 50% 100%/auto 100% repeat-x}
.tt-pie{--pl:linear-gradient(180deg,#F59E0B,#C2410C 60%,#7C2D12);--ti:#FFF7E6;--rim:#FDE68A;--ic:#FDE68A;--icd:#7C2D12;--sd:3.6s;border-radius:1em .3em .3em 1em;text-shadow:0 .06em 0 rgba(0,0,0,.35)}
.tt-nice{--ti:#fff;--ic:#FDE047;--icd:#B91C1C;border:.16em solid transparent;background:linear-gradient(#14532D,#0B3A1E) padding-box,repeating-linear-gradient(135deg,#DC2626 0 .5em,#F8FAFC .5em 1em) 0 0/1.42em 1.42em border-box;animation:tcane 1.2s linear infinite;margin-top:.35em;box-shadow:0 0 .6em rgba(220,38,38,.4)}
.tt-nice::before{content:'';position:absolute;left:-.2em;top:-.5em;width:1em;height:.7em;background:radial-gradient(circle at 30% 60%,#DC2626 0 .16em,transparent .18em),radial-gradient(circle at 62% 70%,#DC2626 0 .16em,transparent .18em),radial-gradient(ellipse at 50% 30%,#16A34A 0 .34em,transparent .36em)}
.tt-fresh{--ti:#FDE68A;--ic:#FDE047;--icd:#0B1022;border:.13em solid transparent;background:radial-gradient(circle,#FDE047 0 .045em,transparent .065em) 0 0/1.3em .9em padding-box,linear-gradient(#0B0B14,#1A1A2E) padding-box,linear-gradient(135deg,#FFF1B8,#F5B301 30%,#B8860B 55%,#FFE08A 80%,#B8860B) border-box;box-shadow:0 0 .8em rgba(253,224,71,.45);animation:tspark 2.4s steps(3) infinite}
.ns-maple{--g:linear-gradient(180deg,#FDE047 8%,#FB923C 45%,#DC2626 92%);--tint:#FB923C}
[data-theme="light"] .ns-maple{--g:linear-gradient(180deg,#D97706 8%,#C2410C 50%,#991B1B 92%)}
.ns-maple .tx{filter:drop-shadow(0 .05em 0 rgba(124,45,18,.9)) drop-shadow(0 0 .25em rgba(251,146,60,.6))}
[data-theme="light"] .ns-maple .tx{filter:none}
.ns-maple::after{content:'';position:absolute;z-index:1;right:-.3em;top:-.3em;width:.5em;height:.5em;background:#F97316;clip-path:polygon(50% 0,62% 28%,92% 18%,78% 46%,100% 62%,68% 66%,62% 100%,50% 76%,38% 100%,32% 66%,0 62%,22% 46%,8% 18%,38% 28%);animation:n-leaf 4.5s ease-in infinite}
.ns-cane{--g:repeating-linear-gradient(115deg,#EF4444 0 .32em,#FFFFFF .32em .64em);--gs:1.42em 100%;--tint:#EF4444}
[data-theme="light"] .ns-cane{--g:repeating-linear-gradient(115deg,#B91C1C 0 .32em,#15803D .32em .64em)}
.ns-cane .tx{animation:ncane 1.6s linear infinite;filter:drop-shadow(0 .05em 0 #7F1D1D) drop-shadow(0 0 .25em rgba(239,68,68,.55))}
[data-theme="light"] .ns-cane .tx{filter:none}
.ns-cane::before{content:'';position:absolute;z-index:1;left:.05em;right:.05em;top:-.02em;height:.2em;border-radius:.2em;background:radial-gradient(circle at 10% 100%,#fff 0 .11em,transparent .12em),radial-gradient(circle at 32% 100%,#fff 0 .13em,transparent .14em),radial-gradient(circle at 55% 100%,#fff 0 .11em,transparent .12em),radial-gradient(circle at 78% 100%,#fff 0 .13em,transparent .14em),radial-gradient(circle at 96% 100%,#fff 0 .1em,transparent .11em);opacity:.95}
.ns-sparkler{--g:linear-gradient(180deg,#FFF7C2 12%,#F5B301 46%,#FFE08A 54%,#B8860B 96%);--tint:#FDE047}
[data-theme="light"] .ns-sparkler{--g:linear-gradient(180deg,#EAB308 12%,#B45309 46%,#EAB308 54%,#92400E 96%)}
.ns-sparkler .tx{filter:drop-shadow(0 0 .3em rgba(253,224,71,.7))}
[data-theme="light"] .ns-sparkler .tx{filter:none}
.ns-sparkler::before,.ns-sparkler::after{content:'';position:absolute;z-index:1;width:.5em;height:.5em;background:#FFF7C2;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);animation:btw 1.5s ease-in-out infinite;filter:drop-shadow(0 0 .12em #FDE047)}
.ns-sparkler::before{left:-.3em;top:-.2em}
.ns-sparkler::after{right:-.25em;bottom:.05em;animation-delay:-.75s;width:.38em;height:.38em}
.tt-trick{--pl:linear-gradient(180deg,#F97316,#C2410C);--ti:#1C0A02;--rim:#1C0A02;--ic:#1C0A02;--icd:#FDBA74;--sd:3.4s;border-radius:.3em;box-shadow:inset 0 0 0 .1em #1C0A02,0 0 .7em rgba(249,115,22,.6)}
.tt-thankful{--pl:linear-gradient(180deg,#F7C08A,#D0703A 55%,#8A3E14);--ti:#2A1004;--rim:#6B2E0C;--icd:#F7C08A;--sd:4s}
.tt-merry{--pl:repeating-linear-gradient(115deg,#B91C1C 0 .7em,#F8FAFC .7em .95em,#15803D .95em 1.65em,#F8FAFC 1.65em 1.9em) ;--ti:#fff;--rim:#FDE047;--ic:#FDE047;--icd:#B91C1C;text-shadow:0 .06em .1em rgba(0,0,0,.75),0 0 .25em rgba(0,0,0,.6);margin-top:.35em}
.tt-merry b{background:rgba(11,18,32,.72);padding:.15em .45em;border-radius:.3em;margin:-.05em 0}
.tt-merry::before{content:'';position:absolute;left:.3em;right:.3em;bottom:calc(100% - .16em);height:.42em;border-radius:.4em .4em .1em .1em;background:radial-gradient(circle at 12% 100%,#fff 0 .2em,transparent .22em),radial-gradient(circle at 34% 100%,#fff 0 .26em,transparent .28em),radial-gradient(circle at 58% 100%,#fff 0 .2em,transparent .22em),radial-gradient(circle at 82% 100%,#fff 0 .26em,transparent .28em),linear-gradient(#fff,#fff) 0 100%/100% 40% no-repeat}
.tt-hello27{--ti:#FDE68A;--ic:#FDE047;--icd:#1E1B4B;border:.13em solid transparent;background:radial-gradient(circle,#fff 0 .04em,transparent .06em) 0 0/1.3em .9em padding-box,linear-gradient(#0B1022,#1E1B4B) padding-box,linear-gradient(90deg,#FDE047,#F472B6,#818CF8,#FDE047,#F472B6,#818CF8,#FDE047) 0 0/200% 100% border-box;box-shadow:0 0 .8em rgba(253,224,71,.5);animation:tvoid 5s linear infinite}
.bb.bb-pie{--bg:#E8690C;--ink:#fff;border:.26em solid #E0A458;border-radius:1.2em;background:radial-gradient(circle,rgba(255,255,255,.12) 0 .08em,transparent .1em) 0 0/.7em .7em,linear-gradient(#F0801A,#D9590A);box-shadow:0 0 0 .08em #9A5A1A,inset 0 0 0 .1em rgba(122,46,5,.5),0 .16em 0 #7A3E0A;font-weight:800;text-shadow:0 .06em .08em rgba(90,30,0,.7);margin-top:.5em;outline:.14em dotted #C98B3A;outline-offset:-.2em}
.bb-pie::after{content:'';position:absolute;right:-.3em;top:-.62em;width:1.15em;height:.95em;background:radial-gradient(circle at 50% 22%,#fff 0 .2em,transparent .21em),radial-gradient(circle at 30% 58%,#fff 0 .3em,transparent .31em),radial-gradient(circle at 70% 58%,#fff 0 .3em,transparent .31em),radial-gradient(ellipse at 50% 80%,#F1E7D2 0 .5em,transparent .52em);filter:drop-shadow(0 .05em .05em rgba(0,0,0,.35))}
.bb-pie::before{content:'';position:absolute;z-index:-1;left:.6em;right:.6em;bottom:calc(100% + .1em);height:.9em;background:radial-gradient(closest-side,rgba(255,255,255,.5),rgba(255,255,255,0)) 0 0/1.4em .9em;-webkit-mask-image:linear-gradient(to top,#000,transparent);mask-image:linear-gradient(to top,#000,transparent);animation:n-steam 3.2s linear infinite}
.bb.bb-gifttag{--bg:#FFFDF5;--ink:#14532D;border:.14em solid #14532D;border-radius:.3em;padding-left:1.5em;font-weight:800;clip-path:polygon(.7em 0,100% 0,100% 100%,.7em 100%,0 50%);background:linear-gradient(90deg,transparent 0 1.2em,#FFFDF5 1.2em),repeating-linear-gradient(135deg,#DC2626 0 .3em,#FFFDF5 .3em .6em);background-color:#FFFDF5;margin-left:.2em}
.bb-gifttag::before{content:'';position:absolute;left:.62em;top:50%;width:.36em;height:.36em;margin-top:-.18em;border-radius:50%;background:#0B1220;box-shadow:0 0 0 .1em #B8860B}
.msg.mine .bb.bb-gifttag,.msg .bb.bb-gifttag{border-radius:.3em}
.bb.bb-popper{--bg:#0B0B1E;--ink:#FDE68A;border:.15em solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,#FFF1B8,#F5B301 30%,#B8860B 55%,#FFE08A 80%,#B8860B) border-box;box-shadow:0 0 .7em rgba(245,179,1,.4);margin-top:.7em}
.bb-popper::before{content:'';position:absolute;left:.2em;right:.2em;bottom:calc(100% - .1em);height:1.1em;background:conic-gradient(from 270deg at .22em .14em,#F472B6 90deg,transparent 0) 0 0/1.3em .9em,conic-gradient(from 270deg at .18em .18em,#67E8F9 90deg,transparent 0) .5em .3em/1.7em 1.1em,conic-gradient(from 270deg at .2em .12em,#FDE047 90deg,transparent 0) .9em .1em/1.1em .7em;-webkit-mask-image:linear-gradient(to top,#000 30%,transparent);mask-image:linear-gradient(to top,#000 30%,transparent);animation:b-conf 1.6s linear infinite}
.bb-popper::after{content:'';position:absolute;right:-.4em;top:-.7em;width:.9em;height:1em;background:linear-gradient(135deg,#F472B6 0 33%,#FDE047 33% 66%,#67E8F9 66%);clip-path:polygon(50% 100%,0 0,100% 0);transform:rotate(28deg);filter:drop-shadow(0 .05em .05em rgba(0,0,0,.4))}
@keyframes b-twinkle2{50%{filter:hue-rotate(70deg) brightness(1.25)}}
@keyframes b-fw{0%{transform:scale(.05);opacity:1}55%{transform:scale(1);opacity:1}100%{transform:scale(1.12);opacity:0}}
@keyframes tcane{to{background-position:0 0,1.42em 0}}
@keyframes tspark{to{background-position:1.3em .45em,0 0,0 0}}
@keyframes n-leaf{0%{transform:translate(0,-.2em) rotate(0);opacity:0}12%{opacity:1}100%{transform:translate(-1.6em,1.5em) rotate(-260deg);opacity:0}}
@keyframes ncane{to{background-position:1.42em 0}}
@keyframes n-steam{from{background-position:0 .9em}to{background-position:0 0}}
@keyframes b-conf{from{background-position:0 -.9em,.5em -.8em,.9em -.6em}to{background-position:0 0,.5em .3em,.9em .1em}}
.bn-pass{background:linear-gradient(135deg,#312E81,#6D28D9 55%,#BE185D)}
.bn-pass::before{left:50%;top:46%;width:150cqmin;height:150cqmin;margin:-75cqmin 0 0 -75cqmin;background:linear-gradient(45deg,transparent 47.5%,rgba(255,255,255,.2) 47.5% 52.5%,transparent 52.5%),linear-gradient(-45deg,transparent 47.5%,rgba(255,255,255,.2) 47.5% 52.5%,transparent 52.5%);-webkit-mask-image:radial-gradient(circle,transparent 0 22%,#000 26% 46%,transparent 50%);mask-image:radial-gradient(circle,transparent 0 22%,#000 26% 46%,transparent 50%)}
.bn-pass i:nth-child(1){inset:0;background:repeating-linear-gradient(115deg,transparent 0 9cqmin,rgba(255,255,255,.07) 9cqmin 10cqmin)}
.bn-pass i:nth-child(2){left:0;right:0;bottom:0;height:8cqmin;background:repeating-linear-gradient(90deg,#FDE047 0 6cqmin,#1E1B4B 6cqmin 12cqmin);opacity:.85;animation:b-pmarch 1.6s linear infinite}
.bn-pass::after{inset:0;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.3) 50%,transparent 58%) 160% 0/250% 100% no-repeat;animation:b-sheen 5s ease-in-out infinite}
.ns-duelist{--g:linear-gradient(90deg,#A5B4FC,#C084FC 40%,#F472B6 70%,#FDE047);--gs:200% 100%;--tint:#C084FC}
[data-theme="light"] .ns-duelist{--g:linear-gradient(90deg,#4338CA,#7C3AED 40%,#BE185D 70%,#B45309)}
.ns-duelist .tx{animation:nflow 5s linear infinite;filter:drop-shadow(0 0 .25em rgba(192,132,252,.7))}
[data-theme="light"] .ns-duelist .tx{filter:none}
.ns-duelist::after{content:'';position:absolute;z-index:-1;left:0;right:0;top:calc(100% - .16em);height:.12em;border-radius:1em;background:repeating-linear-gradient(90deg,#FDE047 0 .5em,transparent .5em 1em);animation:b-pmarch2 1.2s linear infinite}
.bb.bb-duelist{--bg:#1E1B4B;--ink:#EDE9FE;border:.15em solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(90deg,#818CF8,#C084FC,#F472B6,#FDE047,#818CF8,#C084FC,#F472B6,#FDE047,#818CF8) 0 0/200% 100% border-box;animation:bflow 5s linear infinite;margin-bottom:.45em}
.bb-duelist::after{content:'';position:absolute;left:.8em;right:.8em;top:calc(100% + .22em);height:.14em;border-radius:1em;background:repeating-linear-gradient(90deg,#FDE047 0 .5em,transparent .5em 1em);animation:b-pmarch2 1.2s linear infinite}
@keyframes b-pmarch{to{background-position:12cqmin 0}}
@keyframes b-pmarch2{to{background-position:1em 0}}
.bn-hive{background:radial-gradient(75% 65% at 50% 46%,#C2410C,#5A2A03 60%,#1A0D02)}
.bn-hive::before{inset:-15%;background:HEXPAT 0 0/24cqmin auto;opacity:.6;-webkit-mask-image:radial-gradient(circle at 50% 46%,transparent 0 16%,#000 50%);mask-image:radial-gradient(circle at 50% 46%,transparent 0 16%,#000 50%);animation:b-hexdrift 30s linear infinite}
.bn-hive i:nth-child(1){left:50%;top:46%;width:104cqmin;height:104cqmin;margin:-52cqmin 0 0 -52cqmin;border-radius:50%;background:radial-gradient(closest-side,rgba(253,224,71,.8),rgba(245,158,11,.45) 42%,rgba(245,158,11,0));animation:b-glow 2.2s ease-in-out infinite alternate}
.bn-hive i:nth-child(2){left:0;right:0;top:-1px;height:30cqmin;background:DRIP 0 0/74cqmin 100% repeat-x;transform-origin:50% 0;animation:b-drip 3.4s ease-in-out infinite alternate;filter:drop-shadow(0 .6cqmin 1cqmin rgba(0,0,0,.4))}
.bn-hive::after{inset:0 0 -220px 0;background:radial-gradient(circle,#FDE68A 0 1.3px,transparent 2px) 0 0/79px 110px,radial-gradient(circle,#FFFBEB 0 1px,transparent 1.6px) 37px 60px/103px 220px;animation:b-rise 9s linear infinite}
.ns-honey{--g:linear-gradient(180deg,#FFF7C2 8%,#FBBF24 42%,#F59E0B 60%,#B45309 96%);--tint:#FBBF24}
[data-theme="light"] .ns-honey{--g:linear-gradient(180deg,#D97706 8%,#B45309 50%,#78350F 96%)}
.ns-honey .tx{filter:drop-shadow(0 .05em 0 rgba(120,53,15,.95)) drop-shadow(0 0 .28em rgba(251,191,36,.6))}
[data-theme="light"] .ns-honey .tx{filter:none}
.ns-honey::after{content:'';position:absolute;z-index:-1;left:.12em;right:.12em;top:calc(100% - .3em);height:.62em;background:radial-gradient(circle at 50% calc(100% - .09em),#F59E0B 0 .085em,transparent .1em) 14% 0/.3em 62% no-repeat,linear-gradient(#F59E0B,#F59E0B) 14.6% 0/.09em 46% no-repeat,radial-gradient(circle at 50% calc(100% - .09em),#FBBF24 0 .1em,transparent .115em) 52% 0/.3em 100% no-repeat,linear-gradient(#FBBF24,#FBBF24) 52% 0/.1em 84% no-repeat,radial-gradient(circle at 50% calc(100% - .09em),#F59E0B 0 .08em,transparent .095em) 84% 0/.3em 46% no-repeat,linear-gradient(#F59E0B,#F59E0B) 83.4% 0/.08em 30% no-repeat;transform-origin:50% 0;animation:n-drip 2.8s ease-in-out infinite alternate}
.ns-honey::before{content:'';position:absolute;z-index:1;left:0;top:-.5em;width:.66em;height:.5em;background:BEE center/contain no-repeat;animation:n-bee 7s ease-in-out infinite}
.tt-queen{--ti:#3A1D02;--ic:#3A1D02;--icd:#FDE68A;--rim:#92400E;--sd:3.2s;background:HEXPAT 0 0/1.5em auto,linear-gradient(180deg,#FFF3B0,#FBBF24 45%,#F59E0B 55%,#D97706);background-blend-mode:multiply,normal;margin-bottom:.55em;border-radius:.3em}
.tt-queen::after{content:'';position:absolute;z-index:-1;left:.7em;right:.7em;top:calc(100% - .1em);height:.62em;background:radial-gradient(circle at 50% calc(100% - .1em),#F59E0B 0 .1em,transparent .115em) 20% 0/.3em 100% no-repeat,linear-gradient(#F59E0B,#F59E0B) 20.8% 0/.1em 80% no-repeat,radial-gradient(circle at 50% calc(100% - .08em),#D97706 0 .08em,transparent .095em) 72% 0/.3em 60% no-repeat,linear-gradient(#D97706,#D97706) 71.4% 0/.08em 40% no-repeat;transform-origin:50% 0;animation:n-drip 2.8s ease-in-out infinite alternate}
.bb.bb-honey{--bg:#2A1503;--ink:#FFE9B8;border:.15em solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(180deg,#FDE047,#F59E0B 50%,#B45309) border-box;margin:.35em 0 .8em;box-shadow:0 0 .6em rgba(245,158,11,.45)}
.bb-honey::before{content:'';position:absolute;left:.9em;right:.9em;top:calc(100% + .05em);height:.72em;background:radial-gradient(circle at 50% calc(100% - .1em),#F59E0B 0 .1em,transparent .115em) 12% 0/.3em 100% no-repeat,linear-gradient(#F59E0B,#F59E0B) 12.5% 0/.1em 82% no-repeat,radial-gradient(circle at 50% calc(100% - .09em),#FBBF24 0 .085em,transparent .1em) 55% 0/.3em 55% no-repeat,linear-gradient(#FBBF24,#FBBF24) 55% 0/.09em 36% no-repeat,radial-gradient(circle at 50% calc(100% - .1em),#D97706 0 .1em,transparent .115em) 86% 0/.3em 78% no-repeat,linear-gradient(#D97706,#D97706) 85.6% 0/.1em 60% no-repeat;transform-origin:50% 0;animation:n-drip 2.8s ease-in-out infinite alternate}
.bb-honey::after{content:'';position:absolute;right:-.35em;top:-.55em;width:.95em;height:.72em;background:BEE center/contain no-repeat;animation:bb-bee 1.1s ease-in-out infinite alternate}
.bn-velvet{background:radial-gradient(80% 70% at 50% 40%,#BE123C,#6B0A26 58%,#22030C)}
.bn-velvet::before{inset:0 -20%;background:repeating-linear-gradient(96deg,rgba(0,0,0,.3) 0 5cqmin,rgba(255,255,255,.07) 8cqmin 11cqmin,rgba(0,0,0,.18) 14cqmin 16cqmin);filter:blur(1.4cqmin)}
.bn-velvet i:nth-child(1){left:0;right:0;top:0;height:5cqmin;background:linear-gradient(#FDE047,#B8860B);box-shadow:0 1.6cqmin 0 -0.8cqmin #FDE047,0 3cqmin 2cqmin rgba(0,0,0,.45)}
.bn-velvet i:nth-child(2){left:0;right:0;bottom:0;height:3cqmin;background:linear-gradient(#B8860B,#FDE047)}
.bn-velvet::after{inset:0;background:linear-gradient(110deg,transparent 42%,rgba(255,228,230,.28) 50%,transparent 58%) 160% 0/250% 100% no-repeat;animation:b-sheen 5.5s ease-in-out infinite}
.tt-patron{--pl:linear-gradient(180deg,#E11D48,#9F1239 55%,#6B0A26);--ti:#FFE4E6;--rim:#FBBF24;--ic:#FDE047;--icd:#9F1239;--sd:3.6s;box-shadow:inset 0 0 0 .1em #FBBF24,inset 0 0 0 .2em #6B0A26,0 .12em 0 rgba(0,0,0,.35)}
.bn-onsen{background:linear-gradient(#0B1B33 0,#16365A 46%,#2B6E8E 78%,#49A6B8)}
.bn-onsen::before{right:12%;top:9%;width:20cqmin;height:20cqmin;border-radius:50%;background:radial-gradient(circle at 40% 38%,#FFFDF0,#FDE9A8 60%,#E9C46A);box-shadow:0 0 9cqmin 2cqmin rgba(253,233,168,.45)}
.bn-onsen i:nth-child(1){inset:0 0 -220px 0;background:radial-gradient(closest-side,rgba(255,255,255,.26),rgba(255,255,255,0)) 0 0/150px 110px,radial-gradient(closest-side,rgba(255,255,255,.2),rgba(255,255,255,0)) 70px 60px/210px 220px;animation:b-rise 12s linear infinite;-webkit-mask-image:linear-gradient(transparent,#000 35%);mask-image:linear-gradient(transparent,#000 35%)}
.bn-onsen i:nth-child(2){left:-20%;right:-20%;bottom:0;height:17%;background:radial-gradient(60% 120% at 22% 100%,#1B2B24 0 60%,transparent 62%),radial-gradient(50% 100% at 76% 100%,#16241E 0 60%,transparent 62%),radial-gradient(30% 80% at 50% 100%,#22352C 0 60%,transparent 62%)}
.bn-onsen::after{inset:0 0 62% 0;background:radial-gradient(circle,#fff 0 .8px,transparent 1.3px) 0 0/67px 53px,radial-gradient(circle,#CFE8FF 0 1px,transparent 1.5px) 31px 23px/101px 79px;animation:b-twinkle 2.6s ease-in-out infinite alternate}
.ns-steam{--g:linear-gradient(180deg,#FFFFFF 10%,#BDEFF5 50%,#5EC4D4 96%);--tint:#BDEFF5}
[data-theme="light"] .ns-steam{--g:linear-gradient(180deg,#22A3B8 10%,#0E7490 55%,#155E75 96%)}
.ns-steam .tx{filter:drop-shadow(0 0 .3em rgba(125,211,252,.6))}
[data-theme="light"] .ns-steam .tx{filter:none}
.ns-steam::before{content:'';position:absolute;z-index:-1;left:.1em;right:.1em;bottom:62%;height:1.3em;background:radial-gradient(closest-side,rgba(255,255,255,.3),rgba(255,255,255,0)) 0 0/1.1em .9em,radial-gradient(closest-side,rgba(255,255,255,.22),rgba(255,255,255,0)) .5em .4em/1.6em 1.2em;-webkit-mask-image:linear-gradient(to top,#000 20%,transparent 95%);mask-image:linear-gradient(to top,#000 20%,transparent 95%);animation:n-steam 3.2s linear infinite}
[data-theme="light"] .ns-steam::before{filter:brightness(.6)}
.ns-steam::after{content:'';position:absolute;z-index:1;left:50%;top:-.46em;width:.44em;height:.4em;margin-left:-.22em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFD27A,#FF9A1A 60%,#D9730A);box-shadow:.16em -.14em 0 -.1em #3F8F2E;animation:n-yuzu 2.6s ease-in-out infinite alternate}
.tt-unbothered{--pl:linear-gradient(180deg,#2B6E8E,#16365A);--ti:#E6FBFF;--rim:#7DD3FC;--ic:#FF9A1A;--icd:#3F8F2E;--sd:4s;border-radius:1.1em;padding-left:.7em;padding-right:1em;margin-top:.5em}
.tt-unbothered::before{content:'';position:absolute;z-index:-1;left:.6em;right:.6em;bottom:calc(100% - .1em);height:.9em;background:radial-gradient(closest-side,rgba(255,255,255,.5),rgba(255,255,255,0)) 0 0/1.4em .9em;-webkit-mask-image:linear-gradient(to top,#000,transparent);mask-image:linear-gradient(to top,#000,transparent);animation:n-steam 3.2s linear infinite}
.bb.bb-onsen{--bg:#12324A;--ink:#E6FBFF;border:.2em solid #5E9E2E;border-radius:.9em;background:linear-gradient(var(--bg),var(--bg)) padding-box,repeating-linear-gradient(90deg,#7DB83E 0 1.5em,#4E7A22 1.5em 1.68em) border-box;border-color:transparent;margin-top:.8em;box-shadow:0 .1em 0 rgba(0,0,0,.35)}
.bb-onsen::before{content:'';position:absolute;z-index:-1;left:.5em;right:.5em;bottom:calc(100% + .1em);height:1.1em;background:radial-gradient(closest-side,rgba(255,255,255,.5),rgba(255,255,255,0)) 0 0/1.5em .9em,radial-gradient(closest-side,rgba(255,255,255,.35),rgba(255,255,255,0)) .7em .4em/2em 1.1em;-webkit-mask-image:linear-gradient(to top,#000 20%,transparent);mask-image:linear-gradient(to top,#000 20%,transparent);animation:n-steam 3.2s linear infinite}
.bb-onsen::after{content:'';position:absolute;right:-.3em;top:-.42em;width:.8em;height:.72em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFD27A,#FF9A1A 60%,#D9730A);box-shadow:.26em -.24em 0 -.2em #3F8F2E}
.tt-dayone{--pl:linear-gradient(180deg,#F4F6FA,#C9D3E0 55%,#8A97AB);--ti:#7F1D1D;--rim:#E5383B;--ic:#E5383B;--icd:#F4F6FA;--sd:3.4s;border-radius:.25em;box-shadow:inset 0 0 0 .1em #E5383B,0 .12em 0 rgba(0,0,0,.35)}
@keyframes b-hexdrift{to{transform:translate(-24cqmin,-13.86cqmin)}}
@keyframes b-drip{from{transform:scaleY(.82)}to{transform:scaleY(1.12)}}
@keyframes n-drip{from{transform:scaleY(.55)}to{transform:scaleY(1.15)}}
@keyframes n-bee{0%{left:-.4em;transform:translateY(0)}12%{transform:translateY(-.22em)}25%{transform:translateY(.12em)}38%{transform:translateY(-.18em)}48%{left:calc(100% - .3em);transform:translateY(0)}50%{left:calc(100% - .3em);transform:translateY(0) scaleX(-1)}62%{transform:translateY(-.2em) scaleX(-1)}75%{transform:translateY(.1em) scaleX(-1)}88%{transform:translateY(-.16em) scaleX(-1)}98%{left:-.4em;transform:translateY(0) scaleX(-1)}100%{left:-.4em;transform:translateY(0)}}
@keyframes bb-bee{from{transform:translate(0,.08em) rotate(-8deg)}to{transform:translate(-.12em,-.14em) rotate(6deg)}}
@keyframes n-steam{from{background-position:0 .9em,.6em 1.6em}to{background-position:0 0,.6em .4em}}
@keyframes n-yuzu{from{transform:rotate(-12deg) translateX(-.05em)}to{transform:rotate(12deg) translateX(.05em)}}
.wpvs{position:relative;width:100%;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#05070D;font-family:'Nunito',system-ui,sans-serif;color:#F1F5F9;isolation:isolate}
.wpvs .half{position:absolute;left:0;right:0;height:53%;overflow:hidden}
.wpvs .half.top{top:0;clip-path:polygon(0 0,100% 0,100% 88.2%,0 100%)}
.wpvs .half.bot{bottom:0;clip-path:polygon(0 11.8%,100% 0,100% 100%,0 100%)}
.wpvs .pc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 14px;background:radial-gradient(95% 55% at 50% 80%,rgba(4,8,16,.72),rgba(4,8,16,0))}
.wpvs .half.top .pc{justify-content:flex-start;padding-top:7%}
.wpvs .half.bot .pc{justify-content:flex-end;padding-bottom:8%}
.wpvs .av{display:block;width:40cqw;max-width:160px;aspect-ratio:1;flex:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}
.wpvs{container-type:inline-size}
.wpvs .av--free{display:grid;place-items:center}
.wpvs .av--free img{width:60%;height:60%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#22304D,#0A1020);box-shadow:0 0 0 3px #3A4B6E,0 0 0 5px #0B1220}
.wpvs .pc__name{font-size:clamp(20px,7cqw,27px);max-width:100%;min-width:0;margin-top:-4px;display:flex;justify-content:center}
.wpvs .pc__name .nm{max-width:100%}
.wpvs .pc__title{font-size:clamp(9.5px,3.1cqw,12px);min-height:2.2em;display:flex;align-items:center;justify-content:center;margin-top:5px}
.wpvs .pc__lg{display:flex;align-items:center;gap:6px;font:800 12.5px/1 'Nunito',sans-serif;color:#E2E8F0;margin-top:5px;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.wpvs .pc__lg svg{width:18px;height:18px;flex:none}
.wpvs .pc__lg i{font-style:normal;color:#FDE68A;font-variant-numeric:tabular-nums}
.wpvs .pc__lg .cup{width:13px;height:13px;color:#FDE68A;margin-right:-3px}
.wpvs .who{position:absolute;z-index:2;left:12px;font:800 10px/1 'Nunito',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(4,8,16,.55);padding:6px 9px;border-radius:99px}
.wpvs .half.top .who{top:12px}
.wpvs .half.bot .who{bottom:12px}
.wpvs .seam{position:absolute;z-index:3;left:-10%;right:-10%;top:50%;height:4px;margin-top:-2px;transform:rotate(-6.5deg);background:linear-gradient(90deg,transparent,#fff 20%,#FDE047 50%,#fff 80%,transparent);box-shadow:0 0 18px 4px rgba(253,224,71,.65)}
.vsmark{position:absolute;z-index:4;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;display:grid;place-items:center}
.vsmark::before{content:'';position:absolute;inset:6px;transform:rotate(45deg);border-radius:14px;background:linear-gradient(135deg,#1B2A4A,#05070D);box-shadow:0 0 0 3px #FDE047,0 0 0 6px #05070D,0 0 26px 6px rgba(253,224,71,.55)}
.vsmark b{position:relative;font:400 40px/1 'Fredoka One','Nunito',sans-serif;letter-spacing:-.02em;background:linear-gradient(#FFFBEB,#FDE047 45%,#F59E0B);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #7C2D12);transform:rotate(-6.5deg)}
.wpvs .h2h{position:absolute;z-index:4;left:50%;top:calc(50% + 50px);transform:translateX(-50%);white-space:nowrap;font:800 11.5px/1 'Nunito',sans-serif;color:#0B1220;background:#FDE047;border-radius:99px;padding:7px 12px;box-shadow:0 4px 12px rgba(0,0,0,.5)}
.wpvs .flash{position:absolute;z-index:5;inset:0;background:#fff;opacity:0;pointer-events:none}
.wpvs .count{position:absolute;z-index:0;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#16233F,#05070D)}
.wpvs .count b{font:400 120px/1 'Fredoka One',sans-serif;color:#fff;opacity:0}
.wpvs .count u{position:absolute;inset:auto 0 18%;display:grid;grid-template-columns:repeat(5,34px);gap:5px;justify-content:center;text-decoration:none;opacity:.35}
.wpvs .count u s{height:34px;border-radius:7px;border:2px solid #2B3B5C}
.wpvs.play .half.top{animation:v-top .5s cubic-bezier(.2,.9,.2,1) both}
.wpvs.play .half.bot{animation:v-bot .5s cubic-bezier(.2,.9,.2,1) both}
@keyframes v-top{from{transform:translateX(-106%)}}
@keyframes v-bot{from{transform:translateX(106%)}}
.wpvs.play .av{animation:v-pop .5s .3s cubic-bezier(.2,1.5,.4,1) both}
@keyframes v-pop{from{transform:scale(.3);opacity:0}}
.wpvs.play .pc__name{animation:v-rise .35s .55s both}
.wpvs.play .pc__title{animation:v-rise .35s .68s both}
.wpvs.play .pc__lg{animation:v-rise .35s .8s both}
.wpvs.play .who{animation:v-rise .3s .9s both}
@keyframes v-rise{from{transform:translateY(14px);opacity:0}}
.wpvs.play .seam{animation:v-seam .3s .45s both}
@keyframes v-seam{from{transform:rotate(-6.5deg) scaleX(0)}}
.wpvs.play .vsmark{animation:v-slam .42s .95s cubic-bezier(.3,1.4,.5,1) both}
@keyframes v-slam{from{transform:scale(3.4);opacity:0}}
.wpvs.play .flash{animation:v-flash .45s 1.12s forwards}
@keyframes v-flash{0%{opacity:.85}100%{opacity:0}}
.wpvs.play .h2h{animation:v-h2h .35s 1.5s both}
@keyframes v-h2h{from{transform:translateX(-50%) scale(.6);opacity:0}}
.wpvs.play{animation:v-shake .28s 1.14s}
@keyframes v-shake{25%{transform:translate(-4px,3px)}50%{transform:translate(4px,-3px)}75%{transform:translate(-2px,2px)}}
.wpvs.out .half.top{animation:v-outt .45s cubic-bezier(.6,0,.8,.3) both}
.wpvs.out .half.bot{animation:v-outb .45s cubic-bezier(.6,0,.8,.3) both}
@keyframes v-outt{to{transform:translateY(-104%)}}
@keyframes v-outb{to{transform:translateY(104%)}}
.wpvs.out .seam,.wpvs.out .vsmark,.wpvs.out .h2h{animation:v-gone .25s both}
@keyframes v-gone{to{transform:scale(1.8);opacity:0}}
.wpvs.out .h2h{animation-name:v-gone2}
@keyframes v-gone2{to{opacity:0}}
.wpvs.out .count b{animation:v-count 2.7s .35s both}
@keyframes v-count{0%,33%,66%{opacity:0;transform:scale(1.7)}5%,38%,71%{opacity:1;transform:scale(1)}30%,63%,96%{opacity:1;transform:scale(.92)}32%,65%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.wpvs.play,.wpvs.play *,.wpvs.out *{animation:none!important}}
.lgb{display:inline-block;vertical-align:middle}
/* ---------------- looks in the live game: title under a name, emotes in chat, the emote tray, floating emotes, the duel card overlay */
.look-title{font-size:9px;line-height:1;margin:3px 0 2px;min-height:1.6em;display:flex;align-items:center;max-width:100%;overflow:hidden}
.opp-strip__txt .look-title{font-size:8.5px}
.look-emote{display:inline-block;width:76px;line-height:0}
.look-emote .emo{width:100%;height:auto}
.chat__message .msg{display:block}.chat__message.is-mine .msg{text-align:right}
.chat__message .bb{font-size:14px}
.emote-tray{display:flex;gap:6px;overflow-x:auto;padding:8px 10px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.emote-tray::-webkit-scrollbar{display:none}
.emote-tray button{flex:none;width:46px;height:50px;padding:2px;border:0;border-radius:12px;background:rgba(127,127,127,.14);cursor:pointer;line-height:0}
.emote-tray button:active{transform:scale(.94)}.emote-tray button[disabled]{opacity:.45}
.emote-tray .emo{width:100%;height:100%}
.emote-tray .emo,.emote-tray .emo *{animation-play-state:paused!important}   /* a row of moving faces is noise; they move once sent */
.emote-float{position:fixed;z-index:9000;width:104px;line-height:0;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));animation:lk-float 2.6s cubic-bezier(.2,.9,.3,1) both}
.emote-float .emo{width:100%;height:auto}
@keyframes lk-float{0%{transform:translateY(14px) scale(.3);opacity:0}12%{transform:none;opacity:1}82%{transform:none;opacity:1}100%{transform:translateY(-18px) scale(.9);opacity:0}}
.wpvs-wrap{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;background:rgba(3,6,14,.9);padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px));opacity:0;transition:opacity .18s;cursor:pointer}
.wpvs-wrap.on{opacity:1}
.wpvs-wrap .wpvs{width:min(100%,400px,calc((100vh - 60px)*9/16));width:min(100%,400px,calc((100dvh - 60px)*9/16))}
.wpvs .av--img{display:grid;place-items:center}
.wpvs .av--img img:not(.lookframe){width:78%;height:78%;border-radius:50%;object-fit:cover;background:radial-gradient(circle at 50% 35%,#22304D,#0A1020);box-shadow:0 0 0 3px #3A4B6E,0 0 0 5px #0B1220}
.wpvs .pc__lg b{font-weight:800}
.wpvs-skip{position:absolute;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom,0px));text-align:center;font:700 12px/1 'Nunito',system-ui,sans-serif;color:rgba(255,255,255,.55);letter-spacing:.04em}
@media (prefers-reduced-motion:reduce){.emote-float{animation-duration:.01s}}
/* in the live card the league line must clear the VS mark: a slightly smaller avatar and tighter rows than the proof */
.wpvs .av{width:33cqw;max-width:132px}
.wpvs .half.top .pc{padding-top:5%}.wpvs .half.bot .pc{padding-bottom:6%}
.wpvs .pc__title{margin-top:3px;min-height:2em}.wpvs .pc__lg{margin-top:2px}
/* the opponent strip keeps its height: the title shares the second line with the status; a styled name keeps its ornaments */
.opp-strip__txt:has(.look-title){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:7px;align-items:center}
.opp-strip__txt:has(.look-title) .name{grid-column:1/-1}
.opp-strip__txt .look-title{margin:0;min-height:16px}
.opp-strip__txt:has(.look-title) .status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opp-strip .name.has-look,.you-row__name.has-look{overflow:visible}
.opp-strip .name.has-look .nm{max-width:15ch}
/* ---------------- the locker: what a player owns and wears, grouped by kind */
.lk{display:grid;gap:14px}
.lk h4{margin:0 0 8px;font:800 11px/1 'Nunito',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2,var(--text-secondary,#94A3B8))}
.lk-items{display:flex;flex-wrap:wrap;gap:8px}
.lk-item{position:relative;min-height:56px;min-width:84px;max-width:100%;padding:8px 12px;border-radius:14px;border:1.5px solid rgba(127,127,127,.3);background:rgba(127,127,127,.1);color:inherit;font:700 12px/1.2 'Nunito',system-ui,sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.lk-item.on{border-color:#22C55E;box-shadow:0 0 0 1px #22C55E}
.lk-item.on::after{content:'✓';position:absolute;top:3px;right:6px;font:800 11px/1 sans-serif;color:#22C55E}
.lk-item[disabled]{opacity:.6;cursor:default}
.lk-item .tt{font-size:9px}.lk-item .nm{font-size:16px}.lk-item .bb{font-size:12px}.lk-item .emo{width:40px;height:auto}
.lk-item small{font:700 10.5px/1.2 'Nunito',system-ui,sans-serif;color:var(--text-2,var(--text-secondary,#94A3B8))}
.lk-thumb{position:relative;width:84px;height:46px;border-radius:9px;overflow:hidden}
.lk-empty{font:600 13.5px/1.5 'Nunito',system-ui,sans-serif;color:var(--text-2,var(--text-secondary,#94A3B8))}
.lk-empty a,.lk-empty button{color:#F59E0B;font-weight:800;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;font:inherit}
/* the player card on a profile: banner behind, avatar, name in its style, title */
.lookcard{position:relative;border-radius:22px;overflow:hidden;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:18px 14px 16px;isolation:isolate;color:#F1F5F9;text-align:center}
.lookcard::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(95% 70% at 50% 85%,rgba(4,8,16,.78),rgba(4,8,16,.1))}
.lookcard .bn{z-index:-2}
.lookcard__av{width:88px;height:88px;border-radius:50%;object-fit:cover;background:radial-gradient(circle at 50% 35%,#22304D,#0A1020);box-shadow:0 0 0 3px #3A4B6E,0 0 0 5px #0B1220,0 6px 14px rgba(0,0,0,.5)}
.lookcard__name{font-size:24px;max-width:100%;min-width:0;display:flex;justify-content:center;font-family:'Nunito',system-ui,sans-serif}
.lookcard__name .nm{max-width:100%}
.lookcard__title{font-size:11px;min-height:1.9em;display:flex;align-items:center;justify-content:center}
.lookcard__sub{font:700 12.5px/1.2 'Nunito',system-ui,sans-serif;color:#CBD5E1;text-shadow:0 1px 2px rgba(0,0,0,.7)}
/* ---------------- a frame around an avatar: one animated picture, 163% of the avatar, centred on it */
.lookframe{position:absolute;left:50%;top:50%;width:163%;height:163%;max-width:none;transform:translate(-50%,-50%);pointer-events:none;object-fit:contain}
.wpvs .av--img{position:relative}
.wpvs .av--img img.lookframe{width:127%;height:127%}   /* the avatar picture is 78% of its box there */
.lookcard__avwrap{position:relative;width:88px;height:88px;flex:none;margin-bottom:10px}
.lookcard__avwrap .lookcard__av{width:100%;height:100%}
.lk-ring{position:relative;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#22304D,#0A1020);margin:14px 14px 10px}
.pz-ring{position:relative;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#22304D,#0A1020);margin:11px;flex:none}
/* the website's solo result card and the profile popup */
.look-result{margin:8px 0 2px;text-align:center}
.look-result__line{font:800 15px/1.3 'Nunito',system-ui,sans-serif}
.look-result__new{margin-top:8px;font:700 13px/1.3 'Nunito',system-ui,sans-serif}
.look-result__new .look-title{justify-content:center;font-size:11px;margin-top:6px}
.look-pp-banner{position:relative;height:78px;border-radius:14px;overflow:hidden;margin:0 0 -42px}
.look-pp-banner+.player-popup__avatar-wrap{position:relative;z-index:1}
.player-popup__avatar-wrap{position:relative}
.player-popup__name .nm{max-width:100%}
.look-pp-title{display:flex;justify-content:center;font-size:10.5px;margin:4px 0 2px;min-height:1.6em}
/* leaderboard rows: frame around the avatar, styled name, title under it */
.lb-av{position:relative;flex:none;width:36px;height:36px;display:inline-block}
.lb-av img:not(.lookframe){width:36px;height:36px}
.lb-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.lb-who .look-title{font-size:8px;margin:0;min-height:0}
.lb-user .lb-av img.lookframe{width:163%;height:163%;border:0;border-radius:0;background:none;box-shadow:none}
.lb-user .lb-who{max-width:min(44vw,220px)}
.lb-user .lb-who .nm{max-width:100%}
@media (max-width:480px){.lb-who .look-title{font-size:7px}}
.look-pp-banner{align-self:stretch;width:100%;flex:none}
/* leaderboard on phones: the wins column goes, so the points and the prize fit */
@media (max-width:480px){.leaderboard-table th:nth-child(4),.leaderboard-table td:nth-child(4){display:none}.leaderboard-table .lb-gem-reward{display:block;margin:2px 0 0}.leaderboard-table td,.leaderboard-table th{padding-left:8px;padding-right:8px}.lb-user .lb-who{max-width:36vw}}
/* ---------------- the shop for looks: kinds as chips, items as cards with a live preview, a sheet to buy and wear */
.sx{--sx-card:var(--surface-2,var(--bg-card-solid,var(--bg-card,#1B2740)));--sx-line:rgba(127,127,127,.28);--sx-t2:var(--text-2,var(--text-secondary,#94A3B8));font-family:var(--font-body,'Nunito',system-ui,sans-serif);color:var(--text-1,var(--text-primary,#F1F5F9))}
.sx *,.sx-back *{box-sizing:border-box}
.sx-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.sx-chips::-webkit-scrollbar{display:none}
.sx-chips button{flex:none;font:800 13.5px/1 var(--font-body,'Nunito',sans-serif);min-height:40px;padding:0 14px;border-radius:99px;border:1.5px solid var(--sx-line);background:transparent;color:inherit;cursor:pointer}
.sx-chips button.on{background:var(--brand-500,var(--primary,#3B82F6));border-color:transparent;color:#fff}
.sx-what{margin:4px 2px 12px;font:600 13.5px/1.45 var(--font-body,'Nunito',sans-serif);color:var(--sx-t2);max-width:60ch}
.sx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sx-card{--tc:#94A3B8;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-height:150px;min-width:0;padding:26px 8px 10px;border-radius:16px;background:var(--sx-card);border:1.5px solid var(--sx-line);color:inherit;cursor:pointer;font:inherit;text-align:center;overflow:hidden}
.sx .r-rare,.sx-sheet.r-rare{--tc:#3B82F6}.sx .r-epic,.sx-sheet.r-epic{--tc:#A855F7}.sx .r-legendary,.sx-sheet.r-legendary{--tc:#F59E0B}
.sx-card{border-color:color-mix(in srgb,var(--tc) 45%,transparent)}
.sx-card.on{box-shadow:0 0 0 2px #22C55E}
.sx-tier{font:800 10px/1 var(--font-body,'Nunito',sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--tc)}
.sx-card .sx-tier{position:absolute;top:9px;left:10px}
.sx-prev{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;max-width:100%;min-width:0}
.sx-prev .tt{font-size:9px}.sx-prev .nm{font-size:17px;max-width:100%}.sx-prev .bb{font-size:12px}.sx-prev .lk-thumb{width:112px;height:60px}.sx-prev .lk-ring{width:58px;height:58px;margin:18px}
.sx-name{font:800 13px/1.2 var(--font-body,'Nunito',sans-serif);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-price{font:800 12.5px/1 var(--font-body,'Nunito',sans-serif);color:var(--sx-t2)}
.sx-card.owned .sx-price{color:#22C55E}
.sx-board{display:inline-block}
.sx-tiles{display:inline-flex;gap:4px;padding:8px;border-radius:12px;background:var(--bg,#0F172A)}
.sx-tiles .tile{width:30px!important;height:30px!important;font-size:15px!important;font-style:normal;display:grid;place-items:center;border:2px solid;line-height:1;animation:none!important}
.sx-emotes{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.sx-emotes .emo{width:38px;height:auto}
.sx-empty{padding:28px 12px;text-align:center;color:var(--sx-t2);font:600 14px/1.5 var(--font-body,'Nunito',sans-serif)}
.sx-back{position:fixed;inset:0;z-index:10040;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:rgba(4,8,20,.66);opacity:0;transition:opacity .18s}
.sx-back.on{opacity:1}@media(min-width:560px){.sx-back{align-items:center}}
.sx-sheet{--tc:#94A3B8;position:relative;width:100%;max-width:380px;border-radius:22px;padding:22px 18px 18px;background:var(--bg-card-solid,var(--bg-elevated,var(--surface-2,#1E293B)));color:var(--text-1,var(--text-primary,#F1F5F9));text-align:center;font-family:var(--font-body,'Nunito',system-ui,sans-serif);box-shadow:0 18px 50px rgba(0,0,0,.5)}
.sx-sheet h3{margin:6px 0 4px;font:400 22px/1.2 var(--font-display,'Fredoka One','Nunito',sans-serif)}
.sx-sheet p{margin:0 0 14px;font:600 14px/1.45 var(--font-body,'Nunito',sans-serif);color:var(--text-2,var(--text-secondary,#94A3B8))}
.sx-big{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px}
.sx-big .tt{font-size:14px}.sx-big .nm{font-size:30px;max-width:100%}.sx-big .bb{font-size:17px}.sx-big .lk-thumb{width:260px;max-width:100%;height:120px;border-radius:14px}.sx-big .lk-ring{width:96px;height:96px;margin:32px}
.sx-big .sx-tiles .tile{width:46px!important;height:46px!important;font-size:22px!important}.sx-big .sx-emotes .emo{width:64px}
.sx-btn{width:100%;min-height:50px;border-radius:14px;border:0;font:800 16px/1 var(--font-body,'Nunito',sans-serif);cursor:pointer;color:#fff;background:var(--brand-500,var(--primary,#3B82F6))}
.sx-btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px rgba(127,127,127,.5)}.sx-btn[disabled]{opacity:.6}
.sx-x{position:absolute;z-index:6;top:8px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(8,12,28,.55);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.sx-note{margin-top:10px;font:700 12.5px/1.4 var(--font-body,'Nunito',sans-serif);color:var(--text-2,var(--text-secondary,#94A3B8))}
.sx-err{margin-top:10px;font:700 13px/1.4 var(--font-body,'Nunito',sans-serif);color:#F87171}

/* ── Wearing: the pieces a player has on, each a link to where it comes from (wearing.js) ── */
.wr{margin-top:16px;text-align:left;font-family:var(--font-body,'Nunito',system-ui,sans-serif);--wr-t2:var(--text-2,var(--text-secondary,#94A3B8))}
.wr-h{font:800 11px/1 var(--font-body,'Nunito',sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--wr-t2);margin:0 2px 8px}
.wr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.wr-card{--tc:#94A3B8;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 6px 9px;border-radius:12px;border:1.5px solid rgba(148,163,184,.4);border-color:color-mix(in srgb,var(--tc) 45%,transparent);background:var(--surface-2,var(--bg-card-solid,var(--bg-card,#1B2740)));color:var(--text-1,var(--text-primary,#F1F5F9));text-decoration:none;text-align:center;transition:transform .15s,border-color .15s}
a.wr-card:hover,a.wr-card:focus-visible{border-color:var(--tc);transform:translateY(-2px);outline:none}
.wr-card.r-rare{--tc:#3B82F6}.wr-card.r-epic{--tc:#A855F7}.wr-card.r-legendary{--tc:#F59E0B}
.wr-prev{height:48px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wr-prev .tt{font-size:7px}.wr-prev .nm{font-size:15px;max-width:100%}.wr-prev .bb{font-size:10px}.wr-prev .lk-thumb{width:84px;height:40px;border-radius:8px}.wr-prev .lk-ring{width:28px;height:28px;margin:9px}
.wr-prev .sx-tiles .tile{width:20px!important;height:20px!important;font-size:10px!important}
.wr-av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:radial-gradient(circle at 50% 35%,#22304D,#0A1020)}
.wr-emo{font-size:26px;line-height:1}
.wr-k{font:800 10.5px/1 var(--font-body,'Nunito',sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--wr-t2)}
.wr-n{font:800 12.5px/1.2 var(--font-body,'Nunito',sans-serif);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-c{font:700 11px/1.25 var(--font-body,'Nunito',sans-serif);color:var(--wr-t2)}
a.wr-card .wr-c,.wr-card.is-tap .wr-c{color:#60A5FA}.wr-card.is-tap{cursor:pointer}
[data-theme="light"] .wr-card{background:#fff}[data-theme="light"] a.wr-card .wr-c{color:#2563EB}
/* the player popup: room for the list, and a scroll when the screen is short */
.player-popup{max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain}
.player-popup .wr{margin-top:14px}.player-popup .wr-grid{grid-template-columns:1fr 1fr}
.player-popup .wr-card{background:rgba(255,255,255,.05);color:#F1F5F9}

/* Shop sheet: the piece shown on you (player card, a game in progress, a chat) */
.sx-try{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}
.sx-try .lookcard{width:100%;max-width:320px;min-height:200px;text-align:center}
.sx-on{margin:-2px 0 6px;font:800 10.5px/1 var(--font-body,'Nunito',sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3,var(--text-tertiary,#64748B))}
.sx-game{gap:14px;padding:6px 0 2px}
.sx-mgrid{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:14px}
.sx-mrow{display:flex;gap:5px;justify-content:center}
.sx-mgrid .tile{width:36px!important;height:36px!important;font-size:18px!important;font-style:normal;display:grid;place-items:center;border:2px solid;line-height:1;animation:none!important;box-sizing:border-box}
.sx-mkeys{display:flex;flex-direction:column;gap:5px;align-items:center;padding:8px;border-radius:12px;background:var(--bg,transparent)}
.sx-krow{display:flex;gap:4px}
.sx-mkeys .key{width:22px!important;height:30px!important;min-height:0!important;padding:0!important;flex:none!important;border-radius:5px;display:grid;place-items:center;font:800 11px/1 var(--font-body,'Nunito',sans-serif);font-style:normal;background:#3B4A63;color:#fff}
.sx-chat{gap:8px;width:100%;max-width:300px;padding:6px 0}
.sx-msg{display:flex;width:100%}.sx-msg.them{justify-content:flex-start}.sx-msg.me{justify-content:flex-end}
.sx-chat .bb{font-size:15px}

.wb[data-t]{--u:10px;--bg:#0F172A;--font:'Fredoka One',system-ui,sans-serif;--fw:400;--fs:calc(3.1*var(--u));--rad:calc(.8*var(--u));--e-bg:rgba(59,130,246,.10);--e-bd:#2B4170;--f-bd:#60A5FA;--f-ink:#F1F5F9;--s-ink:#fff;
  --c:#22C55E;--c-lip:#15803D;--p:#F59E0B;--p-lip:#B45309;--a:#475569;--a-lip:#1E293B;--key:#2F4166;--key-ink:#fff;--key-lip:#1E2B45;--ka:#1B2538;--ka-ink:#5B6B85;--hd-ink:#CBD5E1}

.wb[data-t] .tile{--u:.3226em;background:var(--e-bg);border-color:var(--e-bd);border-radius:var(--rad);color:var(--f-ink);font-family:var(--font);font-weight:var(--fw);text-shadow:none;box-shadow:none;--lip:transparent;position:relative}
.wb[data-t] .tile.has-letter:not([data-state]){background:var(--e-bg)!important;border-color:var(--f-bd)!important;color:var(--f-ink)!important;box-shadow:none;text-shadow:none}
.wb[data-t] .tile[data-state]{border-color:transparent;color:var(--s-ink);box-shadow:0 calc(.3*var(--u)) 0 var(--lip)}
.wb[data-t] .tile[data-state=correct]{background:var(--c);--lip:var(--c-lip)}.wb[data-t] .tile[data-state=present]{background:var(--p);--lip:var(--p-lip)}.wb[data-t] .tile[data-state=absent]{background:var(--a);--lip:var(--a-lip)}
.wb[data-t] .tile{isolation:isolate}.wb[data-t] .tile::before,.wb[data-t] .tile::after{z-index:-1}   /* decorations sit under the letter: it is plain text here, not an element */
.wb[data-t] .tile.flip,.wb[data-t] .tile.flip[data-state]{animation:wb-turn 500ms ease forwards,wb-blank 250ms steps(1,end)}
.wb[data-t] .tile.flip::before,.wb[data-t] .tile.flip::after{animation:wb-unseen 250ms steps(1,end)}
@keyframes wb-turn{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
@keyframes wb-blank{from,to{background:var(--e-bg);color:var(--f-ink);border-color:var(--f-bd);box-shadow:none;text-shadow:none}}
@keyframes wb-unseen{from,to{opacity:0}}
.wb[data-t] .key{background:var(--key);color:var(--key-ink);box-shadow:0 .15em 0 var(--key-lip);font-family:var(--font);font-weight:var(--fw);text-shadow:none;border-color:transparent}
.wb[data-t] .key[data-state=correct]{background:var(--c);color:var(--s-ink);box-shadow:0 .15em 0 var(--c-lip)}.wb[data-t] .key[data-state=present]{background:var(--p);color:var(--s-ink);box-shadow:0 .15em 0 var(--p-lip)}.wb[data-t] .key[data-state=absent]{background:var(--ka);color:var(--ka-ink);box-shadow:none}
.wb[data-t].grid{position:relative;isolation:isolate}
.wb[data-t].grid::before{content:'';position:absolute;inset:-8px;border-radius:18px;background:var(--bg);z-index:-1}
@media (prefers-reduced-motion:reduce){.wb[data-t] .tile,.wb[data-t] .tile::before,.wb[data-t] .tile::after{animation:none!important}}
.wb[data-t=contrast]{--c:#E66100;--c-lip:#A84600;--p:#3D8BF0;--p-lip:#2566BF;--a:#4A4860;--a-lip:#2A2838}
.wb[data-t=contrast] .tile[data-state]::after{position:absolute;right:calc(.28*var(--u));top:calc(.2*var(--u));font:800 calc(1.1*var(--u))/1 'Nunito',sans-serif;z-index:1}
.wb[data-t=contrast] .tile[data-state=correct]::after{content:'✓'}
.wb[data-t=contrast] .tile[data-state=present]::after{content:'•';font-size:calc(1.8*var(--u));top:calc(-.05*var(--u))}
.wb[data-t=mint]{--bg:#EEF8F1;--e-bg:#fff;--e-bd:#CDE5D6;--f-bd:#5BB98C;--f-ink:#173B2B;--c:#2FA36B;--c-lip:#1F7A4E;--p:#F2A93B;--p-lip:#C27F14;--a:#A9B8B0;--a-lip:#8A9A92;--key:#D9EDE1;--key-ink:#173B2B;--key-lip:#B5D5C3;--ka:#E6EEE9;--ka-ink:#A3B3AA;--hd-ink:#3E6B55}
.wb[data-t=midnight]{--bg:linear-gradient(#17113A,#0A0720);--e-bg:rgba(167,139,250,.08);--e-bd:#3A2F6B;--f-bd:#A78BFA;--c:#7C5CFA;--c-lip:#4B2FC4;--p:#E879A6;--p-lip:#A8386A;--a:#2C2650;--a-lip:#17132B;--key:#2B2456;--key-lip:#171232;--ka:#151029;--ka-ink:#4F4780;--hd-ink:#C4B5FD}
.wb[data-t=sunset]{--bg:linear-gradient(#FF9A6B,#C2417A 55%,#3A1B5E);--e-bg:rgba(255,255,255,.16);--e-bd:rgba(255,255,255,.5);--f-bd:#fff;--f-ink:#fff;--c:#16B88A;--c-lip:#0C7F5E;--p:#FFD166;--p-lip:#C99A2A;--a:rgba(42,16,62,.62);--a-lip:rgba(20,6,34,.7);--key:rgba(255,255,255,.2);--key-lip:rgba(40,10,60,.4);--ka:rgba(30,10,50,.45);--ka-ink:rgba(255,255,255,.4);--hd-ink:#fff}
.wb[data-t=sunset] .tile[data-state=present],.wb[data-t=sunset] .key[data-state=present]{color:#5A3A00}
.wb[data-t=mono]{--bg:#F3EFE6;--font:'Playfair Display',Georgia,serif;--fw:800;--rad:0;--e-bg:transparent;--e-bd:#B9B2A2;--f-bd:#111;--f-ink:#111;--c:#111;--c-lip:transparent;--p:#F3EFE6;--p-lip:transparent;--a:#DAD4C6;--a-lip:transparent;--key:#E4DED0;--key-ink:#111;--key-lip:#BDB6A4;--ka:#EFEBE1;--ka-ink:#B5AE9E;--hd-ink:#444}
.wb[data-t=mono] .tile{border-width:calc(.14*var(--u))}
.wb[data-t=mono] .tile[data-state=present]{color:#111;border:calc(.14*var(--u)) solid #111;box-shadow:inset 0 0 0 calc(.22*var(--u)) #F3EFE6,inset 0 0 0 calc(.36*var(--u)) #111}
.wb[data-t=mono] .tile[data-state=absent]{color:#9A9484}
.wb[data-t=mono] .tile[data-state=absent]{text-decoration:line-through;text-decoration-thickness:.06em}
.wb[data-t=mono] .key[data-state=present]{color:#111;box-shadow:inset 0 0 0 .14em #111}
.wb[data-t=paper]{--bg:repeating-linear-gradient(#F6EFD9 0 calc(2.1*var(--u)),#D9CFB0 calc(2.1*var(--u)) calc(2.2*var(--u)));--font:'Special Elite','Courier New',monospace;--fs:calc(3.2*var(--u));--rad:calc(.25*var(--u));--e-bg:transparent;--e-bd:#B8AD8C;--f-bd:#3A3528;--f-ink:#2A2620;--c:#1F6F4A;--p:#B8741A;--a:#6F6A5C;--c-lip:transparent;--p-lip:transparent;--a-lip:transparent;--s-ink:#F6EFD9;--key:#EDE4C8;--key-ink:#2A2620;--key-lip:#C9BE9C;--ka:#F1EAD4;--ka-ink:#B9AE90;--hd-ink:#5A5240;--rv:stamp;--rvd:.55s}
.wb[data-t=paper] .tile{border-style:dashed;border-width:calc(.14*var(--u))}
.wb[data-t=paper] .tile[data-state]{box-shadow:inset 0 0 0 calc(.2*var(--u)) rgba(246,239,217,.4);border:calc(.14*var(--u)) solid transparent}
.wb[data-t=paper] .tile[data-state]:nth-child(3n){transform:rotate(-2.5deg)}
.wb[data-t=paper] .tile[data-state]:nth-child(3n+1){transform:rotate(1.8deg)}
.wb[data-t=paper] .tile[data-state=absent]{opacity:.88}
.wb[data-t=wood]{--bg:repeating-linear-gradient(90deg,#3B2616 0 calc(5.8*var(--u)),#33200F calc(5.8*var(--u)) calc(6*var(--u))),#3B2616;--rad:calc(.5*var(--u));--e-bg:rgba(0,0,0,.28);--e-bd:rgba(0,0,0,.35);--f-bd:#8A5A2B;--f-ink:#3A2410;--s-ink:#2A1A08;--c-lip:#2E6E2A;--p-lip:#A8690E;--a-lip:#33291F;--key:#C99A55;--key-ink:#3A2410;--key-lip:#8A5A2B;--ka:#4A3A2C;--ka-ink:#8A7460;--hd-ink:#E8C58A;--rv:drop;--rvd:.6s}
.wb[data-t=wood] .tile{box-shadow:inset 0 calc(.3*var(--u)) calc(.5*var(--u)) rgba(0,0,0,.5)}
.wb[data-t=wood] .tile.has-letter:not([data-state]),.wb[data-t=wood] .tile[data-state]{background:repeating-linear-gradient(8deg,rgba(90,50,10,.13) 0 calc(.18*var(--u)),transparent calc(.18*var(--u)) calc(.5*var(--u))),linear-gradient(#EBCB92,#C99A55);border-color:transparent;box-shadow:0 calc(.42*var(--u)) 0 #8A5A2B,0 calc(.7*var(--u)) calc(.6*var(--u)) rgba(0,0,0,.45)}
.wb[data-t=wood] .tile{text-shadow:0 .03em 0 rgba(255,255,255,.55)}
.wb[data-t=wood] .tile[data-state=correct]{background:repeating-linear-gradient(8deg,rgba(0,60,0,.14) 0 calc(.18*var(--u)),transparent calc(.18*var(--u)) calc(.5*var(--u))),linear-gradient(#8FD67A,#46A040);box-shadow:0 calc(.42*var(--u)) 0 #2E6E2A,0 calc(.7*var(--u)) calc(.6*var(--u)) rgba(0,0,0,.45)}
.wb[data-t=wood] .tile[data-state=present]{background:repeating-linear-gradient(8deg,rgba(110,60,0,.16) 0 calc(.18*var(--u)),transparent calc(.18*var(--u)) calc(.5*var(--u))),linear-gradient(#FFD467,#E09A1C);box-shadow:0 calc(.42*var(--u)) 0 #A8690E,0 calc(.7*var(--u)) calc(.6*var(--u)) rgba(0,0,0,.45)}
.wb[data-t=wood] .tile[data-state=absent]{background:repeating-linear-gradient(8deg,rgba(0,0,0,.2) 0 calc(.18*var(--u)),transparent calc(.18*var(--u)) calc(.5*var(--u))),linear-gradient(#7A6A58,#54463A);color:#C9B8A2;box-shadow:0 calc(.42*var(--u)) 0 #33291F,0 calc(.7*var(--u)) calc(.6*var(--u)) rgba(0,0,0,.45)}
.wb[data-t=wood] .tile[data-state=absent]{text-shadow:none}
.wb[data-t=wood] .key[data-state=correct]{background:linear-gradient(#8FD67A,#46A040)}
.wb[data-t=wood] .key[data-state=present]{background:linear-gradient(#FFD467,#E09A1C)}
.wb[data-t=chalk]{--bg:radial-gradient(60% 40% at 30% 20%,rgba(255,255,255,.07),transparent),radial-gradient(50% 40% at 75% 70%,rgba(255,255,255,.05),transparent),#23382F;--font:'Gochi Hand','Comic Sans MS',cursive;--fs:calc(3.6*var(--u));--e-bg:transparent;--e-bd:rgba(255,255,255,.4);--f-bd:rgba(255,255,255,.9);--f-ink:#fff;--s-ink:#12241C;--c:#7FDB98;--p:#FFD970;--a:rgba(255,255,255,.16);--c-lip:transparent;--p-lip:transparent;--a-lip:transparent;--key:rgba(255,255,255,.1);--key-lip:transparent;--ka:rgba(0,0,0,.2);--ka-ink:rgba(255,255,255,.3);--hd-ink:rgba(255,255,255,.8);--rv:chalk;--rvd:.5s;box-shadow:inset 0 0 0 calc(.7*var(--u)) #7A5230,inset 0 0 0 calc(.9*var(--u)) #4E3118}
.wb[data-t=chalk] .tile{border-width:calc(.16*var(--u));border-radius:14% 22% 16% 24%/20% 14% 24% 16%}
.wb[data-t=chalk] .tile[data-state=correct]{background:repeating-linear-gradient(-58deg,#7FDB98 0 calc(.3*var(--u)),rgba(127,219,152,.72) calc(.3*var(--u)) calc(.44*var(--u)))}
.wb[data-t=chalk] .tile[data-state=present]{background:repeating-linear-gradient(-58deg,#FFD970 0 calc(.3*var(--u)),rgba(255,217,112,.72) calc(.3*var(--u)) calc(.44*var(--u)))}
.wb[data-t=chalk] .tile[data-state=absent]{color:rgba(255,255,255,.55);border:calc(.16*var(--u)) solid rgba(255,255,255,.25)}
.wb[data-t=chalk] .key{border:.1em solid rgba(255,255,255,.35)}
.wb[data-t=chalk] .key[data-state=correct],.wb[data-t=chalk] .key[data-state=present]{color:#12241C}
.wb[data-t=neon]{--bg:linear-gradient(transparent 62%,rgba(240,70,200,.16)),repeating-linear-gradient(90deg,rgba(240,171,252,.07) 0 calc(.08*var(--u)),transparent calc(.08*var(--u)) calc(3.4*var(--u))),#07060F;--font:'Orbitron',sans-serif;--fw:800;--fs:calc(2.7*var(--u));--rad:calc(.5*var(--u));--e-bg:transparent;--e-bd:#2E2752;--f-bd:#F0ABFC;--f-ink:#F5D0FE;--c:transparent;--p:transparent;--a:transparent;--c-lip:transparent;--p-lip:transparent;--a-lip:transparent;--key:#151226;--key-ink:#C4B5FD;--key-lip:#0A0816;--ka:#0B0A14;--ka-ink:#3A3558;--hd-ink:#F0ABFC;--rv:flick;--rvd:.6s}
.wb[data-t=neon] .tile.has-letter:not([data-state]){box-shadow:0 0 calc(.7*var(--u)) rgba(240,171,252,.5)}
.wb[data-t=neon] .tile[data-state=correct]{border-color:#39FF88;color:#B8FFD6;box-shadow:0 0 calc(.9*var(--u)) #39FF88,inset 0 0 calc(.9*var(--u)) rgba(57,255,136,.4)}
.wb[data-t=neon] .tile[data-state=correct]{text-shadow:0 0 .3em #39FF88}
.wb[data-t=neon] .tile[data-state=present]{border-color:#FFD23F;color:#FFF0B0;box-shadow:0 0 calc(.9*var(--u)) #FFB020,inset 0 0 calc(.9*var(--u)) rgba(255,190,40,.35)}
.wb[data-t=neon] .tile[data-state=present]{text-shadow:0 0 .3em #FFB020}
.wb[data-t=neon] .tile[data-state=absent]{border-color:#241F3E;color:#4A4470;box-shadow:none}
.wb[data-t=neon] .key[data-state=correct]{background:#0E2A1C;color:#39FF88;box-shadow:0 0 .5em #39FF88}
.wb[data-t=neon] .key[data-state=present]{background:#2A2208;color:#FFD23F;box-shadow:0 0 .5em #FFB020}
.wb[data-t=pixel]{--bg:radial-gradient(calc(.12*var(--u)) calc(.12*var(--u)) at 12% 18%,#fff 99%,transparent),radial-gradient(calc(.12*var(--u)) calc(.12*var(--u)) at 78% 9%,#fff 99%,transparent),radial-gradient(calc(.12*var(--u)) calc(.12*var(--u)) at 55% 30%,#9AA 99%,transparent),radial-gradient(calc(.12*var(--u)) calc(.12*var(--u)) at 90% 62%,#fff 99%,transparent),radial-gradient(calc(.12*var(--u)) calc(.12*var(--u)) at 8% 74%,#9AA 99%,transparent),#1B1B3A;--font:'Press Start 2P',monospace;--fs:calc(2.1*var(--u));--rad:0;--e-bg:#262650;--e-bd:#3A3A72;--f-bd:#9A9AE0;--c:#3CCB5A;--p:#F2B632;--a:#55557A;--c-lip:transparent;--p-lip:transparent;--a-lip:transparent;--key:#3A3A72;--key-lip:transparent;--ka:#222244;--ka-ink:#55557A;--hd-ink:#C8C8FF;--rv:pix;--rvd:.5s}
.wb[data-t=pixel] .tile{border-width:calc(.26*var(--u));image-rendering:pixelated}
.wb[data-t=pixel] .tile[data-state],.wb[data-t=pixel] .key{box-shadow:inset -.28em -.28em 0 rgba(0,0,0,.35),inset .28em .28em 0 rgba(255,255,255,.28);border-radius:0}
.wb[data-t=pixel] .key{font-size:.62em}
.wb[data-t=candy]{--bg:radial-gradient(calc(.5*var(--u)) calc(.5*var(--u)) at 50% 50%,rgba(255,255,255,.75) 98%,transparent) 0 0/calc(4.2*var(--u)) calc(4.2*var(--u)),linear-gradient(#FFD9EC,#FFE9C9);--rad:calc(1.5*var(--u));--e-bg:rgba(255,255,255,.75);--e-bd:#FFC2DD;--f-bd:#FF6FB1;--f-ink:#8A2A5E;--c-lip:#1E9A58;--p-lip:#D97706;--a-lip:#8A78A6;--key:#fff;--key-ink:#8A2A5E;--key-lip:#FFB3D6;--ka:#F1DDEA;--ka-ink:#CDA9BF;--hd-ink:#B03A7A;--rv:jelly;--rvd:.6s}
.wb[data-t=candy] .tile[data-state]{box-shadow:0 calc(.42*var(--u)) 0 var(--lip),inset 0 calc(-.5*var(--u)) calc(.6*var(--u)) rgba(0,0,0,.12)}
.wb[data-t=candy] .tile[data-state]::before{content:'';position:absolute;left:14%;right:14%;top:8%;height:30%;border-radius:50%;background:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.1))}
.wb[data-t=candy] .tile[data-state=correct]{background:linear-gradient(#86EBA0,#2FBF71)}
.wb[data-t=candy] .tile[data-state=present]{background:linear-gradient(#FFDD77,#FF9F1C)}
.wb[data-t=candy] .tile[data-state=absent]{background:linear-gradient(#CFC0DE,#A593BD)}
.wb[data-t=candy] .key{border-radius:1em}
.wb[data-t=candy] .key[data-state=correct]{background:linear-gradient(#86EBA0,#2FBF71)}
.wb[data-t=candy] .key[data-state=present]{background:linear-gradient(#FFDD77,#FF9F1C)}
.wb[data-t=blueprint]{--bg:repeating-linear-gradient(rgba(255,255,255,.1) 0 calc(.06*var(--u)),transparent calc(.06*var(--u)) calc(1.7*var(--u))),repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 calc(.06*var(--u)),transparent calc(.06*var(--u)) calc(1.7*var(--u))),#143F86;--font:'Share Tech Mono',monospace;--fs:calc(3.3*var(--u));--rad:0;--e-bg:transparent;--e-bd:rgba(255,255,255,.45);--f-bd:#fff;--f-ink:#fff;--c:#fff;--p:transparent;--a:transparent;--c-lip:transparent;--p-lip:transparent;--a-lip:transparent;--key:rgba(255,255,255,.12);--key-lip:transparent;--ka:rgba(0,0,0,.18);--ka-ink:rgba(255,255,255,.3);--hd-ink:#fff;--rv:draw;--rvd:.5s}
.wb[data-t=blueprint] .tile{border-width:calc(.1*var(--u))}
.wb[data-t=blueprint] .tile::before,.wb[data-t=blueprint] .tile::after{content:'';position:absolute;width:calc(.7*var(--u));height:calc(.7*var(--u));border:calc(.08*var(--u)) solid rgba(255,255,255,.8)}
.wb[data-t=blueprint] .tile::before{left:calc(-.42*var(--u));top:calc(-.42*var(--u));border-right:0;border-bottom:0}
.wb[data-t=blueprint] .tile::after{right:calc(-.42*var(--u));bottom:calc(-.42*var(--u));border-left:0;border-top:0}
.wb[data-t=blueprint] .tile[data-state=correct]{color:#143F86}
.wb[data-t=blueprint] .tile[data-state=present]{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.55) 0 calc(.1*var(--u)),transparent calc(.1*var(--u)) calc(.55*var(--u)));border:calc(.1*var(--u)) solid #fff}
.wb[data-t=blueprint] .tile[data-state=absent]{border:calc(.1*var(--u)) dashed rgba(255,255,255,.35);color:rgba(255,255,255,.4)}
.wb[data-t=blueprint] .key{border:.08em solid rgba(255,255,255,.5)}
.wb[data-t=blueprint] .key[data-state=correct]{color:#143F86}
.wb[data-t=blueprint] .key[data-state=present]{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.5) 0 .1em,transparent .1em .45em)}
.wb[data-t=space]{--bg:radial-gradient(90% 60% at 70% 10%,#2A1F6B,transparent),radial-gradient(70% 50% at 10% 90%,#3A1050,transparent),#05040F;--font:'Orbitron',sans-serif;--fw:700;--fs:calc(2.7*var(--u));--rad:0;--e-bg:rgba(120,160,255,.07);--e-bd:rgba(140,180,255,.4);--f-bd:#BFD6FF;--f-ink:#E6EEFF;--c:rgba(60,255,200,.2);--p:rgba(255,200,80,.2);--a:rgba(255,255,255,.04);--c-lip:transparent;--p-lip:transparent;--a-lip:transparent;--key:rgba(120,160,255,.14);--key-lip:transparent;--ka:rgba(255,255,255,.03);--ka-ink:#46507A;--hd-ink:#BFD6FF;--rv:warp;--rvd:.7s}
.wb[data-t=space] .tile,.wb[data-t=space] .key{border-width:.12em;clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%)}
.wb[data-t=space] .tile[data-state=correct]{border-color:#3CFFC8;color:#D6FFF4;box-shadow:inset 0 0 calc(1.2*var(--u)) rgba(60,255,200,.5)}
.wb[data-t=space] .tile[data-state=correct]{text-shadow:0 0 .35em #3CFFC8}
.wb[data-t=space] .tile[data-state=present]{border-color:#FFC850;color:#FFF0C2;box-shadow:inset 0 0 calc(1.2*var(--u)) rgba(255,200,80,.45)}
.wb[data-t=space] .tile[data-state=absent]{border-color:rgba(255,255,255,.14);color:#5F6A94}
.wb[data-t=space] .key{border:.1em solid rgba(140,180,255,.3)}
.wb[data-t=space] .key[data-state=correct]{color:#3CFFC8;border-color:#3CFFC8}
.wb[data-t=space] .key[data-state=present]{color:#FFC850;border-color:#FFC850}
.wb[data-t=ocean]{--bg:linear-gradient(#0C6FA6,#063A66 45%,#03182F);--rad:calc(1.2*var(--u));--e-bg:rgba(255,255,255,.08);--e-bd:rgba(160,220,255,.4);--f-bd:#BDEBFF;--c-lip:#0B7A68;--p-lip:#B86A18;--a-lip:rgba(2,16,32,.6);--key:rgba(160,220,255,.16);--key-lip:rgba(2,20,40,.5);--ka:rgba(2,16,32,.45);--ka-ink:#4F7696;--hd-ink:#BDEBFF;--rv:ripple;--rvd:.7s}
.wb[data-t=ocean] .tile[data-state]::before{content:'';position:absolute;left:12%;right:30%;top:9%;height:22%;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(calc(.12*var(--u)))}
.wb[data-t=ocean] .tile[data-state=correct]{background:linear-gradient(#4FEBCB,#12A38A)}
.wb[data-t=ocean] .tile[data-state=present]{background:linear-gradient(#FFD98A,#F29B38)}
.wb[data-t=ocean] .tile[data-state=absent]{background:rgba(6,36,64,.75);color:#6F9AB8}
.wb[data-t=ocean] .key[data-state=correct]{background:linear-gradient(#4FEBCB,#12A38A)}
.wb[data-t=ocean] .key[data-state=present]{background:linear-gradient(#FFD98A,#F29B38)}
.wb[data-t=forge]{--bg:radial-gradient(120% 50% at 50% 108%,#B8380A,#4A1404 40%,transparent 70%),#140E0B;--rad:calc(.3*var(--u));--e-bg:#1C1816;--e-bd:#0C0A09;--f-bd:#8A7E74;--f-ink:#E0D8CE;--c-lip:#0F5A2C;--p-lip:#8A2A08;--a-lip:#0C0B0A;--key:linear-gradient(#4A4744,#2E2B29);--key-ink:#E0D8CE;--key-lip:#141211;--ka:#191716;--ka-ink:#4A4541;--hd-ink:#F2B27A;--rv:forge;--rvd:.75s}
.wb[data-t=forge] .tile.has-letter:not([data-state]){background:linear-gradient(#55514E,#33302E)}
.wb[data-t=forge] .tile[data-state],.wb[data-t=forge] .tile.has-letter:not([data-state]){background-image:radial-gradient(calc(.22*var(--u)) calc(.22*var(--u)) at 12% 12%,rgba(0,0,0,.55) 98%,transparent),radial-gradient(calc(.22*var(--u)) calc(.22*var(--u)) at 88% 12%,rgba(0,0,0,.55) 98%,transparent),radial-gradient(calc(.22*var(--u)) calc(.22*var(--u)) at 12% 88%,rgba(0,0,0,.55) 98%,transparent),radial-gradient(calc(.22*var(--u)) calc(.22*var(--u)) at 88% 88%,rgba(0,0,0,.55) 98%,transparent),var(--plate)}
.wb[data-t=forge] .tile.has-letter:not([data-state]){--plate:linear-gradient(#55514E,#33302E)}
.wb[data-t=forge] .tile[data-state=correct]{--plate:linear-gradient(#5BE08A,#1E8F4A);box-shadow:0 calc(.3*var(--u)) 0 var(--lip),0 0 calc(1*var(--u)) rgba(60,220,120,.35)}
.wb[data-t=forge] .tile[data-state=present]{--plate:linear-gradient(#FFB84A,#E0531A);box-shadow:0 calc(.3*var(--u)) 0 var(--lip),0 0 calc(1.2*var(--u)) rgba(255,120,30,.6)}
.wb[data-t=forge] .tile[data-state=absent]{--plate:linear-gradient(#262321,#1A1817);color:#5F5852}
.wb[data-t=forge] .key[data-state=correct]{background:linear-gradient(#5BE08A,#1E8F4A)}
.wb[data-t=forge] .key[data-state=present]{background:linear-gradient(#FFB84A,#E0531A)}
.wb[data-t=frost]{--bg:linear-gradient(#A9DCF7,#E6F6FF);--rad:calc(.7*var(--u));--e-bg:rgba(255,255,255,.55);--e-bd:rgba(110,170,215,.7);--f-bd:#1389C9;--f-ink:#0E4468;--c-lip:#0C6CA3;--p-lip:#5A3CC0;--a-lip:#9FB6C6;--key:rgba(255,255,255,.7);--key-ink:#0E4468;--key-lip:#8FC1E0;--ka:rgba(160,195,215,.45);--ka-ink:#8FA9BC;--hd-ink:#0E4468;--rv:crack;--rvd:.6s}
.wb[data-t=frost] .tile[data-state]{text-shadow:0 .04em .1em rgba(8,50,90,.55)}
.wb[data-t=frost] .tile[data-state=correct]{background:linear-gradient(135deg,#34B4EA,#0C6CA3)}
.wb[data-t=frost] .tile[data-state=present]{background:linear-gradient(135deg,#C4ADFF,#7C5CE0)}
.wb[data-t=frost] .tile[data-state=absent]{background:#C6D6E1;color:#7F97A8}
.wb[data-t=frost] .tile[data-state=correct]::before,.wb[data-t=frost] .tile[data-state=present]::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,transparent 22%,rgba(255,255,255,.4) 23%,transparent 24.5%),linear-gradient(48deg,transparent 70%,rgba(255,255,255,.34) 71%,transparent 72.5%),linear-gradient(160deg,transparent 80%,rgba(255,255,255,.3) 81%,transparent 82.5%),linear-gradient(rgba(255,255,255,.28),transparent 40%)}
.wb[data-t=frost] .key[data-state=correct]{background:linear-gradient(135deg,#6FDCFF,#1389C9)}
.wb[data-t=frost] .key[data-state=present]{background:linear-gradient(135deg,#C4ADFF,#7C5CE0)}
.wb[data-t=clock]{--bg:radial-gradient(90% 60% at 50% 30%,#4A3216,transparent),#1E1408;--rad:calc(.35*var(--u));--e-bg:#150E06;--e-bd:#6B4418;--f-bd:#E0A030;--f-ink:#3A2408;--s-ink:#fff;--c-lip:#0C5A3A;--p-lip:#9A5A06;--a-lip:#1C1814;--key:linear-gradient(#E3B458,#B07C22);--key-ink:#3A2408;--key-lip:#6B4418;--ka:#2A2018;--ka-ink:#6B5A44;--hd-ink:#F2CC7A;--rv:gear;--rvd:.9s}
.wb[data-t=clock].grid{perspective:calc(60*var(--u))}
.wb[data-t=clock] .tile.has-letter:not([data-state]){background:linear-gradient(#E9C06A,#B07C22);box-shadow:inset 0 0 0 calc(.12*var(--u)) rgba(255,240,190,.5)}
.wb[data-t=clock] .tile[data-state]{border:calc(.2*var(--u)) solid #E0A030;box-shadow:0 calc(.3*var(--u)) 0 var(--lip),inset 0 0 0 calc(.1*var(--u)) rgba(0,0,0,.35)}
.wb[data-t=clock] .tile[data-state=correct]{background:linear-gradient(#3FC890,#157A52)}
.wb[data-t=clock] .tile[data-state=present]{background:linear-gradient(#FFD362,#E08A12);color:#3A2408}
.wb[data-t=clock] .tile[data-state=absent]{background:linear-gradient(#4A4138,#2E2822);color:#9A8A74;border-color:#6B5A44}
.wb[data-t=clock] .key[data-state=correct]{background:linear-gradient(#3FC890,#157A52);color:#fff}
.wb[data-t=clock] .key[data-state=present]{background:linear-gradient(#FFD362,#E08A12);color:#3A2408}
.wb[data-t=storm]{--bg:radial-gradient(80% 30% at 30% 0,#3A4866,transparent),radial-gradient(70% 28% at 80% 4%,#2E3A54,transparent),linear-gradient(#182033,#090C15);--rad:calc(.5*var(--u));--e-bg:rgba(255,255,255,.05);--e-bd:#35445F;--f-bd:#9FC4FF;--f-ink:#DCE8FF;--c-lip:#1B49A8;--p-lip:#8A4A12;--a-lip:#0C1019;--key:#263248;--key-lip:#121A2A;--ka:#121826;--ka-ink:#3F4C66;--hd-ink:#9FC4FF;--rv:zap;--rvd:.6s}
.wb[data-t=storm] .tile[data-state=correct]{background:linear-gradient(#7FC4FF,#2A6BE0);box-shadow:0 calc(.3*var(--u)) 0 var(--lip),0 0 calc(1.2*var(--u)) rgba(95,170,255,.7)}
.wb[data-t=storm] .tile[data-state=present]{background:linear-gradient(#F7B26A,#C96A1E)}
.wb[data-t=storm] .tile[data-state=absent]{background:#1A2233;color:#7F90B0}
.wb[data-t=storm] .key[data-state=correct]{background:linear-gradient(#7FC4FF,#2A6BE0)}
.wb[data-t=storm] .key[data-state=present]{background:linear-gradient(#F7B26A,#C96A1E)}
.wb[data-t=glass]{--bg:radial-gradient(70% 45% at 50% 0,rgba(255,220,150,.22),transparent),linear-gradient(#1B1626,#0D0A14);--font:'Cinzel',Georgia,serif;--fw:800;--fs:calc(3*var(--u));--rad:calc(.2*var(--u));--e-bg:rgba(255,255,255,.06);--e-bd:#0E0C0A;--f-bd:#C9B88A;--f-ink:#F2E6C8;--c-lip:transparent;--p-lip:transparent;--a-lip:transparent;--key:rgba(255,255,255,.08);--key-ink:#F2E6C8;--key-lip:#07060A;--ka:rgba(0,0,0,.35);--ka-ink:#5A5470;--hd-ink:#E8D49A;--rv:glass;--rvd:.8s}
.wb[data-t=glass].grid{gap:calc(.24*var(--u));padding:calc(.3*var(--u));background:#0E0C0A;border-radius:calc(6*var(--u)) calc(6*var(--u)) calc(.4*var(--u)) calc(.4*var(--u)) / calc(3.4*var(--u)) calc(3.4*var(--u)) calc(.4*var(--u)) calc(.4*var(--u));box-shadow:0 0 0 calc(.3*var(--u)) #2A2420,0 0 calc(2.4*var(--u)) rgba(255,210,140,.25)}
.wb[data-t=glass] .tile{border:0;background:linear-gradient(160deg,rgba(190,205,255,.13),rgba(190,205,255,.04));box-shadow:inset 0 0 0 calc(.08*var(--u)) rgba(255,255,255,.07)}
.wb[data-t=glass] .tile.has-letter:not([data-state]){background:linear-gradient(160deg,rgba(255,240,200,.3),rgba(255,240,200,.12))}
.wb[data-t=glass].grid .tile:nth-child(1){border-top-left-radius:calc(5.2*var(--u)) calc(3*var(--u))}
.wb[data-t=glass].grid .tile:nth-child(5){border-top-right-radius:calc(5.2*var(--u)) calc(3*var(--u))}
.wb[data-t=glass] .tile[data-state]{box-shadow:inset 0 0 0 calc(.1*var(--u)) rgba(255,255,255,.25),inset 0 0 calc(1.2*var(--u)) rgba(0,0,0,.35)}
.wb[data-t=glass] .tile[data-state]::before{content:'';position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 20deg at 35% 30%,rgba(255,255,255,.3),transparent 18%,rgba(0,0,0,.18) 40%,transparent 60%,rgba(255,255,255,.2) 78%,transparent)}
.wb[data-t=glass] .tile[data-state=correct]{background:radial-gradient(circle at 30% 25%,#A8F7C0,#1FA85A 55%,#0E6A38)}
.wb[data-t=glass] .tile[data-state=present]{background:radial-gradient(circle at 30% 25%,#FFE9A6,#F0A020 55%,#A85E08)}
.wb[data-t=glass] .tile[data-state=absent]{background:radial-gradient(circle at 30% 25%,#6E6888,#3A3550 55%,#221F33);color:#A6A0BE}
.wb[data-t=glass] .tile[data-state]{text-shadow:0 .05em .12em rgba(0,0,0,.6)}
.wb[data-t=glass] .key[data-state=correct]{background:radial-gradient(circle at 30% 25%,#A8F7C0,#1FA85A)}
.wb[data-t=glass] .key[data-state=present]{background:radial-gradient(circle at 30% 25%,#FFE9A6,#F0A020)}
.wb[data-t=gold]{--bg:radial-gradient(calc(.1*var(--u)) calc(.1*var(--u)) at 50% 50%,rgba(245,179,1,.35) 98%,transparent) 0 0/calc(2.4*var(--u)) calc(2.4*var(--u)),radial-gradient(80% 50% at 50% 0,rgba(245,179,1,.14),transparent),#0C0A07;--font:'Cinzel',Georgia,serif;--fw:800;--fs:calc(3*var(--u));--rad:calc(.3*var(--u));--e-bg:rgba(255,200,80,.04);--e-bd:#5A4516;--f-bd:#F5D98A;--f-ink:#F5D98A;--c-lip:#7A5606;--p-lip:#5A0A18;--a-lip:#060504;--key:#1C1810;--key-ink:#F5D98A;--key-lip:#070604;--ka:#100E0A;--ka-ink:#4A412C;--hd-ink:#F5D98A;--rv:gild;--rvd:.6s}
.wb[data-t=gold] .tile[data-state]{overflow:hidden}
.wb[data-t=gold] .tile[data-state=correct]{background:linear-gradient(135deg,#FFF3C0,#F5B301 38%,#B8860B 68%,#FFE08A);color:#3A2500;box-shadow:0 calc(.3*var(--u)) 0 var(--lip),0 0 calc(1.1*var(--u)) rgba(245,179,1,.45)}
.wb[data-t=gold] .tile[data-state=correct]::after{content:'';position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:wb-sheen 2.8s ease-in-out infinite}
.wb[data-t=gold] .tile[data-state=present]{background:linear-gradient(135deg,#E8405A,#8A1020);color:#FFE9B0;box-shadow:0 calc(.3*var(--u)) 0 var(--lip),inset 0 0 0 calc(.14*var(--u)) #F5B301}
.wb[data-t=gold] .tile[data-state=absent]{background:#17140F;color:#6B6248;box-shadow:0 calc(.3*var(--u)) 0 var(--lip),inset 0 0 0 calc(.1*var(--u)) #3A3220}
.wb[data-t=gold] .key{box-shadow:0 .22em 0 var(--key-lip),inset 0 0 0 .08em #5A4516}
.wb[data-t=gold] .key[data-state=correct]{background:linear-gradient(135deg,#FFF3C0,#F5B301,#B8860B);color:#3A2500}
.wb[data-t=gold] .key[data-state=present]{background:linear-gradient(135deg,#E8405A,#8A1020);color:#FFE9B0}
.wb[data-t=phoenix]{--bg:radial-gradient(120% 45% at 50% 106%,#FF6A1A,#8A1E06 38%,transparent 70%),linear-gradient(#2A0C06,#0C0300);--rad:calc(.5*var(--u));--e-bg:#1A100C;--e-bd:#4A2A1A;--f-bd:#FFB36B;--f-ink:#FFE1C4;--c-lip:#A8380A;--p-lip:#4A081A;--a-lip:#0E0B0A;--key:#2A1810;--key-ink:#FFD9B8;--key-lip:#120905;--ka:#150E0B;--ka-ink:#4A3A32;--hd-ink:#FFB36B;--rv:burn;--rvd:.7s}
.wb[data-t=phoenix] .tile[data-state=correct]{background:linear-gradient(#FFF0A0,#FF9A1A 45%,#E0380A);color:#3A1200;box-shadow:0 calc(.3*var(--u)) 0 var(--lip),0 0 calc(1.4*var(--u)) rgba(255,130,30,.75)}
.wb[data-t=phoenix] .tile[data-state=present]{background:linear-gradient(#D83A62,#7A0E2A);color:#FFD9C9}
.wb[data-t=phoenix] .tile[data-state=absent]{background:#2A2523;color:#6A625C}
.wb[data-t=phoenix] .key[data-state=correct]{background:linear-gradient(#FFF0A0,#FF9A1A,#E0380A);color:#3A1200}
.wb[data-t=phoenix] .key[data-state=present]{background:linear-gradient(#D83A62,#7A0E2A)}
.wb[data-t=void]{--bg:radial-gradient(60% 40% at 50% 38%,#2A1060,transparent),#05020C;--font:'Orbitron',sans-serif;--fw:700;--fs:calc(2.7*var(--u));--rad:calc(.4*var(--u));--e-bg:#0C0816;--e-bd:#33245C;--f-bd:#D946EF;--f-ink:#F0D9FF;--c-lip:#4A1FA8;--p-lip:#0A6A8A;--a-lip:#050308;--key:#150E28;--key-ink:#E9D5FF;--key-lip:#07040F;--ka:#0A0714;--ka-ink:#3A2F5C;--hd-ink:#E9B8FF;--rv:void;--rvd:.7s}
.wb[data-t=void] .tile[data-state=correct]{background:linear-gradient(135deg,#F06AFF,#7C3AED);box-shadow:0 calc(.3*var(--u)) 0 var(--lip),0 0 calc(1.3*var(--u)) rgba(217,70,239,.7)}
.wb[data-t=void] .tile[data-state=present]{background:linear-gradient(135deg,#5CF0FF,#0E8FB8);color:#04222C}
.wb[data-t=void] .tile[data-state=absent]{background:#110C1E;color:#4F4670;box-shadow:0 calc(.3*var(--u)) 0 var(--lip),inset 0 0 0 calc(.1*var(--u)) #241B3A}
.wb[data-t=void] .key[data-state=correct]{background:linear-gradient(135deg,#F06AFF,#7C3AED)}
.wb[data-t=void] .key[data-state=present]{background:linear-gradient(135deg,#5CF0FF,#0E8FB8);color:#04222C}
.wb[data-t=harvest]{--bg:repeating-linear-gradient(0deg,rgba(185,28,28,.38) 0 calc(2.1*var(--u)),transparent calc(2.1*var(--u)) calc(4.2*var(--u))),repeating-linear-gradient(90deg,rgba(185,28,28,.38) 0 calc(2.1*var(--u)),transparent calc(2.1*var(--u)) calc(4.2*var(--u))),#F6E7CB;--rad:calc(.45*var(--u));--e-bg:rgba(255,250,240,.86);--e-bd:#B8935A;--f-bd:#7C2D12;--f-ink:#4A1D08;--s-ink:#fff;--c:#E8590C;--c-lip:#9A3412;--p:#EAB308;--p-lip:#A16207;--a:#6B4423;--a-lip:#3E2510;--key:#FFF8EA;--key-ink:#4A1D08;--key-lip:#C9A66B;--ka:#D9C8A6;--ka-ink:#9A8460;--hd-ink:#4A1D08;--rv:napkin;--rvd:.6s}
.wb[data-t=harvest] .tile{border-style:dashed}
.wb[data-t=harvest] .tile[data-state]{border-style:solid}
.wb[data-t=harvest] .tile[data-state]::before{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 calc(.32*var(--u)),transparent calc(.32*var(--u)) calc(.96*var(--u))),repeating-linear-gradient(90deg,rgba(0,0,0,.13) 0 calc(.32*var(--u)),transparent calc(.32*var(--u)) calc(.96*var(--u)));box-shadow:inset 0 0 0 calc(.13*var(--u)) rgba(255,255,255,.3)}
.wb[data-t=harvest] .tile[data-state]{text-shadow:0 .05em .08em rgba(0,0,0,.45)}
.wb[data-t=harvest] .tile[data-state=present]{color:#3A2A05}
.wb[data-t=harvest] .tile[data-state=present]{text-shadow:none}
.wb[data-t=harvest] .tile[data-state=absent]{color:#D9C8A6}
.wb[data-t=harvest] .key[data-state=present]{color:#3A2A05}
.wb[data-t=harvest] .key[data-state=absent]{color:#8A7450}
.wb[data-t=giftwrap]{--bg:radial-gradient(80% 45% at 50% 0,rgba(253,224,71,.16),transparent),linear-gradient(#0E3B25,#07231A);--rad:calc(.3*var(--u));--e-bg:rgba(255,255,255,.07);--e-bd:rgba(255,255,255,.3);--f-bd:#FDE047;--f-ink:#F8FAFC;--s-ink:#fff;--c:#16A34A;--c-lip:#0B5A2A;--p:#EAB308;--p-lip:#8A6508;--a:#2B2F36;--a-lip:#0E1014;--key:#F8FAFC;--key-ink:#0E3B25;--key-lip:#9FB4A6;--ka:#16402C;--ka-ink:#5C8A70;--hd-ink:#F8FAFC;--rv:unwrap;--rvd:.75s}
.wb[data-t=giftwrap] .tile{border-style:dashed}
.wb[data-t=giftwrap] .tile[data-state]{border-style:solid}
.wb[data-t=giftwrap] .tile[data-state=correct]{background:radial-gradient(circle,rgba(255,255,255,.22) 0 calc(.1*var(--u)),transparent calc(.12*var(--u))) 0 0/calc(.8*var(--u)) calc(.8*var(--u)),#16A34A}
.wb[data-t=giftwrap] .tile[data-state=present]{background:repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 calc(.22*var(--u)),transparent calc(.22*var(--u)) calc(.66*var(--u))),#EAB308;color:#3A2A05}
.wb[data-t=giftwrap] .tile[data-state=correct]::before,.wb[data-t=giftwrap] .tile[data-state=present]::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 41%,var(--rb) 41% 59%,transparent 59%),linear-gradient(transparent 41%,var(--rb) 41% 59%,transparent 59%);opacity:.92}
.wb[data-t=giftwrap] .tile[data-state=correct]{--rb:#FDE047}
.wb[data-t=giftwrap] .tile[data-state=present]{--rb:#DC2626}
.wb[data-t=giftwrap] .tile[data-state=correct]::after,.wb[data-t=giftwrap] .tile[data-state=present]::after{content:'';position:absolute;left:50%;top:calc(-.34*var(--u));width:calc(1.5*var(--u));height:calc(.8*var(--u));margin-left:calc(-.75*var(--u));background:radial-gradient(ellipse 50% 100% at 22% 60%,var(--rb) 0 96%,transparent),radial-gradient(ellipse 50% 100% at 78% 60%,var(--rb) 0 96%,transparent);filter:drop-shadow(0 calc(.06*var(--u)) calc(.06*var(--u)) rgba(0,0,0,.4))}
.wb[data-t=giftwrap] .tile[data-state=correct]{color:#0B3A1E;text-shadow:0 0 .12em #FDE047,0 0 .12em #FDE047}
.wb[data-t=giftwrap] .tile[data-state=present]{color:#fff;text-shadow:0 0 .14em #7F1D1D,0 0 .14em #7F1D1D}
.wb[data-t=giftwrap] .tile[data-state=absent]{border-radius:42% 58% 50% 50%/55% 46% 54% 45%;background:radial-gradient(circle at 34% 30%,#4B5563,#1F2329 62%,#0E1014);color:#8A93A3;box-shadow:0 calc(.3*var(--u)) 0 var(--lip),inset calc(-.2*var(--u)) calc(-.25*var(--u)) calc(.3*var(--u)) rgba(0,0,0,.5)}
.wb[data-t=giftwrap] .key[data-state=present]{color:#3A2A05}
.wb[data-t=giftwrap] .key[data-state=absent]{color:#5C8A70}
.wb[data-t=confetti]{--bg:radial-gradient(70% 40% at 50% 0,rgba(253,224,71,.14),transparent),linear-gradient(#0B0B1E,#05050F);--font:'Cinzel',Georgia,serif;--fw:800;--fs:calc(2.9*var(--u));--rad:calc(.3*var(--u));--e-bg:#0E0E22;--e-bd:#6B5512;--f-bd:#FDE047;--f-ink:#FDE68A;--s-ink:#fff;--c-lip:#7A5606;--p-lip:#5B6677;--a-lip:#05050F;--a:#14163A;--key:#15152E;--key-ink:#FDE68A;--key-lip:#05050F;--ka:#0B0B1C;--ka-ink:#3F3F66;--hd-ink:#FDE68A;--rv:popgold;--rvd:.6s}
.wb[data-t=confetti] .tile[data-state]{overflow:hidden}
.wb[data-t=confetti] .tile[data-state=correct]{background:linear-gradient(135deg,#FFF3C0,#F5B301 38%,#B8860B 68%,#FFE08A);color:#2A1D00;box-shadow:0 calc(.3*var(--u)) 0 var(--lip),0 0 calc(1.1*var(--u)) rgba(245,179,1,.5)}
.wb[data-t=confetti] .tile[data-state=correct]::after{content:'';position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:wb-sheen 2.6s ease-in-out infinite}
.wb[data-t=confetti] .tile[data-state=present]{background:linear-gradient(135deg,#FFFFFF,#B6C2D2 40%,#7C8AA0 70%,#E7ECF2);color:#111827;box-shadow:0 calc(.3*var(--u)) 0 var(--lip)}
.wb[data-t=confetti] .tile[data-state=absent]{background:#14163A;color:#5C60A0;box-shadow:0 calc(.3*var(--u)) 0 var(--lip),inset 0 0 0 calc(.1*var(--u)) #2A2D66}
.wb[data-t=confetti] .key{box-shadow:0 .22em 0 var(--key-lip),inset 0 0 0 .08em #6B5512}
.wb[data-t=confetti] .key[data-state=correct]{background:linear-gradient(135deg,#FFF3C0,#F5B301,#B8860B);color:#2A1D00}
.wb[data-t=confetti] .key[data-state=present]{background:linear-gradient(135deg,#fff,#94A3B8);color:#111827}
.wb[data-t=giftwrap] .tile[data-state=correct],.wb[data-t=giftwrap] .tile[data-state=present]{display:grid;place-items:center;width:1.22em;height:1.22em;border-radius:50%;background:#FFFDF5;color:#0B3A1E;text-shadow:none;font-size:calc(var(--fs)*.72);box-shadow:0 .05em .1em rgba(0,0,0,.45)}
.wb[data-t=giftwrap] .tile[data-state=present]{color:#7F1D1D}
@keyframes wb-pop{50%{transform:scale(1.12)}}
@keyframes wb-win{0%,100%{transform:translateY(0)}35%{transform:translateY(-1.5em) scale(1.06)}60%{transform:translateY(0)}78%{transform:translateY(-.4em)}}
@keyframes wb-flip{50%{transform:rotateX(90deg)}}
@keyframes wb-stamp{0%{transform:scale(1)}32%{transform:scale(1.55) rotate(-7deg);opacity:.5}50%{transform:scale(.84) rotate(2deg);opacity:1}70%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes wb-drop{38%{transform:translateY(-1.9em) rotate(-5deg)}60%{transform:translateY(0)}76%{transform:translateY(-.35em)}100%{transform:translateY(0)}}
@keyframes wb-chalk{0%{clip-path:polygon(0 0,0 0,-30% 100%,0 100%)}100%{clip-path:polygon(0 0,130% 0,100% 100%,0 100%)}}
@keyframes wb-flick{0%{opacity:1}8%{opacity:.15}16%{opacity:1}26%{opacity:.1}40%{opacity:1;filter:brightness(2.2)}52%{opacity:.5}64%{opacity:1}100%{opacity:1;filter:brightness(1)}}
@keyframes wb-pix{0%{transform:scale(1)}50%{transform:scale(.2);filter:brightness(2)}100%{transform:scale(1)}}
@keyframes wb-jelly{28%{transform:scale(1.28,.68)}48%{transform:scale(.8,1.22)}66%{transform:scale(1.12,.9)}84%{transform:scale(.96,1.04)}}
@keyframes wb-draw{0%{clip-path:inset(100% 0 0 0)}100%{clip-path:inset(0)}}
@keyframes wb-warp{45%{transform:scale(.04) rotate(120deg);opacity:0}55%{transform:scale(2.3);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes wb-ripple{25%{transform:rotate(-6deg) scale(1.1)}50%{transform:rotate(5deg) scale(.92) translateY(-.4em)}75%{transform:rotate(-2deg) scale(1.03)}}
@keyframes wb-forge{40%{filter:brightness(3.4) saturate(.2);transform:scale(1.07)}55%{filter:brightness(2.4)}100%{filter:brightness(1)}}
@keyframes wb-crack{22%{transform:scale(.88)}40%{transform:scale(1.08);filter:brightness(1.9)}100%{transform:scale(1)}}
@keyframes wb-gear{0%{transform:rotateX(0)}100%{transform:rotateX(720deg)}}
@keyframes wb-zap{0%{filter:brightness(1)}10%{filter:brightness(4.5);transform:scale(1.14)}22%{filter:brightness(1);transform:scale(1)}32%{filter:brightness(3)}100%{filter:brightness(1)}}
@keyframes wb-glass{0%{filter:brightness(1)}12%{filter:brightness(.35);transform:scale(.95)}60%{filter:brightness(2.1)}100%{filter:brightness(1);transform:scale(1)}}
@keyframes wb-gild{50%{transform:rotateY(90deg)}}
@keyframes wb-burn{0%{clip-path:inset(100% 0 0 0);filter:brightness(3)}100%{clip-path:inset(0);filter:brightness(1)}}
@keyframes wb-void{50%{transform:scale(0) rotate(180deg)}100%{transform:scale(1) rotate(360deg)}}
@keyframes wb-sheen{0%{transform:translateX(-140%) skewX(-20deg)}100%{transform:translateX(240%) skewX(-20deg)}}
@keyframes wb-napkin{0%{transform:rotate(0) scale(1)}35%{transform:rotate(-9deg) scale(1.16,.2)}55%{transform:rotate(5deg) scale(.96,1.08)}78%{transform:rotate(-2deg) scale(1.03,.97)}100%{transform:none}}
@keyframes wb-unwrap{0%{transform:rotate(0)}14%{transform:rotate(-9deg) scale(1.06)}28%{transform:rotate(8deg) scale(1.06)}42%{transform:rotate(-6deg) scale(1.1)}56%{transform:scale(.2);filter:brightness(2.4)}74%{transform:scale(1.16)}100%{transform:none;filter:none}}
@keyframes wb-popgold{0%{transform:scale(1)}40%{transform:scale(.3) rotate(-20deg);filter:brightness(3)}62%{transform:scale(1.28) rotate(6deg);filter:brightness(1.8)}100%{transform:none;filter:none}}