/* Card backgrounds, drawn as CSS gradients (made from the r, db, dr, lp, o and ob images). */

/* red — from assets/r.png */
.g-r {
  background:
    radial-gradient(33.2% 53.2% at 56.4% 40.3%, rgb(255 0 6 / 0.239) 0%, rgb(255 0 6 / 0.21) 25%, rgb(255 0 6 / 0.134) 50%, rgb(255 0 6 / 0.046) 75%, rgb(255 0 6 / 0) 100%),
    radial-gradient(22.4% 43.9% at 90.7% 111.0%, rgb(213 180 157 / 0.787) 0%, rgb(213 180 157 / 0.691) 25%, rgb(213 180 157 / 0.443) 50%, rgb(213 180 157 / 0.151) 75%, rgb(213 180 157 / 0) 100%),
    radial-gradient(22.2% 41.6% at 65.7% 48.5%, rgb(254 0 0 / 0.658) 0%, rgb(254 0 0 / 0.578) 25%, rgb(254 0 0 / 0.37) 50%, rgb(254 0 0 / 0.126) 75%, rgb(254 0 0 / 0) 100%),
    radial-gradient(42.2% 25.5% at 98.8% 83.9%, rgb(247 57 49 / 0.797) 0%, rgb(247 57 49 / 0.701) 25%, rgb(247 57 49 / 0.448) 50%, rgb(247 57 49 / 0.153) 75%, rgb(247 57 49 / 0) 100%),
    radial-gradient(30.1% 42.5% at 34.1% -10.1%, rgb(186 2 0 / 0.526) 0%, rgb(186 2 0 / 0.463) 25%, rgb(186 2 0 / 0.296) 50%, rgb(186 2 0 / 0.101) 75%, rgb(186 2 0 / 0) 100%),
    radial-gradient(61.0% 18.8% at 68.4% 61.6%, rgb(247 0 16 / 0.848) 0%, rgb(247 0 16 / 0.745) 25%, rgb(247 0 16 / 0.477) 50%, rgb(247 0 16 / 0.162) 75%, rgb(247 0 16 / 0) 100%),
    radial-gradient(31.1% 20.8% at -5.9% 74.4%, rgb(248 101 0 / 0.96) 0%, rgb(248 101 0 / 0.844) 25%, rgb(248 101 0 / 0.54) 50%, rgb(248 101 0 / 0.184) 75%, rgb(248 101 0 / 0) 100%),
    radial-gradient(19.1% 21.1% at 32.2% -9.7%, rgb(255 4 0 / 1) 0%, rgb(255 4 0 / 0.879) 25%, rgb(255 4 0 / 0.563) 50%, rgb(255 4 0 / 0.191) 75%, rgb(255 4 0 / 0) 100%),
    radial-gradient(31.6% 33.2% at 104.8% -7.8%, rgb(239 43 51 / 1) 0%, rgb(239 43 51 / 0.879) 25%, rgb(239 43 51 / 0.563) 50%, rgb(239 43 51 / 0.191) 75%, rgb(239 43 51 / 0) 100%),
    radial-gradient(38.7% 33.1% at -7.4% 100.0%, rgb(248 13 27 / 0.768) 0%, rgb(248 13 27 / 0.675) 25%, rgb(248 13 27 / 0.432) 50%, rgb(248 13 27 / 0.147) 75%, rgb(248 13 27 / 0) 100%),
    radial-gradient(33.9% 15.5% at 100.1% 71.2%, rgb(243 15 64 / 0.938) 0%, rgb(243 15 64 / 0.825) 25%, rgb(243 15 64 / 0.528) 50%, rgb(243 15 64 / 0.18) 75%, rgb(243 15 64 / 0) 100%),
    radial-gradient(35.0% 36.3% at 9.9% -12.4%, rgb(255 140 28 / 0.847) 0%, rgb(255 140 28 / 0.745) 25%, rgb(255 140 28 / 0.477) 50%, rgb(255 140 28 / 0.162) 75%, rgb(255 140 28 / 0) 100%),
    radial-gradient(24.7% 59.8% at 84.5% 31.3%, rgb(247 132 128 / 0.858) 0%, rgb(247 132 128 / 0.754) 25%, rgb(247 132 128 / 0.483) 50%, rgb(247 132 128 / 0.164) 75%, rgb(247 132 128 / 0) 100%),
    radial-gradient(74.4% 36.4% at 13.3% 72.4%, rgb(255 61 65 / 0.81) 0%, rgb(255 61 65 / 0.712) 25%, rgb(255 61 65 / 0.456) 50%, rgb(255 61 65 / 0.155) 75%, rgb(255 61 65 / 0) 100%),
    radial-gradient(69.8% 135.5% at 50.9% 15.0%, rgb(180 39 0 / 0.436) 0%, rgb(180 39 0 / 0.383) 25%, rgb(180 39 0 / 0.245) 50%, rgb(180 39 0 / 0.083) 75%, rgb(180 39 0 / 0) 100%),
    radial-gradient(31.0% 21.8% at 71.3% 50.7%, rgb(255 0 137 / 1) 0%, rgb(255 0 137 / 0.879) 25%, rgb(255 0 137 / 0.563) 50%, rgb(255 0 137 / 0.191) 75%, rgb(255 0 137 / 0) 100%),
    #f0f6e8;
}

/* dark blue — from assets/db.png */
.g-db {
  background:
    radial-gradient(58.5% 54.0% at 78.9% 19.8%, rgb(197 223 254 / 0.443) 0%, rgb(197 223 254 / 0.389) 25%, rgb(197 223 254 / 0.249) 50%, rgb(197 223 254 / 0.085) 75%, rgb(197 223 254 / 0) 100%),
    radial-gradient(36.7% 50.8% at -6.4% 63.7%, rgb(34 48 87 / 0.609) 0%, rgb(34 48 87 / 0.536) 25%, rgb(34 48 87 / 0.343) 50%, rgb(34 48 87 / 0.117) 75%, rgb(34 48 87 / 0) 100%),
    radial-gradient(40.4% 38.3% at 90.4% 117.8%, rgb(84 70 96 / 0.828) 0%, rgb(84 70 96 / 0.727) 25%, rgb(84 70 96 / 0.466) 50%, rgb(84 70 96 / 0.158) 75%, rgb(84 70 96 / 0) 100%),
    radial-gradient(20.5% 30.5% at 102.6% 87.1%, rgb(0 30 64 / 1) 0%, rgb(0 30 64 / 0.879) 25%, rgb(0 30 64 / 0.563) 50%, rgb(0 30 64 / 0.191) 75%, rgb(0 30 64 / 0) 100%),
    radial-gradient(30.0% 58.3% at -7.0% -1.0%, rgb(44 64 85 / 0.844) 0%, rgb(44 64 85 / 0.742) 25%, rgb(44 64 85 / 0.475) 50%, rgb(44 64 85 / 0.161) 75%, rgb(44 64 85 / 0) 100%),
    radial-gradient(46.1% 40.0% at 38.1% 110.0%, rgb(53 2 18 / 0.775) 0%, rgb(53 2 18 / 0.681) 25%, rgb(53 2 18 / 0.436) 50%, rgb(53 2 18 / 0.148) 75%, rgb(53 2 18 / 0) 100%),
    radial-gradient(80.5% 49.7% at -8.0% 30.6%, rgb(50 80 134 / 0.545) 0%, rgb(50 80 134 / 0.479) 25%, rgb(50 80 134 / 0.307) 50%, rgb(50 80 134 / 0.104) 75%, rgb(50 80 134 / 0) 100%),
    radial-gradient(74.2% 114.8% at 10.4% 95.5%, rgb(134 23 35 / 0.781) 0%, rgb(134 23 35 / 0.687) 25%, rgb(134 23 35 / 0.44) 50%, rgb(134 23 35 / 0.15) 75%, rgb(134 23 35 / 0) 100%),
    radial-gradient(152.7% 64.7% at 107.8% 89.9%, rgb(17 0 53 / 1) 0%, rgb(17 0 53 / 0.879) 25%, rgb(17 0 53 / 0.563) 50%, rgb(17 0 53 / 0.191) 75%, rgb(17 0 53 / 0) 100%),
    #c6dffd;
}

/* dark red — from assets/dr.png */
.g-dr {
  background:
    radial-gradient(17.6% 80.6% at -9.6% 81.5%, rgb(0 0 0 / 0.313) 0%, rgb(0 0 0 / 0.275) 25%, rgb(0 0 0 / 0.176) 50%, rgb(0 0 0 / 0.06) 75%, rgb(0 0 0 / 0) 100%),
    radial-gradient(34.7% 41.3% at -11.4% 74.2%, rgb(0 0 0 / 0.555) 0%, rgb(0 0 0 / 0.488) 25%, rgb(0 0 0 / 0.312) 50%, rgb(0 0 0 / 0.106) 75%, rgb(0 0 0 / 0) 100%),
    radial-gradient(26.5% 36.0% at -7.5% 91.1%, rgb(0 10 22 / 1) 0%, rgb(0 10 22 / 0.879) 25%, rgb(0 10 22 / 0.563) 50%, rgb(0 10 22 / 0.191) 75%, rgb(0 10 22 / 0) 100%),
    radial-gradient(37.2% 41.8% at 99.3% 111.0%, rgb(63 0 2 / 0.426) 0%, rgb(63 0 2 / 0.374) 25%, rgb(63 0 2 / 0.239) 50%, rgb(63 0 2 / 0.081) 75%, rgb(63 0 2 / 0) 100%),
    radial-gradient(48.0% 14.7% at 113.4% 105.5%, rgb(50 0 0 / 1) 0%, rgb(50 0 0 / 0.879) 25%, rgb(50 0 0 / 0.563) 50%, rgb(50 0 0 / 0.191) 75%, rgb(50 0 0 / 0) 100%),
    radial-gradient(38.1% 36.7% at 70.4% 120.8%, rgb(199 33 0 / 1) 0%, rgb(199 33 0 / 0.879) 25%, rgb(199 33 0 / 0.563) 50%, rgb(199 33 0 / 0.191) 75%, rgb(199 33 0 / 0) 100%),
    radial-gradient(17.6% 55.5% at 102.6% 125.6%, rgb(0 104 158 / 0.443) 0%, rgb(0 104 158 / 0.389) 25%, rgb(0 104 158 / 0.249) 50%, rgb(0 104 158 / 0.085) 75%, rgb(0 104 158 / 0) 100%),
    radial-gradient(54.0% 50.7% at 72.2% 114.2%, rgb(255 59 39 / 0.679) 0%, rgb(255 59 39 / 0.597) 25%, rgb(255 59 39 / 0.382) 50%, rgb(255 59 39 / 0.13) 75%, rgb(255 59 39 / 0) 100%),
    radial-gradient(40.6% 94.7% at 97.2% 118.8%, rgb(166 255 155 / 0.271) 0%, rgb(166 255 155 / 0.239) 25%, rgb(166 255 155 / 0.153) 50%, rgb(166 255 155 / 0.052) 75%, rgb(166 255 155 / 0) 100%),
    radial-gradient(43.1% 75.9% at -6.0% 9.4%, rgb(220 30 0 / 0.743) 0%, rgb(220 30 0 / 0.653) 25%, rgb(220 30 0 / 0.418) 50%, rgb(220 30 0 / 0.142) 75%, rgb(220 30 0 / 0) 100%),
    radial-gradient(13.9% 55.2% at -4.8% 91.1%, rgb(0 0 0 / 1) 0%, rgb(0 0 0 / 0.879) 25%, rgb(0 0 0 / 0.563) 50%, rgb(0 0 0 / 0.191) 75%, rgb(0 0 0 / 0) 100%),
    radial-gradient(160.0% 32.8% at 41.1% 112.7%, rgb(25 0 0 / 1) 0%, rgb(25 0 0 / 0.879) 25%, rgb(25 0 0 / 0.563) 50%, rgb(25 0 0 / 0.191) 75%, rgb(25 0 0 / 0) 100%),
    radial-gradient(74.0% 36.0% at 52.4% -4.9%, rgb(134 0 0 / 0.96) 0%, rgb(134 0 0 / 0.844) 25%, rgb(134 0 0 / 0.54) 50%, rgb(134 0 0 / 0.184) 75%, rgb(134 0 0 / 0) 100%),
    radial-gradient(50.4% 34.0% at 77.5% 29.5%, rgb(52 56 51 / 0.977) 0%, rgb(52 56 51 / 0.859) 25%, rgb(52 56 51 / 0.55) 50%, rgb(52 56 51 / 0.187) 75%, rgb(52 56 51 / 0) 100%),
    radial-gradient(33.4% 95.7% at 66.3% 100.6%, rgb(194 24 0 / 0.514) 0%, rgb(194 24 0 / 0.451) 25%, rgb(194 24 0 / 0.289) 50%, rgb(194 24 0 / 0.098) 75%, rgb(194 24 0 / 0) 100%),
    radial-gradient(85.4% 108.8% at -5.9% 114.9%, rgb(35 16 58 / 0.869) 0%, rgb(35 16 58 / 0.764) 25%, rgb(35 16 58 / 0.489) 50%, rgb(35 16 58 / 0.166) 75%, rgb(35 16 58 / 0) 100%),
    #eb6c6f;
}

/* light purple — from assets/lp.png */
.g-lp {
  background:
    radial-gradient(89.5% 35.3% at 53.4% -1.2%, rgb(122 156 224 / 0.581) 0%, rgb(122 156 224 / 0.51) 25%, rgb(122 156 224 / 0.327) 50%, rgb(122 156 224 / 0.111) 75%, rgb(122 156 224 / 0) 100%),
    radial-gradient(39.6% 32.8% at -8.6% -12.5%, rgb(149 106 128 / 0.706) 0%, rgb(149 106 128 / 0.62) 25%, rgb(149 106 128 / 0.397) 50%, rgb(149 106 128 / 0.135) 75%, rgb(149 106 128 / 0) 100%),
    radial-gradient(26.5% 41.7% at -3.5% 73.3%, rgb(105 85 92 / 0.23) 0%, rgb(105 85 92 / 0.202) 25%, rgb(105 85 92 / 0.129) 50%, rgb(105 85 92 / 0.044) 75%, rgb(105 85 92 / 0) 100%),
    radial-gradient(34.1% 36.0% at 94.8% -12.1%, rgb(255 153 130 / 0.66) 0%, rgb(255 153 130 / 0.58) 25%, rgb(255 153 130 / 0.371) 50%, rgb(255 153 130 / 0.126) 75%, rgb(255 153 130 / 0) 100%),
    radial-gradient(58.9% 22.6% at 58.8% -7.3%, rgb(44 125 206 / 1) 0%, rgb(44 125 206 / 0.879) 25%, rgb(44 125 206 / 0.563) 50%, rgb(44 125 206 / 0.191) 75%, rgb(44 125 206 / 0) 100%),
    radial-gradient(42.3% 38.4% at 101.4% 108.2%, rgb(74 136 217 / 0.782) 0%, rgb(74 136 217 / 0.688) 25%, rgb(74 136 217 / 0.44) 50%, rgb(74 136 217 / 0.15) 75%, rgb(74 136 217 / 0) 100%),
    radial-gradient(40.8% 69.5% at 69.0% 109.6%, rgb(90 99 177 / 0.645) 0%, rgb(90 99 177 / 0.567) 25%, rgb(90 99 177 / 0.363) 50%, rgb(90 99 177 / 0.123) 75%, rgb(90 99 177 / 0) 100%),
    radial-gradient(59.7% 63.2% at 24.9% 15.5%, rgb(160 132 161 / 0.665) 0%, rgb(160 132 161 / 0.585) 25%, rgb(160 132 161 / 0.374) 50%, rgb(160 132 161 / 0.127) 75%, rgb(160 132 161 / 0) 100%),
    radial-gradient(87.1% 37.5% at 12.6% 65.3%, rgb(75 125 210 / 0.801) 0%, rgb(75 125 210 / 0.704) 25%, rgb(75 125 210 / 0.45) 50%, rgb(75 125 210 / 0.153) 75%, rgb(75 125 210 / 0) 100%),
    #f5c9cf;
}

/* orange — from assets/o.png */
.g-o {
  background:
    radial-gradient(62.6% 37.8% at 49.6% 112.1%, rgb(243 93 41 / 0.744) 0%, rgb(243 93 41 / 0.654) 25%, rgb(243 93 41 / 0.419) 50%, rgb(243 93 41 / 0.142) 75%, rgb(243 93 41 / 0) 100%),
    radial-gradient(38.2% 29.4% at 99.4% 72.1%, rgb(247 101 48 / 0.518) 0%, rgb(247 101 48 / 0.455) 25%, rgb(247 101 48 / 0.291) 50%, rgb(247 101 48 / 0.099) 75%, rgb(247 101 48 / 0) 100%),
    radial-gradient(28.4% 36.4% at 34.9% 31.1%, rgb(243 54 0 / 0.368) 0%, rgb(243 54 0 / 0.323) 25%, rgb(243 54 0 / 0.207) 50%, rgb(243 54 0 / 0.07) 75%, rgb(243 54 0 / 0) 100%),
    radial-gradient(41.6% 50.6% at -6.9% 85.4%, rgb(241 107 42 / 0.937) 0%, rgb(241 107 42 / 0.824) 25%, rgb(241 107 42 / 0.527) 50%, rgb(241 107 42 / 0.179) 75%, rgb(241 107 42 / 0) 100%),
    radial-gradient(66.1% 64.4% at 94.6% -6.2%, rgb(255 215 100 / 1) 0%, rgb(255 215 100 / 0.879) 25%, rgb(255 215 100 / 0.563) 50%, rgb(255 215 100 / 0.191) 75%, rgb(255 215 100 / 0) 100%),
    radial-gradient(46.8% 36.2% at 37.5% 4.0%, rgb(254 169 113 / 1) 0%, rgb(254 169 113 / 0.879) 25%, rgb(254 169 113 / 0.563) 50%, rgb(254 169 113 / 0.191) 75%, rgb(254 169 113 / 0) 100%),
    radial-gradient(40.7% 37.6% at 102.3% 104.6%, rgb(251 190 91 / 1) 0%, rgb(251 190 91 / 0.879) 25%, rgb(251 190 91 / 0.563) 50%, rgb(251 190 91 / 0.191) 75%, rgb(251 190 91 / 0) 100%),
    radial-gradient(32.3% 63.5% at -3.4% 13.2%, rgb(254 203 102 / 0.902) 0%, rgb(254 203 102 / 0.793) 25%, rgb(254 203 102 / 0.507) 50%, rgb(254 203 102 / 0.173) 75%, rgb(254 203 102 / 0) 100%),
    radial-gradient(57.2% 78.9% at 71.4% 7.5%, rgb(216 182 152 / 0.893) 0%, rgb(216 182 152 / 0.784) 25%, rgb(216 182 152 / 0.502) 50%, rgb(216 182 152 / 0.171) 75%, rgb(216 182 152 / 0) 100%),
    #fc9430;
}

/* orange and blue — from assets/ob.png */
.g-ob {
  background:
    radial-gradient(40.7% 40.1% at 101.5% 103.8%, rgb(64 77 235 / 0.756) 0%, rgb(64 77 235 / 0.664) 25%, rgb(64 77 235 / 0.425) 50%, rgb(64 77 235 / 0.145) 75%, rgb(64 77 235 / 0) 100%),
    radial-gradient(24.5% 27.5% at -9.3% -7.0%, rgb(0 146 244 / 0.758) 0%, rgb(0 146 244 / 0.666) 25%, rgb(0 146 244 / 0.426) 50%, rgb(0 146 244 / 0.145) 75%, rgb(0 146 244 / 0) 100%),
    radial-gradient(40.0% 47.5% at -1.8% -4.5%, rgb(112 89 255 / 0.75) 0%, rgb(112 89 255 / 0.659) 25%, rgb(112 89 255 / 0.422) 50%, rgb(112 89 255 / 0.144) 75%, rgb(112 89 255 / 0) 100%),
    radial-gradient(35.3% 30.4% at 68.2% 70.5%, rgb(23 112 229 / 0.59) 0%, rgb(23 112 229 / 0.519) 25%, rgb(23 112 229 / 0.332) 50%, rgb(23 112 229 / 0.113) 75%, rgb(23 112 229 / 0) 100%),
    radial-gradient(13.8% 13.5% at 67.1% 67.6%, rgb(8 78 226 / 0.791) 0%, rgb(8 78 226 / 0.695) 25%, rgb(8 78 226 / 0.445) 50%, rgb(8 78 226 / 0.151) 75%, rgb(8 78 226 / 0) 100%),
    radial-gradient(30.2% 24.5% at 104.7% -1.9%, rgb(213 83 87 / 0.909) 0%, rgb(213 83 87 / 0.799) 25%, rgb(213 83 87 / 0.512) 50%, rgb(213 83 87 / 0.174) 75%, rgb(213 83 87 / 0) 100%),
    radial-gradient(58.9% 13.4% at 56.9% -2.6%, rgb(241 95 0 / 1) 0%, rgb(241 95 0 / 0.879) 25%, rgb(241 95 0 / 0.563) 50%, rgb(241 95 0 / 0.191) 75%, rgb(241 95 0 / 0) 100%),
    radial-gradient(37.2% 34.8% at 70.0% 71.2%, rgb(204 140 230 / 0.51) 0%, rgb(204 140 230 / 0.448) 25%, rgb(204 140 230 / 0.287) 50%, rgb(204 140 230 / 0.098) 75%, rgb(204 140 230 / 0) 100%),
    radial-gradient(53.7% 20.7% at 55.5% 51.0%, rgb(154 111 255 / 0.505) 0%, rgb(154 111 255 / 0.444) 25%, rgb(154 111 255 / 0.284) 50%, rgb(154 111 255 / 0.097) 75%, rgb(154 111 255 / 0) 100%),
    radial-gradient(22.0% 22.7% at -11.2% -10.6%, rgb(0 0 255 / 1) 0%, rgb(0 0 255 / 0.879) 25%, rgb(0 0 255 / 0.563) 50%, rgb(0 0 255 / 0.191) 75%, rgb(0 0 255 / 0) 100%),
    radial-gradient(37.5% 50.0% at 118.3% 126.3%, rgb(0 187 255 / 1) 0%, rgb(0 187 255 / 0.879) 25%, rgb(0 187 255 / 0.563) 50%, rgb(0 187 255 / 0.191) 75%, rgb(0 187 255 / 0) 100%),
    radial-gradient(38.6% 39.4% at -1.4% 102.6%, rgb(189 248 174 / 1) 0%, rgb(189 248 174 / 0.879) 25%, rgb(189 248 174 / 0.563) 50%, rgb(189 248 174 / 0.191) 75%, rgb(189 248 174 / 0) 100%),
    radial-gradient(35.0% 95.3% at 101.1% 99.2%, rgb(255 200 195 / 0.663) 0%, rgb(255 200 195 / 0.582) 25%, rgb(255 200 195 / 0.373) 50%, rgb(255 200 195 / 0.127) 75%, rgb(255 200 195 / 0) 100%),
    radial-gradient(74.7% 34.9% at 5.9% 2.0%, rgb(255 117 251 / 0.489) 0%, rgb(255 117 251 / 0.429) 25%, rgb(255 117 251 / 0.275) 50%, rgb(255 117 251 / 0.094) 75%, rgb(255 117 251 / 0) 100%),
    radial-gradient(41.9% 38.9% at 31.9% 32.2%, rgb(94 101 255 / 1) 0%, rgb(94 101 255 / 0.879) 25%, rgb(94 101 255 / 0.563) 50%, rgb(94 101 255 / 0.191) 75%, rgb(94 101 255 / 0) 100%),
    radial-gradient(42.5% 37.9% at 69.9% 73.5%, rgb(198 37 220 / 0.715) 0%, rgb(198 37 220 / 0.629) 25%, rgb(198 37 220 / 0.402) 50%, rgb(198 37 220 / 0.137) 75%, rgb(198 37 220 / 0) 100%),
    #f75900;
}