/* Generated by scripts/build-game-effects.js. Only transform and opacity animate. */
.effect-cloud1-0 { width: 79.6875%; height: 25.58594%; z-index: 1; background-image: url("../resources/game-effects/art-fb15d5339c4a.webp"); animation-name: effect-cloud1-0; transform: translate(23.42009%, 156.09483%) matrix(0.7865,0,0,0.7865,0,0); opacity: 1; }
@keyframes effect-cloud1-0 {
  0% { transform: translate(23.42009%, 156.09483%) matrix(0.7865,0,0,0.7865,0,0); opacity: 1; }
  3.33333% { transform: translate(23.50949%, 156.18421%) matrix(0.78471,0,0,0.78471,0,0); opacity: 1; }
  6.66667% { transform: translate(23.59887%, 156.2736%) matrix(0.78292,0,0,0.78292,0,0); opacity: 1; }
  10% { transform: translate(23.68826%, 156.363%) matrix(0.78114,0,0,0.78114,0,0); opacity: 1; }
  13.33333% { transform: translate(23.77766%, 156.45239%) matrix(0.77935,0,0,0.77935,0,0); opacity: 1; }
  16.66667% { transform: translate(23.86705%, 156.54178%) matrix(0.77756,0,0,0.77756,0,0); opacity: 1; }
  20% { transform: translate(23.95644%, 156.63117%) matrix(0.77577,0,0,0.77577,0,0); opacity: 1; }
  23.33333% { transform: translate(24.04582%, 156.72055%) matrix(0.77399,0,0,0.77399,0,0); opacity: 1; }
  26.66667% { transform: translate(24.13522%, 156.80995%) matrix(0.7722,0,0,0.7722,0,0); opacity: 1; }
  30% { transform: translate(24.22461%, 156.89934%) matrix(0.77041,0,0,0.77041,0,0); opacity: 1; }
  33.33333% { transform: translate(24.314%, 156.98874%) matrix(0.76862,0,0,0.76862,0,0); opacity: 1; }
  36.66667% { transform: translate(24.40339%, 157.07812%) matrix(0.76683,0,0,0.76683,0,0); opacity: 1; }
  40% { transform: translate(24.49278%, 157.16751%) matrix(0.76505,0,0,0.76505,0,0); opacity: 1; }
  43.33333% { transform: translate(24.58217%, 157.25691%) matrix(0.76326,0,0,0.76326,0,0); opacity: 1; }
  46.66667% { transform: translate(24.67156%, 157.34629%) matrix(0.76147,0,0,0.76147,0,0); opacity: 1; }
  50% { transform: translate(24.76095%, 157.43569%) matrix(0.75968,0,0,0.75968,0,0); opacity: 1; }
  53.33333% { transform: translate(24.85034%, 157.52508%) matrix(0.7579,0,0,0.7579,0,0); opacity: 1; }
  56.66667% { transform: translate(24.93974%, 157.61446%) matrix(0.75611,0,0,0.75611,0,0); opacity: 1; }
  60% { transform: translate(25.02913%, 157.70386%) matrix(0.75432,0,0,0.75432,0,0); opacity: 1; }
  63.33333% { transform: translate(25.11851%, 157.79325%) matrix(0.75253,0,0,0.75253,0,0); opacity: 1; }
  66.66667% { transform: translate(25.2079%, 157.88263%) matrix(0.75074,0,0,0.75074,0,0); opacity: 1; }
  70% { transform: translate(24.95985%, 157.63459%) matrix(0.7557,0,0,0.7557,0,0); opacity: 1; }
  73.33333% { transform: translate(24.7118%, 157.38654%) matrix(0.76067,0,0,0.76067,0,0); opacity: 1; }
  76.66667% { transform: translate(24.46375%, 157.13848%) matrix(0.76563,0,0,0.76563,0,0); opacity: 1; }
  80% { transform: translate(24.21569%, 156.89043%) matrix(0.77059,0,0,0.77059,0,0); opacity: 1; }
  83.33333% { transform: translate(23.96765%, 156.64237%) matrix(0.77555,0,0,0.77555,0,0); opacity: 1; }
  86.66667% { transform: translate(23.71959%, 156.39432%) matrix(0.78051,0,0,0.78051,0,0); opacity: 1; }
  90% { transform: translate(23.47154%, 156.14626%) matrix(0.78547,0,0,0.78547,0,0); opacity: 1; }
  93.33333% { transform: translate(23.22348%, 155.89821%) matrix(0.79043,0,0,0.79043,0,0); opacity: 1; }
  96.66667% { transform: translate(22.97543%, 155.65015%) matrix(0.79539,0,0,0.79539,0,0); opacity: 1; }
  100% { transform: translate(22.72763%, 155.40236%) matrix(0.80035,0,0,0.80035,0,0); opacity: 1; }
}
.effect-cloud2-0 { width: 57.61719%; height: 20.3125%; z-index: 1; background-image: url("../resources/game-effects/art-b67c8fbb96f8.webp"); animation-name: effect-cloud2-0; transform: translate(36.77966%, 196.15385%) matrix(1,0,0,1,0,0); opacity: 1; }
@keyframes effect-cloud2-0 {
  0% { transform: translate(36.77966%, 196.15385%) matrix(1,0,0,1,0,0); opacity: 1; }
  3.33333% { transform: translate(36.59588%, 195.97007%) matrix(1.00368,0,0,1.00368,0,0); opacity: 1; }
  6.66667% { transform: translate(36.41209%, 195.78629%) matrix(1.00735,0,0,1.00735,0,0); opacity: 1; }
  10% { transform: translate(36.22831%, 195.60249%) matrix(1.01103,0,0,1.01103,0,0); opacity: 1; }
  13.33333% { transform: translate(36.04451%, 195.4187%) matrix(1.0147,0,0,1.0147,0,0); opacity: 1; }
  16.66667% { transform: translate(35.86073%, 195.23491%) matrix(1.01838,0,0,1.01838,0,0); opacity: 1; }
  20% { transform: translate(35.67695%, 195.05113%) matrix(1.02205,0,0,1.02205,0,0); opacity: 1; }
  23.33333% { transform: translate(35.49316%, 194.86735%) matrix(1.02573,0,0,1.02573,0,0); opacity: 1; }
  26.66667% { transform: translate(35.30938%, 194.68356%) matrix(1.02941,0,0,1.02941,0,0); opacity: 1; }
  30% { transform: translate(35.12558%, 194.49976%) matrix(1.03308,0,0,1.03308,0,0); opacity: 1; }
  33.33333% { transform: translate(34.9418%, 194.31598%) matrix(1.03676,0,0,1.03676,0,0); opacity: 1; }
  36.66667% { transform: translate(34.75802%, 194.1322%) matrix(1.04043,0,0,1.04043,0,0); opacity: 1; }
  40% { transform: translate(34.86441%, 194.2386%) matrix(1.0383,0,0,1.0383,0,0); opacity: 1; }
  43.33333% { transform: translate(34.97082%, 194.345%) matrix(1.03618,0,0,1.03618,0,0); opacity: 1; }
  46.66667% { transform: translate(35.07722%, 194.45141%) matrix(1.03405,0,0,1.03405,0,0); opacity: 1; }
  50% { transform: translate(35.18362%, 194.55781%) matrix(1.03192,0,0,1.03192,0,0); opacity: 1; }
  53.33333% { transform: translate(35.29003%, 194.66421%) matrix(1.02979,0,0,1.02979,0,0); opacity: 1; }
  56.66667% { transform: translate(35.39643%, 194.77061%) matrix(1.02766,0,0,1.02766,0,0); opacity: 1; }
  60% { transform: translate(35.50284%, 194.87702%) matrix(1.02554,0,0,1.02554,0,0); opacity: 1; }
  63.33333% { transform: translate(35.60923%, 194.98342%) matrix(1.02341,0,0,1.02341,0,0); opacity: 1; }
  66.66667% { transform: translate(35.71564%, 195.08982%) matrix(1.02128,0,0,1.02128,0,0); opacity: 1; }
  70% { transform: translate(35.82204%, 195.19623%) matrix(1.01915,0,0,1.01915,0,0); opacity: 1; }
  73.33333% { transform: translate(35.92844%, 195.30263%) matrix(1.01702,0,0,1.01702,0,0); opacity: 1; }
  76.66667% { transform: translate(36.03485%, 195.40904%) matrix(1.0149,0,0,1.0149,0,0); opacity: 1; }
  80% { transform: translate(36.14125%, 195.51544%) matrix(1.01277,0,0,1.01277,0,0); opacity: 1; }
  83.33333% { transform: translate(36.24765%, 195.62183%) matrix(1.01064,0,0,1.01064,0,0); opacity: 1; }
  86.66667% { transform: translate(36.35405%, 195.72824%) matrix(1.00851,0,0,1.00851,0,0); opacity: 1; }
  90% { transform: translate(36.46045%, 195.83464%) matrix(1.00638,0,0,1.00638,0,0); opacity: 1; }
  93.33333% { transform: translate(36.56686%, 195.94104%) matrix(1.00426,0,0,1.00426,0,0); opacity: 1; }
  96.66667% { transform: translate(36.67325%, 196.04745%) matrix(1.00213,0,0,1.00213,0,0); opacity: 1; }
  100% { transform: translate(36.77955%, 196.15374%) matrix(1,0,0,1,0,0); opacity: 1; }
}
.effect-cloud3-0 { width: 67.96875%; height: 25.78125%; z-index: 1; background-image: url("../resources/game-effects/art-5a7a2a97f4ff.webp"); animation-name: effect-cloud3-0; transform: translate(23.56322%, 143.93939%) matrix(1,0,0,1,0,0); opacity: 1; }
@keyframes effect-cloud3-0 {
  0% { transform: translate(23.56322%, 143.93939%) matrix(1,0,0,1,0,0); opacity: 1; }
  3.33333% { transform: translate(23.48856%, 143.86474%) matrix(1.00149,0,0,1.00149,0,0); opacity: 1; }
  6.66667% { transform: translate(23.41389%, 143.79007%) matrix(1.00299,0,0,1.00299,0,0); opacity: 1; }
  10% { transform: translate(23.33923%, 143.71541%) matrix(1.00448,0,0,1.00448,0,0); opacity: 1; }
  13.33333% { transform: translate(23.26457%, 143.64074%) matrix(1.00597,0,0,1.00597,0,0); opacity: 1; }
  16.66667% { transform: translate(23.1899%, 143.56609%) matrix(1.00747,0,0,1.00747,0,0); opacity: 1; }
  20% { transform: translate(23.11524%, 143.49141%) matrix(1.00896,0,0,1.00896,0,0); opacity: 1; }
  23.33333% { transform: translate(23.04058%, 143.41676%) matrix(1.01045,0,0,1.01045,0,0); opacity: 1; }
  26.66667% { transform: translate(22.96592%, 143.34208%) matrix(1.01195,0,0,1.01195,0,0); opacity: 1; }
  30% { transform: translate(22.89125%, 143.26743%) matrix(1.01344,0,0,1.01344,0,0); opacity: 1; }
  33.33333% { transform: translate(22.81659%, 143.19278%) matrix(1.01493,0,0,1.01493,0,0); opacity: 1; }
  36.66667% { transform: translate(22.74193%, 143.1181%) matrix(1.01643,0,0,1.01643,0,0); opacity: 1; }
  40% { transform: translate(22.66726%, 143.04345%) matrix(1.01792,0,0,1.01792,0,0); opacity: 1; }
  43.33333% { transform: translate(22.59261%, 142.96877%) matrix(1.01941,0,0,1.01941,0,0); opacity: 1; }
  46.66667% { transform: translate(22.51794%, 142.89412%) matrix(1.02091,0,0,1.02091,0,0); opacity: 1; }
  50% { transform: translate(22.44328%, 142.81946%) matrix(1.0224,0,0,1.0224,0,0); opacity: 1; }
  53.33333% { transform: translate(22.36862%, 142.74479%) matrix(1.02389,0,0,1.02389,0,0); opacity: 1; }
  56.66667% { transform: translate(22.29395%, 142.67013%) matrix(1.02539,0,0,1.02539,0,0); opacity: 1; }
  60% { transform: translate(22.2193%, 142.59546%) matrix(1.02688,0,0,1.02688,0,0); opacity: 1; }
  63.33333% { transform: translate(22.14463%, 142.52081%) matrix(1.02837,0,0,1.02837,0,0); opacity: 1; }
  66.66667% { transform: translate(22.06997%, 142.44614%) matrix(1.02987,0,0,1.02987,0,0); opacity: 1; }
  70% { transform: translate(21.99531%, 142.37148%) matrix(1.03136,0,0,1.03136,0,0); opacity: 1; }
  73.33333% { transform: translate(22.16952%, 142.54569%) matrix(1.02787,0,0,1.02787,0,0); opacity: 1; }
  76.66667% { transform: translate(22.34373%, 142.7199%) matrix(1.02439,0,0,1.02439,0,0); opacity: 1; }
  80% { transform: translate(22.51794%, 142.89412%) matrix(1.02091,0,0,1.02091,0,0); opacity: 1; }
  83.33333% { transform: translate(22.69216%, 143.06833%) matrix(1.01742,0,0,1.01742,0,0); opacity: 1; }
  86.66667% { transform: translate(22.86637%, 143.24254%) matrix(1.01394,0,0,1.01394,0,0); opacity: 1; }
  90% { transform: translate(23.04058%, 143.41676%) matrix(1.01045,0,0,1.01045,0,0); opacity: 1; }
  93.33333% { transform: translate(23.21479%, 143.59096%) matrix(1.00697,0,0,1.00697,0,0); opacity: 1; }
  96.66667% { transform: translate(23.38901%, 143.76519%) matrix(1.00348,0,0,1.00348,0,0); opacity: 1; }
  100% { transform: translate(23.56305%, 143.93922%) matrix(1,0,0,1,0,0); opacity: 1; }
}
.effect-box_idle-0 { width: 92.38281%; height: 59.96094%; z-index: 2; background-image: url("../resources/game-effects/art-ee6259721c26.webp"); animation-name: effect-box_idle-0; transform: translate(12.03977%, 22.89067%) matrix(0.84166,0,0,0.84166,0,0); opacity: 1; }
@keyframes effect-box_idle-0 {
  0% { transform: translate(12.03977%, 22.89067%) matrix(0.84166,0,0,0.84166,0,0); opacity: 1; }
  4.34783% { transform: translate(11.80302%, 23.45808%) matrix(0.84162,-0.00734,0.00734,0.84162,0,0); opacity: 1; }
  8.69565% { transform: translate(11.56948%, 24.02865%) matrix(0.84153,-0.01469,0.01469,0.84153,0,0); opacity: 1; }
  13.04348% { transform: translate(11.3392%, 24.60234%) matrix(0.84137,-0.02203,0.02203,0.84137,0,0); opacity: 1; }
  17.3913% { transform: translate(11.11217%, 25.17911%) matrix(0.84114,-0.02937,0.02937,0.84114,0,0); opacity: 1; }
  21.73913% { transform: translate(10.88841%, 25.75891%) matrix(0.84086,-0.03671,0.03671,0.84086,0,0); opacity: 1; }
  26.08696% { transform: translate(10.66795%, 26.34169%) matrix(0.8405,-0.04405,0.04405,0.8405,0,0); opacity: 1; }
  30.43478% { transform: translate(11.11217%, 25.17911%) matrix(0.84114,-0.02937,0.02937,0.84114,0,0); opacity: 1; }
  34.78261% { transform: translate(11.56948%, 24.02865%) matrix(0.84153,-0.01469,0.01469,0.84153,0,0); opacity: 1; }
  39.13043% { transform: translate(12.03977%, 22.89067%) matrix(0.84166,0,0,0.84166,0,0); opacity: 1; }
  43.47826% { transform: translate(12.52287%, 21.7655%) matrix(0.84153,0.01469,-0.01469,0.84153,0,0); opacity: 1; }
  47.82609% { transform: translate(13.01864%, 20.6535%) matrix(0.84114,0.02937,-0.02937,0.84114,0,0); opacity: 1; }
  52.17391% { transform: translate(12.93514%, 20.8379%) matrix(0.84123,0.02693,-0.02693,0.84123,0,0); opacity: 1; }
  56.52174% { transform: translate(12.85199%, 21.02268%) matrix(0.8413,0.02448,-0.02448,0.8413,0,0); opacity: 1; }
  60.86957% { transform: translate(12.76918%, 21.20783%) matrix(0.84137,0.02203,-0.02203,0.84137,0,0); opacity: 1; }
  65.21739% { transform: translate(12.68673%, 21.39335%) matrix(0.84143,0.01958,-0.01958,0.84143,0,0); opacity: 1; }
  69.56522% { transform: translate(12.60462%, 21.57925%) matrix(0.84148,0.01714,-0.01714,0.84148,0,0); opacity: 1; }
  73.91304% { transform: translate(12.52287%, 21.7655%) matrix(0.84153,0.01469,-0.01469,0.84153,0,0); opacity: 1; }
  78.26087% { transform: translate(12.44147%, 21.95212%) matrix(0.84157,0.01224,-0.01224,0.84157,0,0); opacity: 1; }
  82.6087% { transform: translate(12.36042%, 22.13911%) matrix(0.8416,0.00979,-0.00979,0.8416,0,0); opacity: 1; }
  86.95652% { transform: translate(12.27973%, 22.32646%) matrix(0.84162,0.00734,-0.00734,0.84162,0,0); opacity: 1; }
  91.30435% { transform: translate(12.19939%, 22.51417%) matrix(0.84164,0.0049,-0.0049,0.84164,0,0); opacity: 1; }
  95.65217% { transform: translate(12.1194%, 22.70224%) matrix(0.84165,0.00245,-0.00245,0.84165,0,0); opacity: 1; }
  100% { transform: translate(12.03985%, 22.89048%) matrix(0.84166,0,0,0.84166,0,0); opacity: 1; }
}
.effect-box_idle-1 { width: 93.16406%; height: 50.58594%; z-index: 1; background-image: url("../resources/game-effects/art-9afac93776a4.webp"); animation-name: effect-box_idle-1; transform: translate(11.58591%, 86.38474%) matrix(0.84166,0,0,0.84166,0,0); opacity: 1; }
@keyframes effect-box_idle-1 {
  0% { transform: translate(11.58591%, 86.38474%) matrix(0.84166,0,0,0.84166,0,0); opacity: 1; }
  4.34783% { transform: translate(11.78692%, 85.71001%) matrix(0.84162,0.00734,-0.00734,0.84162,0,0); opacity: 1; }
  8.69565% { transform: translate(11.99111%, 85.03853%) matrix(0.84153,0.01469,-0.01469,0.84153,0,0); opacity: 1; }
  13.04348% { transform: translate(12.19848%, 84.37035%) matrix(0.84137,0.02203,-0.02203,0.84137,0,0); opacity: 1; }
  17.3913% { transform: translate(12.409%, 83.70553%) matrix(0.84114,0.02937,-0.02937,0.84114,0,0); opacity: 1; }
  21.73913% { transform: translate(12.62267%, 83.04413%) matrix(0.84086,0.03671,-0.03671,0.84086,0,0); opacity: 1; }
  26.08696% { transform: translate(12.83946%, 82.38617%) matrix(0.8405,0.04405,-0.04405,0.8405,0,0); opacity: 1; }
  30.43478% { transform: translate(12.409%, 83.70553%) matrix(0.84114,0.02937,-0.02937,0.84114,0,0); opacity: 1; }
  34.78261% { transform: translate(11.99111%, 85.03853%) matrix(0.84153,0.01469,-0.01469,0.84153,0,0); opacity: 1; }
  39.13043% { transform: translate(11.58591%, 86.38474%) matrix(0.84166,0,0,0.84166,0,0); opacity: 1; }
  43.47826% { transform: translate(11.19353%, 87.74379%) matrix(0.84153,-0.01469,0.01469,0.84153,0,0); opacity: 1; }
  47.82609% { transform: translate(10.81409%, 89.11523%) matrix(0.84114,-0.02937,0.02937,0.84114,0,0); opacity: 1; }
  52.17391% { transform: translate(10.87643%, 88.88581%) matrix(0.84123,-0.02693,0.02693,0.84123,0,0); opacity: 1; }
  56.52174% { transform: translate(10.93913%, 88.65673%) matrix(0.8413,-0.02448,0.02448,0.8413,0,0); opacity: 1; }
  60.86957% { transform: translate(11.00219%, 88.42798%) matrix(0.84137,-0.02203,0.02203,0.84137,0,0); opacity: 1; }
  65.21739% { transform: translate(11.06561%, 88.19957%) matrix(0.84143,-0.01958,0.01958,0.84143,0,0); opacity: 1; }
  69.56522% { transform: translate(11.12939%, 87.97151%) matrix(0.84148,-0.01714,0.01714,0.84148,0,0); opacity: 1; }
  73.91304% { transform: translate(11.19353%, 87.74379%) matrix(0.84153,-0.01469,0.01469,0.84153,0,0); opacity: 1; }
  78.26087% { transform: translate(11.25803%, 87.5164%) matrix(0.84157,-0.01224,0.01224,0.84157,0,0); opacity: 1; }
  82.6087% { transform: translate(11.32289%, 87.28937%) matrix(0.8416,-0.00979,0.00979,0.8416,0,0); opacity: 1; }
  86.95652% { transform: translate(11.38811%, 87.06269%) matrix(0.84162,-0.00734,0.00734,0.84162,0,0); opacity: 1; }
  91.30435% { transform: translate(11.45369%, 86.83635%) matrix(0.84164,-0.0049,0.0049,0.84164,0,0); opacity: 1; }
  95.65217% { transform: translate(11.51962%, 86.61037%) matrix(0.84165,-0.00245,0.00245,0.84165,0,0); opacity: 1; }
  100% { transform: translate(11.58584%, 86.38497%) matrix(0.84166,0,0,0.84166,0,0); opacity: 1; }
}
.effect-box_open-0 { width: 244.92188%; height: 244.92188%; z-index: 7; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-box_open-0; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-box_open-0 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  20% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  23.33333% { transform: translate(19.85835%, 7.57441%) matrix(0.05451,0.02777,-0.02777,0.05451,0,0); opacity: 0.2; }
  26.66667% { transform: translate(22.04163%, 6.25957%) matrix(0.03984,0.05484,-0.05484,0.03984,0,0); opacity: 0.4; }
  30% { transform: translate(24.48048%, 6.04301%) matrix(0.01164,0.07347,-0.07347,0.01164,0,0); opacity: 0.6; }
  33.33333% { transform: translate(26.58856%, 7.00343%) matrix(-0.02503,0.07703,-0.07703,-0.02503,0,0); opacity: 0.8; }
  36.66667% { transform: translate(30.51095%, 8.90864%) matrix(-0.08929,0.08929,-0.08929,-0.08929,0,0); opacity: 1; }
  40% { transform: translate(27.00678%, 9.72127%) matrix(-0.06835,0.0382,-0.0382,-0.06835,0,0); opacity: 0.90909; }
  43.33333% { transform: translate(26.22728%, 10.25722%) matrix(-0.0719,0.01713,-0.01713,-0.0719,0,0); opacity: 0.81818; }
  46.66667% { transform: translate(25.20006%, 10.44217%) matrix(-0.06945,-0.00291,0.00291,-0.06945,0,0); opacity: 0.72727; }
  50% { transform: translate(24.04593%, 10.23921%) matrix(-0.06186,-0.02034,0.02034,-0.06186,0,0); opacity: 0.63636; }
  53.33333% { transform: translate(22.88591%, 9.64939%) matrix(-0.05035,-0.03396,0.03396,-0.05035,0,0); opacity: 0.54545; }
  56.66667% { transform: translate(22.82664%, 9.34447%) matrix(-0.04671,-0.0315,0.0315,-0.04671,0,0); opacity: 0.45455; }
  60% { transform: translate(22.76737%, 9.03955%) matrix(-0.04306,-0.02905,0.02905,-0.04306,0,0); opacity: 0.36364; }
  63.33333% { transform: translate(22.7081%, 8.73462%) matrix(-0.03942,-0.02659,0.02659,-0.03942,0,0); opacity: 0.27273; }
  66.66667% { transform: translate(22.64883%, 8.4297%) matrix(-0.03578,-0.02413,0.02413,-0.03578,0,0); opacity: 0.18182; }
  70% { transform: translate(22.58956%, 8.12477%) matrix(-0.03214,-0.02168,0.02168,-0.03214,0,0); opacity: 0.09091; }
  73.33333% { transform: translate(22.58956%, 8.12477%) matrix(-0.03214,-0.02168,0.02168,-0.03214,0,0); opacity: 0; }
  100% { transform: translate(22.58956%, 8.12477%) matrix(-0.03214,-0.02168,0.02168,-0.03214,0,0); opacity: 0; }
}
.effect-box_open-1 { width: 244.92188%; height: 244.92188%; z-index: 6; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-box_open-1; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-box_open-1 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  20% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  23.33333% { transform: translate(16.48058%, 14.76284%) matrix(0.05451,0.02777,-0.02777,0.05451,0,0); opacity: 0.2; }
  26.66667% { transform: translate(16.65316%, 12.60498%) matrix(0.03984,0.05484,-0.05484,0.03984,0,0); opacity: 0.4; }
  30% { transform: translate(17.0813%, 11.5454%) matrix(0.01164,0.07347,-0.07347,0.01164,0,0); opacity: 0.6; }
  33.33333% { transform: translate(17.17867%, 11.66281%) matrix(-0.02503,0.07703,-0.07703,-0.02503,0,0); opacity: 0.8; }
  36.66667% { transform: translate(19.09035%, 12.72499%) matrix(-0.08929,0.08929,-0.08929,-0.08929,0,0); opacity: 1; }
  40% { transform: translate(14.58937%, 13.48067%) matrix(-0.06835,0.0382,-0.0382,-0.06835,0,0); opacity: 0.90909; }
  43.33333% { transform: translate(12.80353%, 13.9538%) matrix(-0.07174,0.01709,-0.01709,-0.07174,0,0); opacity: 0.81818; }
  46.66667% { transform: translate(10.77389%, 14.07119%) matrix(-0.06914,-0.0029,0.0029,-0.06914,0,0); opacity: 0.72727; }
  50% { transform: translate(8.62297%, 13.79778%) matrix(-0.06141,-0.02019,0.02019,-0.06141,0,0); opacity: 0.63636; }
  53.33333% { transform: translate(6.47273%, 13.13704%) matrix(-0.04982,-0.03361,0.03361,-0.04982,0,0); opacity: 0.54545; }
  56.66667% { transform: translate(6.41132%, 12.82114%) matrix(-0.04605,-0.03106,0.03106,-0.04605,0,0); opacity: 0.45455; }
  60% { transform: translate(6.34992%, 12.50524%) matrix(-0.04228,-0.02852,0.02852,-0.04228,0,0); opacity: 0.36364; }
  63.33333% { transform: translate(6.28851%, 12.18934%) matrix(-0.0385,-0.02597,0.02597,-0.0385,0,0); opacity: 0.27273; }
  66.66667% { transform: translate(6.22711%, 11.87344%) matrix(-0.03473,-0.02343,0.02343,-0.03473,0,0); opacity: 0.18182; }
  70% { transform: translate(6.1657%, 11.55753%) matrix(-0.03096,-0.02088,0.02088,-0.03096,0,0); opacity: 0.09091; }
  73.33333% { transform: translate(6.1657%, 11.55753%) matrix(-0.03096,-0.02088,0.02088,-0.03096,0,0); opacity: 0; }
  100% { transform: translate(6.1657%, 11.55753%) matrix(-0.03096,-0.02088,0.02088,-0.03096,0,0); opacity: 0; }
}
.effect-box_open-2 { width: 244.92188%; height: 244.92188%; z-index: 5; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-box_open-2; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-box_open-2 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  20% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  23.33333% { transform: translate(18.70544%, 17.90359%) matrix(0.05485,-0.02604,0.02604,0.05485,0,0); opacity: 0.2; }
  26.66667% { transform: translate(20.38126%, 18.75079%) matrix(0.04226,-0.05182,0.05182,0.04226,0,0); opacity: 0.4; }
  30% { transform: translate(23.00426%, 19.87687%) matrix(0.01742,-0.07091,0.07091,0.01742,0,0); opacity: 0.6; }
  33.33333% { transform: translate(26.67441%, 20.80503%) matrix(-0.01592,-0.07756,0.07756,-0.01592,0,0); opacity: 0.8; }
  36.66667% { transform: translate(30.91337%, 23.44384%) matrix(-0.07205,-0.09562,0.09562,-0.07205,0,0); opacity: 1; }
  40% { transform: translate(34.27021%, 20.57676%) matrix(-0.07057,-0.04796,0.04796,-0.07057,0,0); opacity: 0.90909; }
  43.33333% { transform: translate(37.00183%, 19.19383%) matrix(-0.07768,-0.0214,0.0214,-0.07768,0,0); opacity: 0.81818; }
  46.66667% { transform: translate(39.24479%, 17.38937%) matrix(-0.07568,0.0045,-0.0045,-0.07568,0,0); opacity: 0.72727; }
  50% { transform: translate(40.91614%, 15.36713%) matrix(-0.06579,0.02685,-0.02685,-0.06579,0,0); opacity: 0.63636; }
  53.33333% { transform: translate(42.00926%, 13.33687%) matrix(-0.05004,0.0435,-0.0435,-0.05004,0,0); opacity: 0.54545; }
  56.66667% { transform: translate(41.67391%, 13.31342%) matrix(-0.04646,0.04038,-0.04038,-0.04646,0,0); opacity: 0.45455; }
  60% { transform: translate(41.33857%, 13.28997%) matrix(-0.04287,0.03726,-0.03726,-0.04287,0,0); opacity: 0.36364; }
  63.33333% { transform: translate(41.00323%, 13.26652%) matrix(-0.03928,0.03415,-0.03415,-0.03928,0,0); opacity: 0.27273; }
  66.66667% { transform: translate(40.66788%, 13.24307%) matrix(-0.03569,0.03103,-0.03103,-0.03569,0,0); opacity: 0.18182; }
  70% { transform: translate(40.33254%, 13.21962%) matrix(-0.0321,0.02791,-0.02791,-0.0321,0,0); opacity: 0.09091; }
  73.33333% { transform: translate(40.33254%, 13.21962%) matrix(-0.0321,0.02791,-0.02791,-0.0321,0,0); opacity: 0; }
  100% { transform: translate(40.33254%, 13.21962%) matrix(-0.0321,0.02791,-0.02791,-0.0321,0,0); opacity: 0; }
}
.effect-box_open-3 { width: 82.03125%; height: 71.28906%; z-index: 4; background-image: url("../resources/game-effects/art-282ca755a761.webp"); animation-name: effect-box_open-3; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-box_open-3 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  23.33333% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  26.66667% { transform: translate(80.48683%, 58.44361%) matrix(0.21804,0.23382,-0.29056,0.27095,0,0); opacity: 0.16667; }
  30% { transform: translate(81.97334%, 57.58304%) matrix(0.22616,0.24253,-0.30636,0.28569,0,0); opacity: 0.33333; }
  33.33333% { transform: translate(83.45985%, 56.72246%) matrix(0.23428,0.25123,-0.32216,0.30042,0,0); opacity: 0.5; }
  36.66667% { transform: translate(84.94637%, 55.86188%) matrix(0.2424,0.25994,-0.33797,0.31516,0,0); opacity: 0.42857; }
  40% { transform: translate(89.06248%, 60.51222%) matrix(0.22423,0.24046,-0.31263,0.29154,0,0); opacity: 0.35714; }
  43.33333% { transform: translate(93.17859%, 65.16255%) matrix(0.20606,0.22098,-0.2873,0.26792,0,0); opacity: 0.28571; }
  46.66667% { transform: translate(97.2947%, 69.81288%) matrix(0.1879,0.20149,-0.26197,0.24429,0,0); opacity: 0.21429; }
  50% { transform: translate(97.2947%, 69.81288%) matrix(0.1879,0.20149,-0.26197,0.24429,0,0); opacity: 0.14286; }
  53.33333% { transform: translate(97.2947%, 69.81288%) matrix(0.1879,0.20149,-0.26197,0.24429,0,0); opacity: 0.07143; }
  56.66667% { transform: translate(97.2947%, 69.81288%) matrix(0.1879,0.20149,-0.26197,0.24429,0,0); opacity: 0; }
  100% { transform: translate(97.2947%, 69.81288%) matrix(0.1879,0.20149,-0.26197,0.24429,0,0); opacity: 0; }
}
.effect-box_open-4 { width: 47.26563%; height: 47.26563%; z-index: 3; background-image: url("../resources/game-effects/art-abb1c4603e98.webp"); animation-name: effect-box_open-4; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-box_open-4 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  23.33333% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  26.66667% { transform: translate(8.80264%, 126.41842%) matrix(0.46117,-0.59027,0.56703,0.44301,0,0); opacity: 0.16667; }
  30% { transform: translate(2.54614%, 127.04117%) matrix(0.49713,-0.6363,0.61015,0.4767,0,0); opacity: 0.33333; }
  33.33333% { transform: translate(-3.71035%, 127.66392%) matrix(0.53309,-0.68233,0.65328,0.51039,0,0); opacity: 0.5; }
  36.66667% { transform: translate(-2.48291%, 127.52742%) matrix(0.45752,-0.58559,0.56066,0.43804,0,0); opacity: 0.42857; }
  40% { transform: translate(-1.25547%, 127.39091%) matrix(0.38194,-0.48886,0.46804,0.36568,0,0); opacity: 0.35714; }
  43.33333% { transform: translate(-0.02803%, 127.2544%) matrix(0.30636,-0.39212,0.37543,0.29332,0,0); opacity: 0.28571; }
  46.66667% { transform: translate(-0.02803%, 127.2544%) matrix(0.30636,-0.39212,0.37543,0.29332,0,0); opacity: 0.21429; }
  50% { transform: translate(-0.02803%, 127.2544%) matrix(0.30636,-0.39212,0.37543,0.29332,0,0); opacity: 0.14286; }
  53.33333% { transform: translate(-0.02803%, 127.2544%) matrix(0.30636,-0.39212,0.37543,0.29332,0,0); opacity: 0.07143; }
  56.66667% { transform: translate(-0.02803%, 127.2544%) matrix(0.30636,-0.39212,0.37543,0.29332,0,0); opacity: 0; }
  100% { transform: translate(-0.02803%, 127.2544%) matrix(0.30636,-0.39212,0.37543,0.29332,0,0); opacity: 0; }
}
.effect-box_open-5 { width: 90.82031%; height: 42.77344%; z-index: 2; background-image: url("../resources/game-effects/art-7ede390818e2.webp"); animation-name: effect-box_open-5; transform: translate(27.34649%, 58.00711%) matrix(0.61691,0,0,0.61691,0,0); opacity: 1; }
@keyframes effect-box_open-5 {
  0% { transform: translate(27.34649%, 58.00711%) matrix(0.61691,0,0,0.61691,0,0); opacity: 1; }
  3.33333% { transform: translate(27.34649%, 60.39273%) matrix(0.61691,0,0,0.58655,0,0); opacity: 1; }
  6.66667% { transform: translate(27.34649%, 62.77834%) matrix(0.61691,0,0,0.55618,0,0); opacity: 1; }
  10% { transform: translate(27.34649%, 65.16395%) matrix(0.61691,0,0,0.52581,0,0); opacity: 1; }
  13.33333% { transform: translate(27.34649%, 67.54957%) matrix(0.61691,0,0,0.49545,0,0); opacity: 1; }
  16.66667% { transform: translate(27.34649%, 69.93518%) matrix(0.61691,0,0,0.46508,0,0); opacity: 1; }
  20% { transform: translate(27.34649%, 72.3208%) matrix(0.61691,0,0,0.43471,0,0); opacity: 1; }
  23.33333% { transform: translate(27.34649%, 74.7064%) matrix(0.61691,0,0,0.40435,0,0); opacity: 1; }
  26.66667% { transform: translate(27.34649%, 61.00777%) matrix(0.61691,0,0,0.53564,0,0); opacity: 1; }
  30% { transform: translate(27.34649%, 47.30913%) matrix(0.61691,0,0,0.66693,0,0); opacity: 1; }
  33.33333% { transform: translate(27.34649%, 33.61048%) matrix(0.61691,0,0,0.79822,0,0); opacity: 1; }
  36.66667% { transform: translate(27.34649%, 19.91184%) matrix(0.61691,0,0,0.92951,0,0); opacity: 1; }
  40% { transform: translate(27.34649%, 47.30913%) matrix(0.61691,0,0,0.66693,0,0); opacity: 1; }
  43.33333% { transform: translate(27.34649%, 74.7064%) matrix(0.61691,0,0,0.40435,0,0); opacity: 1; }
  46.66667% { transform: translate(27.34649%, 67.31349%) matrix(0.61691,0,0,0.4752,0,0); opacity: 1; }
  50% { transform: translate(27.34649%, 59.92057%) matrix(0.61691,0,0,0.54606,0,0); opacity: 1; }
  53.33333% { transform: translate(27.34649%, 52.52766%) matrix(0.61691,0,0,0.61691,0,0); opacity: 1; }
  100% { transform: translate(27.34649%, 52.52766%) matrix(0.61691,0,0,0.61691,0,0); opacity: 1; }
}
.effect-box_open-6 { width: 96.875%; height: 55.27344%; z-index: 1; background-image: url("../resources/game-effects/art-e8ac3231ec82.webp"); animation-name: effect-box_open-6; transform: translate(19.85378%, 82.81918%) matrix(0.61691,0,0,0.61691,0,0); opacity: 1; }
@keyframes effect-box_open-6 {
  0% { transform: translate(19.85378%, 82.81918%) matrix(0.61691,0,0,0.61691,0,0); opacity: 1; }
  3.33333% { transform: translate(19.85378%, 82.79822%) matrix(0.61691,0,0,0.58655,0,0); opacity: 1; }
  6.66667% { transform: translate(19.85378%, 82.77727%) matrix(0.61691,0,0,0.55618,0,0); opacity: 1; }
  10% { transform: translate(19.85378%, 82.75631%) matrix(0.61691,0,0,0.52581,0,0); opacity: 1; }
  13.33333% { transform: translate(19.85378%, 82.73535%) matrix(0.61691,0,0,0.49545,0,0); opacity: 1; }
  16.66667% { transform: translate(19.85378%, 82.7144%) matrix(0.61691,0,0,0.46508,0,0); opacity: 1; }
  20% { transform: translate(19.85378%, 82.69345%) matrix(0.61691,0,0,0.43471,0,0); opacity: 1; }
  23.33333% { transform: translate(19.85378%, 82.67249%) matrix(0.61691,0,0,0.40435,0,0); opacity: 1; }
  26.66667% { transform: translate(19.85378%, 80.14409%) matrix(0.61691,0,0,0.53564,0,0); opacity: 1; }
  30% { transform: translate(19.85378%, 77.61569%) matrix(0.61691,0,0,0.66693,0,0); opacity: 1; }
  33.33333% { transform: translate(19.85378%, 75.08729%) matrix(0.61691,0,0,0.79822,0,0); opacity: 1; }
  36.66667% { transform: translate(19.85378%, 72.55889%) matrix(0.61691,0,0,0.92951,0,0); opacity: 1; }
  40% { transform: translate(19.85378%, 77.61569%) matrix(0.61691,0,0,0.66693,0,0); opacity: 1; }
  43.33333% { transform: translate(19.85378%, 82.67249%) matrix(0.61691,0,0,0.40435,0,0); opacity: 1; }
  46.66667% { transform: translate(19.85378%, 81.30795%) matrix(0.61691,0,0,0.4752,0,0); opacity: 1; }
  50% { transform: translate(19.85378%, 79.94343%) matrix(0.61691,0,0,0.54606,0,0); opacity: 1; }
  53.33333% { transform: translate(19.85378%, 78.57889%) matrix(0.61691,0,0,0.61691,0,0); opacity: 1; }
  100% { transform: translate(19.85378%, 78.57889%) matrix(0.61691,0,0,0.61691,0,0); opacity: 1; }
}
.effect-effect_item_star_get_1-0 { width: 244.92188%; height: 244.92188%; z-index: 3; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_item_star_get_1-0; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_1-0 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(15.48602%, 17.67584%) matrix(0.05122,-0.04735,0.04735,0.05122,0,0); opacity: 0.25; }
  50% { transform: translate(15.48691%, 15.53944%) matrix(0.04713,-0.05143,0.05143,0.04713,0,0); opacity: 0.5; }
  55% { transform: translate(13.79692%, 13.62099%) matrix(0.05776,-0.0746,0.0746,0.05776,0,0); opacity: 0.75; }
  60% { transform: translate(12.18872%, 11.9824%) matrix(0.06477,-0.09974,0.09974,0.06477,0,0); opacity: 1; }
  65% { transform: translate(13.95431%, 12.47566%) matrix(0.03169,-0.09752,0.09752,0.03169,0,0); opacity: 0.83333; }
  70% { transform: translate(15.88777%, 12.21001%) matrix(0.00451,-0.08603,0.08603,0.00451,0,0); opacity: 0.66667; }
  75% { transform: translate(17.72826%, 11.2207%) matrix(-0.0145,-0.06823,0.06823,-0.0145,0,0); opacity: 0.5; }
  80% { transform: translate(18.89046%, 10.72507%) matrix(-0.03167,-0.06215,0.06215,-0.03167,0,0); opacity: 0.33333; }
  85% { transform: translate(20.15653%, 9.90975%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0.16667; }
  90% { transform: translate(20.15653%, 9.90975%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0; }
  100% { transform: translate(20.15653%, 9.90975%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0; }
}
.effect-effect_item_star_get_1-1 { width: 244.92188%; height: 244.92188%; z-index: 2; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-effect_item_star_get_1-1; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_1-1 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(13.07106%, 21.6205%) matrix(0.05184,-0.04668,0.04668,0.05184,0,0); opacity: 0.25; }
  50% { transform: translate(10.65323%, 23.49393%) matrix(0.04787,-0.05074,0.05074,0.04787,0,0); opacity: 0.5; }
  55% { transform: translate(6.59269%, 25.56266%) matrix(0.05853,-0.07314,0.07314,0.05853,0,0); opacity: 0.75; }
  60% { transform: translate(2.61588%, 27.9158%) matrix(0.06576,-0.0975,0.0975,0.06576,0,0); opacity: 1; }
  65% { transform: translate(3.19915%, 29.65199%) matrix(0.03917,-0.0938,0.0938,0.03917,0,0); opacity: 0.83333; }
  70% { transform: translate(3.87677%, 30.87713%) matrix(0.01684,-0.08403,0.08403,0.01684,0,0); opacity: 0.66667; }
  75% { transform: translate(4.5094%, 31.60852%) matrix(0,-0.06976,0.06976,0,0,0); opacity: 0.5; }
  80% { transform: translate(4.34419%, 32.83631%) matrix(-0.01371,-0.0684,0.0684,-0.01371,0,0); opacity: 0.33333; }
  85% { transform: translate(4.29168%, 33.91303%) matrix(-0.02688,-0.06437,0.06437,-0.02688,0,0); opacity: 0.16667; }
  90% { transform: translate(4.29168%, 33.91303%) matrix(-0.02688,-0.06437,0.06437,-0.02688,0,0); opacity: 0; }
  100% { transform: translate(4.29168%, 33.91303%) matrix(-0.02688,-0.06437,0.06437,-0.02688,0,0); opacity: 0; }
}
.effect-effect_item_star_get_1-2 { width: 244.92188%; height: 244.92188%; z-index: 1; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-effect_item_star_get_1-2; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_1-2 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(22.23216%, 17.00329%) matrix(0.05589,0.04174,-0.04174,0.05589,0,0); opacity: 0.25; }
  50% { transform: translate(25.1068%, 18.43531%) matrix(0.05278,0.04561,-0.04561,0.05278,0,0); opacity: 0.5; }
  55% { transform: translate(27.981%, 18.34164%) matrix(0.06493,0.06474,-0.06474,0.06493,0,0); opacity: 0.75; }
  60% { transform: translate(31.0761%, 18.28056%) matrix(0.07454,0.08575,-0.08575,0.07454,0,0); opacity: 1; }
  65% { transform: translate(33.51608%, 20.16423%) matrix(0.04875,0.08616,-0.08616,0.04875,0,0); opacity: 0.83333; }
  70% { transform: translate(35.48374%, 22.20859%) matrix(0.02607,0.08025,-0.08025,0.02607,0,0); opacity: 0.66667; }
  75% { transform: translate(36.97537%, 24.27924%) matrix(0.0079,0.06931,-0.06931,0.0079,0,0); opacity: 0.5; }
  80% { transform: translate(38.81304%, 25.58378%) matrix(-0.00608,0.06949,-0.06949,-0.00608,0,0); opacity: 0.33333; }
  85% { transform: translate(40.499%, 27.01561%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0.16667; }
  90% { transform: translate(40.499%, 27.01561%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
  100% { transform: translate(40.499%, 27.01561%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-0 { width: 244.92188%; height: 244.92188%; z-index: 13; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_item_star_get_2-0; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-0 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(12.18999%, 17.23396%) matrix(-0.00096,-0.05525,0.05525,-0.00096,0,0); opacity: 0.1; }
  50% { transform: translate(10.37925%, 15.20982%) matrix(-0.00096,-0.05472,0.05472,-0.00096,0,0); opacity: 0.2; }
  55% { transform: translate(8.13118%, 12.63659%) matrix(-0.00095,-0.05419,0.05419,-0.00095,0,0); opacity: 0.16667; }
  60% { transform: translate(5.88312%, 10.06335%) matrix(-0.00094,-0.05366,0.05366,-0.00094,0,0); opacity: 0.13333; }
  65% { transform: translate(3.63505%, 7.49012%) matrix(-0.00093,-0.05313,0.05313,-0.00093,0,0); opacity: 0.1; }
  70% { transform: translate(3.63505%, 7.49012%) matrix(-0.00093,-0.05313,0.05313,-0.00093,0,0); opacity: 0.06667; }
  75% { transform: translate(3.63505%, 7.49012%) matrix(-0.00093,-0.05313,0.05313,-0.00093,0,0); opacity: 0.03333; }
  80% { transform: translate(3.63505%, 7.49012%) matrix(-0.00093,-0.05313,0.05313,-0.00093,0,0); opacity: 0; }
  100% { transform: translate(3.63505%, 7.49012%) matrix(-0.00093,-0.05313,0.05313,-0.00093,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-1 { width: 244.92188%; height: 244.92188%; z-index: 12; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_item_star_get_2-1; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-1 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(27.62993%, 12.42966%) matrix(0.05362,0.01337,-0.01337,0.05362,0,0); opacity: 0.1; }
  50% { transform: translate(30.72516%, 10.91658%) matrix(0.0531,0.01324,-0.01324,0.0531,0,0); opacity: 0.2; }
  55% { transform: translate(32.51325%, 9.93802%) matrix(0.05259,0.01311,-0.01311,0.05259,0,0); opacity: 0.16667; }
  60% { transform: translate(34.30134%, 8.95945%) matrix(0.05207,0.01298,-0.01298,0.05207,0,0); opacity: 0.13333; }
  65% { transform: translate(36.08943%, 7.98089%) matrix(0.05156,0.01285,-0.01285,0.05156,0,0); opacity: 0.1; }
  70% { transform: translate(36.08943%, 7.98089%) matrix(0.05156,0.01285,-0.01285,0.05156,0,0); opacity: 0.06667; }
  75% { transform: translate(36.08943%, 7.98089%) matrix(0.05156,0.01285,-0.01285,0.05156,0,0); opacity: 0.03333; }
  80% { transform: translate(36.08943%, 7.98089%) matrix(0.05156,0.01285,-0.01285,0.05156,0,0); opacity: 0; }
  100% { transform: translate(36.08943%, 7.98089%) matrix(0.05156,0.01285,-0.01285,0.05156,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-2 { width: 244.92188%; height: 244.92188%; z-index: 11; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_item_star_get_2-2; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-2 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(20.88698%, 9.19024%) matrix(0.06554,-0.02385,0.02385,0.06554,0,0); opacity: 0.1; }
  50% { transform: translate(22.80033%, 6.26756%) matrix(0.06164,-0.02243,0.02243,0.06164,0,0); opacity: 0.2; }
  55% { transform: translate(23.76613%, 4.68118%) matrix(0.05773,-0.02101,0.02101,0.05773,0,0); opacity: 0.16667; }
  60% { transform: translate(24.73192%, 3.09479%) matrix(0.05383,-0.01959,0.01959,0.05383,0,0); opacity: 0.13333; }
  65% { transform: translate(25.69772%, 1.5084%) matrix(0.04993,-0.01817,0.01817,0.04993,0,0); opacity: 0.1; }
  70% { transform: translate(25.69772%, 1.5084%) matrix(0.04993,-0.01817,0.01817,0.04993,0,0); opacity: 0.06667; }
  75% { transform: translate(25.69772%, 1.5084%) matrix(0.04993,-0.01817,0.01817,0.04993,0,0); opacity: 0.03333; }
  80% { transform: translate(25.69772%, 1.5084%) matrix(0.04993,-0.01817,0.01817,0.04993,0,0); opacity: 0; }
  100% { transform: translate(25.69772%, 1.5084%) matrix(0.04993,-0.01817,0.01817,0.04993,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-3 { width: 244.92188%; height: 244.92188%; z-index: 10; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_item_star_get_2-3; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-3 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(7.32817%, 15.04%) matrix(0.02324,-0.11954,0.11954,0.02324,0,0); opacity: 0.1; }
  50% { transform: translate(6.35155%, 10.96486%) matrix(0.01996,-0.10269,0.10269,0.01996,0,0); opacity: 0.2; }
  55% { transform: translate(6.46341%, 8.40095%) matrix(0.01669,-0.08585,0.08585,0.01669,0,0); opacity: 0.16667; }
  60% { transform: translate(6.57526%, 5.83703%) matrix(0.01341,-0.06901,0.06901,0.01341,0,0); opacity: 0.13333; }
  65% { transform: translate(6.68712%, 3.27312%) matrix(0.01014,-0.05216,0.05216,0.01014,0,0); opacity: 0.1; }
  70% { transform: translate(6.68712%, 3.27312%) matrix(0.01014,-0.05216,0.05216,0.01014,0,0); opacity: 0.06667; }
  75% { transform: translate(6.68712%, 3.27312%) matrix(0.01014,-0.05216,0.05216,0.01014,0,0); opacity: 0.03333; }
  80% { transform: translate(6.68712%, 3.27312%) matrix(0.01014,-0.05216,0.05216,0.01014,0,0); opacity: 0; }
  100% { transform: translate(6.68712%, 3.27312%) matrix(0.01014,-0.05216,0.05216,0.01014,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-4 { width: 244.92188%; height: 244.92188%; z-index: 9; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_item_star_get_2-4; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-4 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  50% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  55% { transform: translate(5.8315%, 21.34224%) matrix(-0.03357,-0.11706,0.11706,-0.03357,0,0); opacity: 0.5; }
  60% { transform: translate(2.95027%, 18.07974%) matrix(-0.02884,-0.10056,0.10056,-0.02884,0,0); opacity: 1; }
  65% { transform: translate(1.86696%, 16.00775%) matrix(-0.02411,-0.08407,0.08407,-0.02411,0,0); opacity: 0.83333; }
  70% { transform: translate(0.78364%, 13.93576%) matrix(-0.01938,-0.06757,0.06757,-0.01938,0,0); opacity: 0.66667; }
  75% { transform: translate(-0.29967%, 11.86377%) matrix(-0.01465,-0.05108,0.05108,-0.01465,0,0); opacity: 0.5; }
  80% { transform: translate(-0.29967%, 11.86377%) matrix(-0.01465,-0.05108,0.05108,-0.01465,0,0); opacity: 0.33333; }
  85% { transform: translate(-0.29967%, 11.86377%) matrix(-0.01465,-0.05108,0.05108,-0.01465,0,0); opacity: 0.16667; }
  90% { transform: translate(-0.29967%, 11.86377%) matrix(-0.01465,-0.05108,0.05108,-0.01465,0,0); opacity: 0; }
  100% { transform: translate(-0.29967%, 11.86377%) matrix(-0.01465,-0.05108,0.05108,-0.01465,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-5 { width: 244.92188%; height: 244.92188%; z-index: 8; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_item_star_get_2-5; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-5 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  55% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  60% { transform: translate(23.11202%, 5.86246%) matrix(0.12161,-0.00637,0.00637,0.12161,0,0); opacity: 0.5; }
  65% { transform: translate(27.04592%, 3.74426%) matrix(0.10447,-0.00548,0.00548,0.10447,0,0); opacity: 1; }
  70% { transform: translate(29.48318%, 3.04009%) matrix(0.08734,-0.00458,0.00458,0.08734,0,0); opacity: 0.83333; }
  75% { transform: translate(31.92044%, 2.33593%) matrix(0.0702,-0.00368,0.00368,0.0702,0,0); opacity: 0.66667; }
  80% { transform: translate(34.35769%, 1.63177%) matrix(0.05306,-0.00278,0.00278,0.05306,0,0); opacity: 0.5; }
  85% { transform: translate(34.35769%, 1.63177%) matrix(0.05306,-0.00278,0.00278,0.05306,0,0); opacity: 0.33333; }
  90% { transform: translate(34.35769%, 1.63177%) matrix(0.05306,-0.00278,0.00278,0.05306,0,0); opacity: 0.16667; }
  95% { transform: translate(34.35769%, 1.63177%) matrix(0.05306,-0.00278,0.00278,0.05306,0,0); opacity: 0; }
  100% { transform: translate(34.35769%, 1.63177%) matrix(0.05306,-0.00278,0.00278,0.05306,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-6 { width: 244.92188%; height: 244.92188%; z-index: 7; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_item_star_get_2-6; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-6 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  30% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  35% { transform: translate(16.31859%, 19.88999%) matrix(0.02667,-0.0223,0.0223,0.02667,0,0); opacity: 0.075; }
  40% { transform: translate(14.66171%, 19.82815%) matrix(0.02433,-0.02484,0.02484,0.02433,0,0); opacity: 0.15; }
  45% { transform: translate(13.02914%, 19.76606%) matrix(0.02174,-0.02713,0.02713,0.02174,0,0); opacity: 0.225; }
  50% { transform: translate(11.42073%, 19.7013%) matrix(0.01894,-0.02916,0.02916,0.01894,0,0); opacity: 0.3; }
  55% { transform: translate(9.87592%, 19.98558%) matrix(0.01074,-0.03307,0.03307,0.01074,0,0); opacity: 0.25; }
  60% { transform: translate(8.48039%, 20.1938%) matrix(0.00182,-0.03472,0.03472,0.00182,0,0); opacity: 0.2; }
  65% { transform: translate(7.20938%, 20.28991%) matrix(-0.00723,-0.03401,0.03401,-0.00723,0,0); opacity: 0.15; }
  70% { transform: translate(6.02961%, 20.2455%) matrix(-0.01578,-0.03098,0.03098,-0.01578,0,0); opacity: 0.1; }
  75% { transform: translate(4.90162%, 20.04175%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0.05; }
  80% { transform: translate(4.90162%, 20.04175%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
  100% { transform: translate(4.90162%, 20.04175%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-7 { width: 244.92188%; height: 244.92188%; z-index: 6; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_item_star_get_2-7; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-7 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  50% { transform: translate(19.19575%, 22.53725%) matrix(0.02508,-0.02409,0.02409,0.02508,0,0); opacity: 0.075; }
  55% { transform: translate(20.43827%, 24.8974%) matrix(0.02316,-0.02593,0.02593,0.02316,0,0); opacity: 0.15; }
  60% { transform: translate(21.69515%, 27.25674%) matrix(0.02111,-0.02763,0.02763,0.02111,0,0); opacity: 0.225; }
  65% { transform: translate(22.9663%, 29.61417%) matrix(0.01894,-0.02916,0.02916,0.01894,0,0); opacity: 0.3; }
  70% { transform: translate(23.49153%, 30.84114%) matrix(0.01074,-0.03307,0.03307,0.01074,0,0); opacity: 0.25; }
  75% { transform: translate(24.16605%, 31.99205%) matrix(0.00182,-0.03472,0.03472,0.00182,0,0); opacity: 0.2; }
  80% { transform: translate(24.96507%, 33.03086%) matrix(-0.00723,-0.03401,0.03401,-0.00723,0,0); opacity: 0.15; }
  85% { transform: translate(25.85535%, 33.92914%) matrix(-0.01578,-0.03098,0.03098,-0.01578,0,0); opacity: 0.1; }
  90% { transform: translate(26.7974%, 34.66809%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0.05; }
  95% { transform: translate(26.7974%, 34.66809%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
  100% { transform: translate(26.7974%, 34.66809%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-8 { width: 244.92188%; height: 244.92188%; z-index: 5; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_item_star_get_2-8; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-8 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  35% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(20.55569%, 18.90691%) matrix(0.02606,-0.02302,0.02302,0.02606,0,0); opacity: 0.075; }
  45% { transform: translate(23.14683%, 17.77342%) matrix(0.02387,-0.02528,0.02528,0.02387,0,0); opacity: 0.15; }
  50% { transform: translate(25.75805%, 16.63936%) matrix(0.02149,-0.02733,0.02733,0.02149,0,0); opacity: 0.225; }
  55% { transform: translate(28.38922%, 15.50291%) matrix(0.01894,-0.02916,0.02916,0.01894,0,0); opacity: 0.3; }
  60% { transform: translate(29.33235%, 15.71916%) matrix(0.01074,-0.03307,0.03307,0.01074,0,0); opacity: 0.25; }
  65% { transform: translate(30.42476%, 15.85935%) matrix(0.00182,-0.03472,0.03472,0.00182,0,0); opacity: 0.2; }
  70% { transform: translate(31.64168%, 15.88743%) matrix(-0.00723,-0.03401,0.03401,-0.00723,0,0); opacity: 0.15; }
  75% { transform: translate(32.94985%, 15.77499%) matrix(-0.01578,-0.03098,0.03098,-0.01578,0,0); opacity: 0.1; }
  80% { transform: translate(34.30979%, 15.50321%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0.05; }
  85% { transform: translate(34.30979%, 15.50321%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
  100% { transform: translate(34.30979%, 15.50321%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-9 { width: 244.92188%; height: 244.92188%; z-index: 4; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_item_star_get_2-9; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-9 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  30% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  35% { transform: translate(15.28358%, 17.58671%) matrix(0.02667,-0.0223,0.0223,0.02667,0,0); opacity: 0.075; }
  40% { transform: translate(12.59167%, 15.22159%) matrix(0.02433,-0.02484,0.02484,0.02433,0,0); opacity: 0.15; }
  45% { transform: translate(9.92408%, 12.85621%) matrix(0.02174,-0.02713,0.02713,0.02174,0,0); opacity: 0.225; }
  50% { transform: translate(7.28065%, 10.48817%) matrix(0.01894,-0.02916,0.02916,0.01894,0,0); opacity: 0.3; }
  55% { transform: translate(6.80487%, 10.55864%) matrix(0.01074,-0.03307,0.03307,0.01074,0,0); opacity: 0.25; }
  60% { transform: translate(6.47838%, 10.55305%) matrix(0.00182,-0.03472,0.03472,0.00182,0,0); opacity: 0.2; }
  65% { transform: translate(6.2764%, 10.43535%) matrix(-0.00723,-0.03401,0.03401,-0.00723,0,0); opacity: 0.15; }
  70% { transform: translate(6.16567%, 10.17714%) matrix(-0.01578,-0.03098,0.03098,-0.01578,0,0); opacity: 0.1; }
  75% { transform: translate(6.10672%, 9.75958%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0.05; }
  80% { transform: translate(6.10672%, 9.75958%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
  100% { transform: translate(6.10672%, 9.75958%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-10 { width: 244.92188%; height: 244.92188%; z-index: 3; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_item_star_get_2-10; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-10 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(15.48602%, 17.67584%) matrix(0.05122,-0.04735,0.04735,0.05122,0,0); opacity: 0.25; }
  50% { transform: translate(15.48691%, 15.53944%) matrix(0.04713,-0.05143,0.05143,0.04713,0,0); opacity: 0.5; }
  55% { transform: translate(13.79692%, 13.62099%) matrix(0.05776,-0.0746,0.0746,0.05776,0,0); opacity: 0.75; }
  60% { transform: translate(12.18872%, 11.9824%) matrix(0.06477,-0.09974,0.09974,0.06477,0,0); opacity: 1; }
  65% { transform: translate(13.95431%, 12.47566%) matrix(0.03169,-0.09752,0.09752,0.03169,0,0); opacity: 0.83333; }
  70% { transform: translate(15.88777%, 12.21001%) matrix(0.00451,-0.08603,0.08603,0.00451,0,0); opacity: 0.66667; }
  75% { transform: translate(17.72826%, 11.2207%) matrix(-0.0145,-0.06823,0.06823,-0.0145,0,0); opacity: 0.5; }
  80% { transform: translate(18.89046%, 10.72507%) matrix(-0.03167,-0.06215,0.06215,-0.03167,0,0); opacity: 0.33333; }
  85% { transform: translate(20.15653%, 9.90975%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0.16667; }
  90% { transform: translate(20.15653%, 9.90975%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0; }
  100% { transform: translate(20.15653%, 9.90975%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-11 { width: 244.92188%; height: 244.92188%; z-index: 2; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-effect_item_star_get_2-11; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-11 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(13.07106%, 21.6205%) matrix(0.05184,-0.04668,0.04668,0.05184,0,0); opacity: 0.25; }
  50% { transform: translate(10.65323%, 23.49393%) matrix(0.04787,-0.05074,0.05074,0.04787,0,0); opacity: 0.5; }
  55% { transform: translate(6.59269%, 25.56266%) matrix(0.05853,-0.07314,0.07314,0.05853,0,0); opacity: 0.75; }
  60% { transform: translate(2.61588%, 27.9158%) matrix(0.06576,-0.0975,0.0975,0.06576,0,0); opacity: 1; }
  65% { transform: translate(3.19915%, 29.65199%) matrix(0.03917,-0.0938,0.0938,0.03917,0,0); opacity: 0.83333; }
  70% { transform: translate(3.87677%, 30.87713%) matrix(0.01684,-0.08403,0.08403,0.01684,0,0); opacity: 0.66667; }
  75% { transform: translate(4.5094%, 31.60852%) matrix(0,-0.06976,0.06976,0,0,0); opacity: 0.5; }
  80% { transform: translate(4.34419%, 32.83631%) matrix(-0.01371,-0.0684,0.0684,-0.01371,0,0); opacity: 0.33333; }
  85% { transform: translate(4.29168%, 33.91303%) matrix(-0.02688,-0.06437,0.06437,-0.02688,0,0); opacity: 0.16667; }
  90% { transform: translate(4.29168%, 33.91303%) matrix(-0.02688,-0.06437,0.06437,-0.02688,0,0); opacity: 0; }
  100% { transform: translate(4.29168%, 33.91303%) matrix(-0.02688,-0.06437,0.06437,-0.02688,0,0); opacity: 0; }
}
.effect-effect_item_star_get_2-12 { width: 244.92188%; height: 244.92188%; z-index: 1; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-effect_item_star_get_2-12; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_item_star_get_2-12 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(22.23216%, 17.00329%) matrix(0.05589,0.04174,-0.04174,0.05589,0,0); opacity: 0.25; }
  50% { transform: translate(25.1068%, 18.43531%) matrix(0.05278,0.04561,-0.04561,0.05278,0,0); opacity: 0.5; }
  55% { transform: translate(27.981%, 18.34164%) matrix(0.06493,0.06474,-0.06474,0.06493,0,0); opacity: 0.75; }
  60% { transform: translate(31.0761%, 18.28056%) matrix(0.07454,0.08575,-0.08575,0.07454,0,0); opacity: 1; }
  65% { transform: translate(33.51608%, 20.16423%) matrix(0.04875,0.08616,-0.08616,0.04875,0,0); opacity: 0.83333; }
  70% { transform: translate(35.48374%, 22.20859%) matrix(0.02607,0.08025,-0.08025,0.02607,0,0); opacity: 0.66667; }
  75% { transform: translate(36.97537%, 24.27924%) matrix(0.0079,0.06931,-0.06931,0.0079,0,0); opacity: 0.5; }
  80% { transform: translate(38.81304%, 25.58378%) matrix(-0.00608,0.06949,-0.06949,-0.00608,0,0); opacity: 0.33333; }
  85% { transform: translate(40.499%, 27.01561%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0.16667; }
  90% { transform: translate(40.499%, 27.01561%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
  100% { transform: translate(40.499%, 27.01561%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
}
.effect-effect_exchange_success-0 { width: 244.92188%; height: 244.92188%; z-index: 21; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_exchange_success-0; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-0 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  50% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  55% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.4; }
  60% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.8; }
  65% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.66667; }
  70% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.53333; }
  75% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.4; }
  80% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.26667; }
  85% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.13333; }
  90% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  100% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
}
.effect-effect_exchange_success-1 { width: 244.92188%; height: 244.92188%; z-index: 20; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_exchange_success-1; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-1 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  50% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  55% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.4; }
  60% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.8; }
  65% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.66667; }
  70% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.53333; }
  75% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.4; }
  80% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.26667; }
  85% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.13333; }
  90% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  100% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
}
.effect-effect_exchange_success-2 { width: 244.92188%; height: 244.92188%; z-index: 19; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_exchange_success-2; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-2 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.1; }
  50% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.2; }
  55% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.16667; }
  60% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.13333; }
  65% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.1; }
  70% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.06667; }
  75% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.03333; }
  80% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  100% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
}
.effect-effect_exchange_success-3 { width: 244.92188%; height: 244.92188%; z-index: 18; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_exchange_success-3; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-3 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.1; }
  50% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.2; }
  55% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.16667; }
  60% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.13333; }
  65% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.1; }
  70% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.06667; }
  75% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.03333; }
  80% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  100% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
}
.effect-effect_exchange_success-4 { width: 244.92188%; height: 244.92188%; z-index: 17; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_exchange_success-4; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-4 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.1; }
  50% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.2; }
  55% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.16667; }
  60% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.13333; }
  65% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.1; }
  70% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.06667; }
  75% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.03333; }
  80% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  100% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
}
.effect-effect_exchange_success-5 { width: 244.92188%; height: 244.92188%; z-index: 16; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_exchange_success-5; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-5 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.1; }
  50% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.2; }
  55% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.16667; }
  60% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.13333; }
  65% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.1; }
  70% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.06667; }
  75% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.03333; }
  80% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  100% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
}
.effect-effect_exchange_success-6 { width: 244.92188%; height: 244.92188%; z-index: 15; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_exchange_success-6; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-6 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  50% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  55% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.5; }
  60% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 1; }
  65% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.83333; }
  70% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.66667; }
  75% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.5; }
  80% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.33333; }
  85% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.16667; }
  90% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  100% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
}
.effect-effect_exchange_success-7 { width: 244.92188%; height: 244.92188%; z-index: 14; background-image: url("../resources/game-effects/art-c10f69817df1.webp"); animation-name: effect-effect_exchange_success-7; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-7 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  55% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  60% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.5; }
  65% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 1; }
  70% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.83333; }
  75% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.66667; }
  80% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.5; }
  85% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.33333; }
  90% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0.16667; }
  95% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  100% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
}
.effect-effect_exchange_success-8 { width: 244.92188%; height: 244.92188%; z-index: 13; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_exchange_success-8; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-8 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  30% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  35% { transform: translate(16.31859%, 19.88999%) matrix(0.02667,-0.0223,0.0223,0.02667,0,0); opacity: 0.075; }
  40% { transform: translate(14.66171%, 19.82815%) matrix(0.02433,-0.02484,0.02484,0.02433,0,0); opacity: 0.15; }
  45% { transform: translate(13.02914%, 19.76606%) matrix(0.02174,-0.02713,0.02713,0.02174,0,0); opacity: 0.225; }
  50% { transform: translate(11.42073%, 19.7013%) matrix(0.01894,-0.02916,0.02916,0.01894,0,0); opacity: 0.3; }
  55% { transform: translate(9.87592%, 19.98558%) matrix(0.01074,-0.03307,0.03307,0.01074,0,0); opacity: 0.25; }
  60% { transform: translate(8.48039%, 20.1938%) matrix(0.00182,-0.03472,0.03472,0.00182,0,0); opacity: 0.2; }
  65% { transform: translate(7.20938%, 20.28991%) matrix(-0.00723,-0.03401,0.03401,-0.00723,0,0); opacity: 0.15; }
  70% { transform: translate(6.02961%, 20.2455%) matrix(-0.01578,-0.03098,0.03098,-0.01578,0,0); opacity: 0.1; }
  75% { transform: translate(4.90162%, 20.04175%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0.05; }
  80% { transform: translate(4.90162%, 20.04175%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
  100% { transform: translate(4.90162%, 20.04175%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
}
.effect-effect_exchange_success-9 { width: 244.92188%; height: 244.92188%; z-index: 12; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_exchange_success-9; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-9 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  50% { transform: translate(19.19575%, 22.53725%) matrix(0.02508,-0.02409,0.02409,0.02508,0,0); opacity: 0.075; }
  55% { transform: translate(20.43827%, 24.8974%) matrix(0.02316,-0.02593,0.02593,0.02316,0,0); opacity: 0.15; }
  60% { transform: translate(21.69515%, 27.25674%) matrix(0.02111,-0.02763,0.02763,0.02111,0,0); opacity: 0.225; }
  65% { transform: translate(22.9663%, 29.61417%) matrix(0.01894,-0.02916,0.02916,0.01894,0,0); opacity: 0.3; }
  70% { transform: translate(23.49153%, 30.84114%) matrix(0.01074,-0.03307,0.03307,0.01074,0,0); opacity: 0.25; }
  75% { transform: translate(24.16605%, 31.99205%) matrix(0.00182,-0.03472,0.03472,0.00182,0,0); opacity: 0.2; }
  80% { transform: translate(24.96507%, 33.03086%) matrix(-0.00723,-0.03401,0.03401,-0.00723,0,0); opacity: 0.15; }
  85% { transform: translate(25.85535%, 33.92914%) matrix(-0.01578,-0.03098,0.03098,-0.01578,0,0); opacity: 0.1; }
  90% { transform: translate(26.7974%, 34.66809%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0.05; }
  95% { transform: translate(26.7974%, 34.66809%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
  100% { transform: translate(26.7974%, 34.66809%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
}
.effect-effect_exchange_success-10 { width: 244.92188%; height: 244.92188%; z-index: 11; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_exchange_success-10; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-10 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  35% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(20.55569%, 18.90691%) matrix(0.02606,-0.02302,0.02302,0.02606,0,0); opacity: 0.075; }
  45% { transform: translate(23.14683%, 17.77342%) matrix(0.02387,-0.02528,0.02528,0.02387,0,0); opacity: 0.15; }
  50% { transform: translate(25.75805%, 16.63936%) matrix(0.02149,-0.02733,0.02733,0.02149,0,0); opacity: 0.225; }
  55% { transform: translate(28.38922%, 15.50291%) matrix(0.01894,-0.02916,0.02916,0.01894,0,0); opacity: 0.3; }
  60% { transform: translate(29.33235%, 15.71916%) matrix(0.01074,-0.03307,0.03307,0.01074,0,0); opacity: 0.25; }
  65% { transform: translate(30.42476%, 15.85935%) matrix(0.00182,-0.03472,0.03472,0.00182,0,0); opacity: 0.2; }
  70% { transform: translate(31.64168%, 15.88743%) matrix(-0.00723,-0.03401,0.03401,-0.00723,0,0); opacity: 0.15; }
  75% { transform: translate(32.94985%, 15.77499%) matrix(-0.01578,-0.03098,0.03098,-0.01578,0,0); opacity: 0.1; }
  80% { transform: translate(34.30979%, 15.50321%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0.05; }
  85% { transform: translate(34.30979%, 15.50321%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
  100% { transform: translate(34.30979%, 15.50321%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
}
.effect-effect_exchange_success-11 { width: 244.92188%; height: 244.92188%; z-index: 10; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_exchange_success-11; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-11 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  30% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  35% { transform: translate(15.28358%, 17.58671%) matrix(0.02667,-0.0223,0.0223,0.02667,0,0); opacity: 0.075; }
  40% { transform: translate(12.59167%, 15.22159%) matrix(0.02433,-0.02484,0.02484,0.02433,0,0); opacity: 0.15; }
  45% { transform: translate(9.92408%, 12.85621%) matrix(0.02174,-0.02713,0.02713,0.02174,0,0); opacity: 0.225; }
  50% { transform: translate(7.28065%, 10.48817%) matrix(0.01894,-0.02916,0.02916,0.01894,0,0); opacity: 0.3; }
  55% { transform: translate(6.80487%, 10.55864%) matrix(0.01074,-0.03307,0.03307,0.01074,0,0); opacity: 0.25; }
  60% { transform: translate(6.47838%, 10.55305%) matrix(0.00182,-0.03472,0.03472,0.00182,0,0); opacity: 0.2; }
  65% { transform: translate(6.2764%, 10.43535%) matrix(-0.00723,-0.03401,0.03401,-0.00723,0,0); opacity: 0.15; }
  70% { transform: translate(6.16567%, 10.17714%) matrix(-0.01578,-0.03098,0.03098,-0.01578,0,0); opacity: 0.1; }
  75% { transform: translate(6.10672%, 9.75958%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0.05; }
  80% { transform: translate(6.10672%, 9.75958%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
  100% { transform: translate(6.10672%, 9.75958%) matrix(-0.02326,-0.02584,0.02584,-0.02326,0,0); opacity: 0; }
}
.effect-effect_exchange_success-12 { width: 244.92188%; height: 244.92188%; z-index: 9; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_exchange_success-12; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-12 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  25% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  30% { transform: translate(18.28937%, 18.98218%) matrix(0.05234,-0.04089,0.04089,0.05234,0,0); opacity: 0.125; }
  35% { transform: translate(20.55561%, 18.63711%) matrix(0.0499,-0.04875,0.04875,0.0499,0,0); opacity: 0.25; }
  40% { transform: translate(23.93652%, 18.24002%) matrix(0.03682,-0.04493,0.04493,0.03682,0,0); opacity: 0.375; }
  45% { transform: translate(27.34936%, 17.65694%) matrix(0.02529,-0.03894,0.03894,0.02529,0,0); opacity: 0.5; }
  50% { transform: translate(28.51592%, 18.26739%) matrix(0.01675,-0.05155,0.05155,0.01675,0,0); opacity: 0.41667; }
  55% { transform: translate(30.04442%, 19.01282%) matrix(0.00324,-0.0619,0.0619,0.00324,0,0); opacity: 0.33333; }
  60% { transform: translate(31.9853%, 19.76988%) matrix(-0.0145,-0.06823,0.06823,-0.0145,0,0); opacity: 0.25; }
  65% { transform: translate(34.5178%, 19.87717%) matrix(-0.03167,-0.06215,0.06215,-0.03167,0,0); opacity: 0.16667; }
  70% { transform: translate(37.15418%, 19.66477%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0.08333; }
  75% { transform: translate(37.15418%, 19.66477%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0; }
  100% { transform: translate(37.15418%, 19.66477%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0; }
}
.effect-effect_exchange_success-13 { width: 244.92188%; height: 244.92188%; z-index: 8; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_exchange_success-13; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-13 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  25% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  30% { transform: translate(14.60059%, 21.97106%) matrix(0.05497,-0.04295,0.04295,0.05497,0,0); opacity: 0.125; }
  35% { transform: translate(13.64576%, 24.6723%) matrix(0.0499,-0.04875,0.04875,0.0499,0,0); opacity: 0.25; }
  40% { transform: translate(11.02099%, 27.5459%) matrix(0.0598,-0.07297,0.07297,0.0598,0,0); opacity: 0.375; }
  45% { transform: translate(8.51513%, 30.79318%) matrix(0.06477,-0.09974,0.09974,0.06477,0,0); opacity: 0.5; }
  50% { transform: translate(9.98917%, 32.97784%) matrix(0.03169,-0.09752,0.09752,0.03169,0,0); opacity: 0.41667; }
  55% { transform: translate(11.63107%, 34.40358%) matrix(0.00451,-0.08603,0.08603,0.00451,0,0); opacity: 0.33333; }
  60% { transform: translate(13.18001%, 35.10566%) matrix(-0.0145,-0.06823,0.06823,-0.0145,0,0); opacity: 0.25; }
  65% { transform: translate(14.05065%, 36.30142%) matrix(-0.03167,-0.06215,0.06215,-0.03167,0,0); opacity: 0.16667; }
  70% { transform: translate(15.02516%, 37.1775%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0.08333; }
  75% { transform: translate(15.02516%, 37.1775%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0; }
  100% { transform: translate(15.02516%, 37.1775%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0; }
}
.effect-effect_exchange_success-14 { width: 244.92188%; height: 244.92188%; z-index: 7; background-image: url("../resources/game-effects/art-1d85852b06db.webp"); animation-name: effect-effect_exchange_success-14; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-14 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(15.48602%, 17.67584%) matrix(0.05122,-0.04735,0.04735,0.05122,0,0); opacity: 0.25; }
  50% { transform: translate(15.48691%, 15.53944%) matrix(0.04713,-0.05143,0.05143,0.04713,0,0); opacity: 0.5; }
  55% { transform: translate(13.79692%, 13.62099%) matrix(0.05776,-0.0746,0.0746,0.05776,0,0); opacity: 0.75; }
  60% { transform: translate(12.18872%, 11.9824%) matrix(0.06477,-0.09974,0.09974,0.06477,0,0); opacity: 1; }
  65% { transform: translate(13.95431%, 12.47566%) matrix(0.03169,-0.09752,0.09752,0.03169,0,0); opacity: 0.83333; }
  70% { transform: translate(15.88777%, 12.21001%) matrix(0.00451,-0.08603,0.08603,0.00451,0,0); opacity: 0.66667; }
  75% { transform: translate(17.72826%, 11.2207%) matrix(-0.0145,-0.06823,0.06823,-0.0145,0,0); opacity: 0.5; }
  80% { transform: translate(18.89046%, 10.72507%) matrix(-0.03167,-0.06215,0.06215,-0.03167,0,0); opacity: 0.33333; }
  85% { transform: translate(20.15653%, 9.90975%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0.16667; }
  90% { transform: translate(20.15653%, 9.90975%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0; }
  100% { transform: translate(20.15653%, 9.90975%) matrix(-0.04668,-0.05184,0.05184,-0.04668,0,0); opacity: 0; }
}
.effect-effect_exchange_success-15 { width: 244.92188%; height: 244.92188%; z-index: 6; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-effect_exchange_success-15; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-15 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(13.07106%, 21.6205%) matrix(0.05184,-0.04668,0.04668,0.05184,0,0); opacity: 0.25; }
  50% { transform: translate(10.65323%, 23.49393%) matrix(0.04787,-0.05074,0.05074,0.04787,0,0); opacity: 0.5; }
  55% { transform: translate(6.59269%, 25.56266%) matrix(0.05853,-0.07314,0.07314,0.05853,0,0); opacity: 0.75; }
  60% { transform: translate(2.61588%, 27.9158%) matrix(0.06576,-0.0975,0.0975,0.06576,0,0); opacity: 1; }
  65% { transform: translate(3.19915%, 29.65199%) matrix(0.03917,-0.0938,0.0938,0.03917,0,0); opacity: 0.83333; }
  70% { transform: translate(3.87677%, 30.87713%) matrix(0.01684,-0.08403,0.08403,0.01684,0,0); opacity: 0.66667; }
  75% { transform: translate(4.5094%, 31.60852%) matrix(0,-0.06976,0.06976,0,0,0); opacity: 0.5; }
  80% { transform: translate(4.34419%, 32.83631%) matrix(-0.01371,-0.0684,0.0684,-0.01371,0,0); opacity: 0.33333; }
  85% { transform: translate(4.29168%, 33.91303%) matrix(-0.02688,-0.06437,0.06437,-0.02688,0,0); opacity: 0.16667; }
  90% { transform: translate(4.29168%, 33.91303%) matrix(-0.02688,-0.06437,0.06437,-0.02688,0,0); opacity: 0; }
  100% { transform: translate(4.29168%, 33.91303%) matrix(-0.02688,-0.06437,0.06437,-0.02688,0,0); opacity: 0; }
}
.effect-effect_exchange_success-16 { width: 244.92188%; height: 244.92188%; z-index: 5; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-effect_exchange_success-16; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-16 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  50% { transform: translate(21.95881%, 15.83282%) matrix(0.05268,0.04071,-0.04071,0.05268,0,0); opacity: 0.15; }
  55% { transform: translate(24.39611%, 15.66656%) matrix(0.05227,0.04619,-0.04619,0.05227,0,0); opacity: 0.3; }
  60% { transform: translate(26.85834%, 16.98161%) matrix(0.03681,0.0371,-0.0371,0.03681,0,0); opacity: 0.45; }
  65% { transform: translate(29.15789%, 18.312%) matrix(0.02281,0.02624,-0.02624,0.02281,0,0); opacity: 0.6; }
  70% { transform: translate(31.46733%, 17.65909%) matrix(0.02286,0.04041,-0.04041,0.02286,0,0); opacity: 0.5; }
  75% { transform: translate(34.0584%, 17.22107%) matrix(0.01795,0.05525,-0.05525,0.01795,0,0); opacity: 0.4; }
  80% { transform: translate(36.86757%, 17.07929%) matrix(0.0079,0.06931,-0.06931,0.0079,0,0); opacity: 0.3; }
  85% { transform: translate(39.17908%, 17.82726%) matrix(-0.00608,0.06949,-0.06949,-0.00608,0,0); opacity: 0.2; }
  90% { transform: translate(41.33887%, 18.70253%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0.1; }
  95% { transform: translate(41.33887%, 18.70253%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
  100% { transform: translate(41.33887%, 18.70253%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
}
.effect-effect_exchange_success-17 { width: 244.92188%; height: 244.92188%; z-index: 4; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-effect_exchange_success-17; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-17 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  50% { transform: translate(16.65252%, 15.24971%) matrix(0.05268,0.04071,-0.04071,0.05268,0,0); opacity: 0.15; }
  55% { transform: translate(13.78351%, 14.50033%) matrix(0.05227,0.04619,-0.04619,0.05227,0,0); opacity: 0.3; }
  60% { transform: translate(10.93945%, 15.23228%) matrix(0.03681,0.0371,-0.0371,0.03681,0,0); opacity: 0.45; }
  65% { transform: translate(7.93269%, 15.97956%) matrix(0.02281,0.02624,-0.02624,0.02281,0,0); opacity: 0.6; }
  70% { transform: translate(7.67645%, 15.11284%) matrix(0.02286,0.04041,-0.04041,0.02286,0,0); opacity: 0.5; }
  75% { transform: translate(7.70184%, 14.46102%) matrix(0.01795,0.05525,-0.05525,0.01795,0,0); opacity: 0.4; }
  80% { transform: translate(7.94532%, 14.10543%) matrix(0.0079,0.06931,-0.06931,0.0079,0,0); opacity: 0.3; }
  85% { transform: translate(7.69115%, 14.63959%) matrix(-0.00608,0.06949,-0.06949,-0.00608,0,0); opacity: 0.2; }
  90% { transform: translate(7.28526%, 15.30106%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0.1; }
  95% { transform: translate(7.28526%, 15.30106%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
  100% { transform: translate(7.28526%, 15.30106%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
}
.effect-effect_exchange_success-18 { width: 244.92188%; height: 244.92188%; z-index: 3; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-effect_exchange_success-18; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-18 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  35% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(17.51297%, 12.35541%) matrix(0.05669,0.04064,-0.04064,0.05669,0,0); opacity: 0.25; }
  45% { transform: translate(15.79419%, 9.11526%) matrix(0.05336,0.04492,-0.04492,0.05336,0,0); opacity: 0.5; }
  50% { transform: translate(14.06566%, 4.35417%) matrix(0.06534,0.06431,-0.06431,0.06534,0,0); opacity: 0.75; }
  55% { transform: translate(12.5783%, -0.36966%) matrix(0.07454,0.08575,-0.08575,0.07454,0,0); opacity: 1; }
  60% { transform: translate(13.40264%, 0.248%) matrix(0.04875,0.08616,-0.08616,0.04875,0,0); opacity: 0.83333; }
  65% { transform: translate(13.75466%, 1.02633%) matrix(0.02607,0.08025,-0.08025,0.02607,0,0); opacity: 0.66667; }
  70% { transform: translate(13.63064%, 1.83097%) matrix(0.0079,0.06931,-0.06931,0.0079,0,0); opacity: 0.5; }
  75% { transform: translate(13.85267%, 1.86949%) matrix(-0.00608,0.06949,-0.06949,-0.00608,0,0); opacity: 0.33333; }
  80% { transform: translate(13.92299%, 2.03531%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0.16667; }
  85% { transform: translate(13.92299%, 2.03531%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
  100% { transform: translate(13.92299%, 2.03531%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
}
.effect-effect_exchange_success-19 { width: 244.92188%; height: 244.92188%; z-index: 2; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-effect_exchange_success-19; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-19 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  50% { transform: translate(21.94479%, 12.66504%) matrix(0.0552,0.04265,-0.04265,0.0552,0,0); opacity: 0.125; }
  55% { transform: translate(24.42526%, 9.77715%) matrix(0.05227,0.04619,-0.04619,0.05227,0,0); opacity: 0.25; }
  60% { transform: translate(26.90977%, 6.23648%) matrix(0.05584,0.05629,-0.05629,0.05584,0,0); opacity: 0.375; }
  65% { transform: translate(29.48281%, 2.72042%) matrix(0.05827,0.06703,-0.06703,0.05827,0,0); opacity: 0.5; }
  70% { transform: translate(30.95289%, 2.7446%) matrix(0.04061,0.07177,-0.07177,0.04061,0,0); opacity: 0.41667; }
  75% { transform: translate(32.18773%, 2.9465%) matrix(0.02352,0.07239,-0.07239,0.02352,0,0); opacity: 0.33333; }
  80% { transform: translate(33.16482%, 3.25959%) matrix(0.0079,0.06931,-0.06931,0.0079,0,0); opacity: 0.25; }
  85% { transform: translate(34.22264%, 3.32727%) matrix(-0.00608,0.06949,-0.06949,-0.00608,0,0); opacity: 0.16667; }
  90% { transform: translate(35.12875%, 3.52224%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0.08333; }
  95% { transform: translate(35.12875%, 3.52224%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
  100% { transform: translate(35.12875%, 3.52224%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
}
.effect-effect_exchange_success-20 { width: 244.92188%; height: 244.92188%; z-index: 1; background-image: url("../resources/game-effects/art-a422fcffd48d.webp"); animation-name: effect-effect_exchange_success-20; transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
@keyframes effect-effect_exchange_success-20 {
  0% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  40% { transform: translate(0%, 0%) matrix(1,0,0,1,0,0); opacity: 0; }
  45% { transform: translate(22.23216%, 17.00329%) matrix(0.05589,0.04174,-0.04174,0.05589,0,0); opacity: 0.25; }
  50% { transform: translate(25.1068%, 18.43531%) matrix(0.05278,0.04561,-0.04561,0.05278,0,0); opacity: 0.5; }
  55% { transform: translate(27.981%, 18.34164%) matrix(0.06493,0.06474,-0.06474,0.06493,0,0); opacity: 0.75; }
  60% { transform: translate(31.0761%, 18.28056%) matrix(0.07454,0.08575,-0.08575,0.07454,0,0); opacity: 1; }
  65% { transform: translate(33.51608%, 20.16423%) matrix(0.04875,0.08616,-0.08616,0.04875,0,0); opacity: 0.83333; }
  70% { transform: translate(35.48374%, 22.20859%) matrix(0.02607,0.08025,-0.08025,0.02607,0,0); opacity: 0.66667; }
  75% { transform: translate(36.97537%, 24.27924%) matrix(0.0079,0.06931,-0.06931,0.0079,0,0); opacity: 0.5; }
  80% { transform: translate(38.81304%, 25.58378%) matrix(-0.00608,0.06949,-0.06949,-0.00608,0,0); opacity: 0.33333; }
  85% { transform: translate(40.499%, 27.01561%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0.16667; }
  90% { transform: translate(40.499%, 27.01561%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
  100% { transform: translate(40.499%, 27.01561%) matrix(-0.01981,0.06688,-0.06688,-0.01981,0,0); opacity: 0; }
}
